Layouts - Page 10

Advice for crafting layouts and structure that can create a clear, original web design.

iOS Usability Tips and Resources for iPhone and iPad Apps
Layouts / 2 May 2011

iOS Usability Tips and Resources for iPhone and iPad Apps

The process required for designing mobile applications takes dedication and eye-numbing precision. Most graphics designers won’t spend their time in this area since pixel-perfect creation becomes tiresome quickly. And although mobile design isn’t for everyone it does hold a special place in the hearts of many.

For those out there interested to get started designing for mobile I’d recommend skimming a few of the ideas presented below. Previously we’ve discussed creative UI design techniques and offer solutions for iPhone and iPad designers.

Drag and Drop WordPress Layout With Platform Pro
Layouts / 18 Mar 2011

Drag and Drop WordPress Layout With Platform Pro

Building and even slightly altering WordPress themes can be a real hassle. You could buy a book or watch hours of video tutorials until you’re an expert on WordPress, but wouldn’t it be nice if you could skip all this and jump into building your own theme today?

Today we’re going to take a look at an impressively innovative product that allows you to use the simplicity of a drag and drop interface and basic forms to completely customize a WordPress site. The product is called Platform Pro and you’ve simply got to see it…

10 Tips for Troubleshooting a Lackluster Design
Layouts / 16 Mar 2011

10 Tips for Troubleshooting a Lackluster Design

One of the biggest problems that designers struggle with is how to improve a design that didn’t quite hit the mark. Sometimes we’re on our game and can bust out a beautiful design in minutes, other times we struggle to complete something that should be simple.

Today’s post is a checklist that you can bookmark and refer back to for those times when you need a fresh perspective. Browse through the list for inspiration on how to improve a design that’s lacking in an area that you can’t quite identify.

10 Rock Solid Website Layout Examples
Layouts / 16 Feb 2011

10 Rock Solid Website Layout Examples

Layout can both be one of the easiest and one of the trickiest facets of web design. Sometimes a designer can bust out an amazing layout in minutes and sometimes that same designer can struggle for the better part of day with the same task.

Each project is unique and calls for a unique solution, but I’ve found it helpful to keep a few rock solid and incredibly versatile alignments in mind that I can bust out when I get stuck. The ten layouts below should be enough to get you through even the worst cases of designer’s block when you can’t figure out the best way to arrange the content on your page.

Are You Using These Two Simple Elements to Ramp Up Conversion Rates?
Layouts / 15 Sep 2010

Are You Using These Two Simple Elements to Ramp Up Conversion Rates?

There are two things you can add to just about any site to increase readership: drop caps and hero shots. These aren’t anything new, and they’re by no means “secrets”. But a lot of designers don’t realize that they’re used for more than just aesthetic reasons. Today I’m going to explain why they work—and show you to best implement them.

Just before I dive in, a word of warning. Using these elements will increase readership rates. That is, more people will read your copy. But if your copy is poor, using drop caps and hero shots will also decrease response rates. So you need to have strong copy to use these elements effectively. Otherwise you’ll actually get fewer conversions. You can check out my previous article here at Design Shack for a quick-start guide to spotting and writing persuasive copy.

Rapid Blueprint CSS Layout With Boks
CSS / 13 Jul 2010

Rapid Blueprint CSS Layout With Boks

Today we’ll take a look at Boks, an awesome little tool that will help you spec out a basic site layout in no time flat.

We’ll go through what it is and how you can use it to speed up your development as well as what the limitations and downsides are that you’ll want to be aware of before you download the app.

Where to Find Free Design Feedback
Graphics / 15 May 2010

Where to Find Free Design Feedback

Sometimes outside opinions can offer invaluable insight into the strengths and weaknesses in your designs. Unfortunately, obtaining professional advice can be expensive and risky due to the uncertainty of the quality of feedback you’ll receive for your money.

However, there are plenty of resources available for you to receive completely free feedback on your designs. Though the quality of information you receive will vary widely across the options below, you’re won’t lose a penny by trying!

30 Gorgeous and Versatile CSS Menus
CSS / 30 Apr 2010

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.