Articles tagged as ‘Design’

Ultimate Guide to Responsive Web Design

When I think of responsive web design I think of Transformers: Websites in Disguise. With one set of code you can build a website layout that runs flexibly from desktop to mobile. But instead of fighting off Decepticons we’re fighting an even worse antagonist known as bad design.

Responsive web design is still a fairly new concept which has grown in popularity because it fills a void. Back when CRTs were crushing our desks and cryptic dial-up tones connected us to cyberspace it was a pleasure just to access the Internet. Design was important but didn’t have a prodigious overzealous support group…

Read More ».

The Ultimate Guide to Parallax Scrolling: Best Practices, Examples and Tutorials

The idea of parallax design is simply an awareness of movement. More specifically, the word ‘parallax’ is used to describe the perception of distance between objects while moving along a line of sight. For example the objects nearest to you in space will seem to move quicker and more dynamically than “background” objects. So parallax is just a measurement of the difference in position between 2 points from the viewer’s perspective. Since the objects aren’t really moving it’s just a type of illusion like 2D animation.

One of the simplest ways to understand design is through example. Let’s take a glimpse into specific trends used to create parallax design features in website layouts.

Read More ».

Designing a Responsive Navigation Your Users Will Love

navigation_example

The process of creating a website should always start with general ideas. These turn into wireframes or low-fidelity mockups to give the designer a sense of direction. It’s fairly straightforward but the creative process requires a large visual library of existing layouts to understand which interfaces are usable and well-designed. Navigation is a huge part of web design and deserves a lot more coverage.

Responsive web design has slightly changed this creative process over recent years. Now designers are much more focused on grids and fluidity. Accessible responsive layouts should be flexible and naturally update to any screen size. Nav menus can be tricky because shortening a collection of links will often require completely revamping the UI.

In this post I’d like to cover some general tips and guidelines to help designers work with their own ideas for responsive navigation. The brainstorming stage is pivotal to every other stage which comes afterwards. Once you have a workable concept it becomes easier to envision the full design and composition of a responsive website…

Read More ».

23 Interesting Twitter Redesign Concepts

Beautiful Twitter Redesigns

As one of the top social media networks in the world, Twitter’s design has to appeal to millions of users from multiple cultures, languages, and regions. So far, its design has worked well, especially its infinite scrolling feed with super convenient tweaks. For instance, Twitter allows users to view other users or a tweet in more detail and then exit back to the feed in the same exact spot in the list that they left off. This makes getting through a ton of tweets very quick and easy.

However, there are other areas of the design that are a bit more confusing. For instance, the arrangement of links to other pages and features simply is not intuitive. Plus, there are too many buttons, such as the Me button when you can already access your profile by clicking on your name in the left column. And, some may agree with me here, the look is a bit outdated. Twitter could really use some additional UX changes…

Read More ».

28 Interesting Craigslist Redesign Concepts

Best Craigslist Redesign Concepts

As one of the most popular websites on the web, Craigslist certainly gets a lot of attention when it comes to the topic of redesigns. As a service, the idea is brilliant and that is why it is the huge success it is today. While the UX works fine, the design itself is quite controversial because it has only had minor updates in the past 15 years.

There seem to be two different thoughts on the design for Craigslist, hence the controversy. Some believe that the reason the UX works well is because the design is perfect for this site. Others believe that the reason Craigslist offers a positive user experience is simply because it has always been this way and everyone is comfortable using it.

All of the incredible Craigslist redesign concepts out there do seem to make it obvious the site needs to be updated. And I’m pretty sure that both parties on each side of the controversy may agree that the design is not very pretty and could use at least some more minor updates.

The following list includes a wide range of redesigns, from complete identity redesigns to a minimal update of the current website design. Browse through the list below to find out which one is your favorite and then feel free to leave your opinion in the comments below…

Read More ».

21 Beautiful Gmail Redesign Concepts

Gmail has needed a redesign for awhile now. The interface is quite cluttered and not at all easy to use, and the apps for iOS and especially Android are even worse. While drastic improvements have been made over the past few years, there could still be a lot of improvements made. Word has leaked that Gmail may be working on a redesign, and a pretty drastic one. Mashable explains the new Gmail features, which include some interesting additions such as Finance and Travel labels…

Read More ».

45 Brilliant Tutorials for Learning Pixelmator

45 Brilliant Tutorials for Learning Pixelmator

Looking for an alternative to photoshop? Pixelmator is a popular image editor for Mac OS X. While Photoshop is the industry standard, Pixelmator has a lot to offer for Mac users. In this post we’ll feature 45 tutorials for using Pixelmator, including a number of video tutorials. Some of the tutorials are rather basic and will help you to get familiar with the interface and tools, and others teach specific techniques. You may notice that some of these tutorials are re-makes of popular Photoshop tutorials, except this time showing how to create the same end result in Pixelmator…

Read More ».

12 Ways to Make Money in the Design Industry, Aside from Client Work

When it comes to working as a designer or developer the options that come to mind are typically 1) work as an employee for a design studio or agency, 2) work as employee as an in-house designer or developer, or 3) work as freelancer.

While all of those are perfectly legitimate options, there are thousands of designers and developers who are earning a living in the industry with less traditional approaches. In this article we’ll look at some of the ways that you can use design and coding skills, aside from the 3 approaches mentioned above.

Working as a freelancer is something that many designers aspire to do. In reality, most freelancers struggle to find enough client work to make the income that they need. A growing number of designers and developers are taking alternative approaches as a result. One of the great benefits is that many of these things can be done part-time or full-time, which also means that you can combine one or more of these approaches with client work.

So let’s take a look at some of the options for designers and developers. We’ll also see some examples of people who taking these alternative approaches, and you’ll find links to some excellent learning and training resources that can help you in your own pursuit.

1. Designing and Selling Stock Graphics

A common approach to making money as a designer is to sell stock graphics (PSD files, logo templates, Photoshop brushes, vectors, icons, etc). Marketplaces like GraphicRiver, Creative Market, and major stock photo sites like iStock allow designers to sell their own creations to a large existing audience. The down side of selling at these types of marketplace sites is that you will need to share the revenue with the marketplace, and in many cases you’ll also face restrictions related to pricing, the types of products you can sell, and exclusivity.

Of the major marketplaces, Creative Market provides the most flexibility and fewest restrictions for designers. They don’t require exclusivity (you can sell your products at your own site or at other sites), you can set your own prices, and they offer 70% of each sale to the designer.

GraphicRiver

Read More ».

8 Small but Powerful Tips for a Standout Website Design

Every one of your clients wants to (or at least should want to) stand out from their competition. To be distinguished is to be memorable. Your client’s job is to provide a solid business. Your job as a web designer is to make sure that they get both noticed in the first place and remembered so that they have an audience to whom they can demonstrate their excellence.

Creating a standout website design is not exactly the easiest task. It is much easier to pick a common layout and fill in the blanks or to pick a design trend and build a website around it. Neither of these methods will help you create a website that breaks the mold, though.

Read More ».
Page 1 of 2812345...Last »