Layouts Archive

15 in-Depth Examples of Addictive User Experience

15 in-Depth Examples of Addictive User Experience

Today we are going to examine 15 bits of user interface and experience design that really heighten the experience of using a site or application.

Use these website, iPhone and desktop application examples as inspiration for creating your own uniquely addicting user experiences.

May 7th, 2010 Posted in Graphics, Inspiration, Layouts, Software
30 Gorgeous and Versatile CSS Menus

30 Gorgeous and Versatile CSS Menus

Sometimes the navigation menu can be one of trickiest parts of the design process. This single area can set the tone for the usability of the entire site.

Today we’ll look at 30 inspiring examples of good menu design. Though many are pure CSS, others add in some images and/or JavaScript to increase the aesthetic and functionality.

April 30th, 2010 Posted in CSS, Layouts, Navigation
7 Lessons Web Designers Can Learn From Print

7 Lessons Web Designers Can Learn From Print

screenshot

Looking outside of your area of focus is an excellent way to learn a thing or two about design. Today we’ll see what value thinking like a print designer can bring to your website building skills.

Whether you’ve ever engaged in print design or not, these tips will provide you with some great ideas, ready to be applied to your next design.

April 27th, 2010 Posted in Inspiration, Layouts
How to Use Visual Hierarchy in Web Design

How to Use Visual Hierarchy in Web Design

Sometimes you look at a site that may be attractive enough, but something is missing. It has great colors, nice graphics, perfect alignment and clever copy, but there’s just something a bit bland about it. Though everything looks nice, nothing is really coming through vividly on a greater level than anything else. This solution to this problem is visual hierarchy.

Designers are often intuitive enough to give the elements on the page a clear hierarchy without even thinking, other times the lack of intention in this area leads to a design like the one described above. This article will examine some of the basic principles of designing with a visual hierarchy of information in mind.

April 17th, 2010 Posted in Graphics, Layouts
The Ins and Outs of Minimalist Design

The Ins and Outs of Minimalist Design

Minimalism is a trend that will never die.

No matter how many times we are left in awe by impressively intricate designs, there will always be something about simplicity that leaves us just as captured. Today we’ll look at some of the key aspects of minimalism in web design along with some examples from designers who got it right.

March 30th, 2010 Posted in Graphics, Inspiration, Layouts
Quick Tips for Creating a Mobile Optimized Site

Quick Tips for Creating a Mobile Optimized Site

Last year mobile web usage increased 148% worldwide. In the near future as smarthpones become more and more ubiquitous this number will continue to shoot up. As a developer, the time has arrived for you to seriously consider whether you should begin accommodating your mobile audience.

Today we’ll look at a few quick ways to make your site a little friendlier for mobile devices.

March 23rd, 2010 Posted in CSS, HTML, Layouts
20 Gorgeous Web Application Interfaces

20 Gorgeous Web Application Interfaces

The advancement of web technology has led to some incredibly impressive improvements in online application interface design. Below we’ll look at 20 web apps that aren’t only extremely useful, but indisputably attractive as well. I’ve subdivided the applications into four categories: Design, Business, Productivity and Miscellaneous.

March 14th, 2010 Posted in Graphics, Inspiration, Layouts
The Importance of a / B Design Testing

The Importance of a / B Design Testing

For many developers, launching a site is not the end of the design process. To continually improve the success of their design, these developers turn to A/B testing. This relatively simple process can teach you loads about what your users are looking for as well as what they ignore or find unimportant.

Today we’ll take a quick look at what A/B testing is, the benefits of implementing it, and some tools to get you going.

March 9th, 2010 Posted in Accessibility, Layouts
5 Reasons Band Websites Suck (and Some That Don’t)

5 Reasons Band Websites Suck (and Some That Don’t)

This post began purely as a showcase of well-designed band websites. Naturally, to begin my search I opened up my iTunes library and Safari and began checking out the sites of the bands in my collection. What I discovered shocked me; nearly every site I came across was profoundly lackluster or altogether horrid. I’m at a loss as to why record companies, who spend countless dollars promoting their big money makers, seem to be incapable of finding web designers that match the remarkable talent of their artists.

At this point the nature of the article changed entirely. Due to the wealth of ugly sites to choose from, today we’ll examine some of the reasons I think the band website industry really needs to step up and make some major changes. We’ll conclude by analyzing some examples to follow if you want to create a band site that doesn’t suck.

March 7th, 2010 Posted in Graphics, Inspiration, Layouts
25 Designs Inspired by the Natural Environment

25 Designs Inspired by the Natural Environment

Need an idea for your new site design?

Why not look to nature for your inspiration? Today we’ll look at 25 sites either loosely or strictly inspired by some facet of the natural world.

Along the way we’ll discuss four popular trends that most nature inspired sites fit into.

February 20th, 2010 Posted in Inspiration, Layouts
Subscribe
Membership