Category: Layouts

Categories

Create a Stunning Wooden Website Template in Photoshop
Layouts / 15 Oct 2010

Create a Stunning Wooden Website Template in Photoshop

Today we’re going to build an awesome website template in Photoshop utilizing a number of advanced techniques.

I’ll take you through the entire process in ten easy steps and provide you with a link to download the finished template. Let’s begin!

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.

Designing From a Photo: Quick Tips and Best Practices
Graphics / 20 Jul 2010

Designing From a Photo: Quick Tips and Best Practices

Photography is the best thing to hit design since typography. A quality photograph can make a poor designer look good and a good designer look great. It can convey emotion, bring in color, provide and provide a strong focal point.

Today we’ll look at a few tips, techniques and ideas for designing around great photography.

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!

15 in-Depth Examples of Addictive User Experience
Graphics / 7 May 2010

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.

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.

7 Lessons Web Designers Can Learn From Print
Inspiration / 27 Apr 2010

7 Lessons Web Designers Can Learn From Print

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.

How to Use Visual Hierarchy in Web Design
Graphics / 17 Apr 2010

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.

The Ins and Outs of Minimalist Design
Graphics / 30 Mar 2010

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.

Quick Tips for Creating a Mobile Optimized Site
CSS / 23 Mar 2010

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.

20 Gorgeous Web Application Interfaces
Graphics / 14 Mar 2010

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.

0 0 0 0