/CSS/ Get inspired by print design

04/12/2008 | Filed under Develop > CSS

Enabling certain aspects of magazine and print design to influence your websites can lead to a more satisfying and visually appealing result, says Craig Grannell

In an era in which websites are increasingly built from modular components, there’s a real danger of designing identikit layouts, pieced together from various disparate chunks of information. The results are often unsatisfactory and ‘bitty’, with various on-screen components that don’t relate to each other in any meaningful way. Although the likes of Facebook can perhaps get away with this, smaller websites that are aiming to portray a unique, design-conscious approach should be wary of following suit – and yet, many do.

Part of the problem is down to designers slicing up websites into modular, linear chunks and having one chunk of information follow on directly from another, without any consideration for the design as a whole. When working in Photoshop and Fireworks, you’ll see many designers take a ‘top down’ approach, working from the logo/masthead area down to the foot of the page, without taking care over how elements line up or reference one another. Consequently, the tendency is for sites to follow a rather dull sidebar/main content layout pattern, with little tying together of the entire design. But this kind of thinking rarely pervades in the print world, where pages tend to be designed in a rather more holistic manner.

About the author:

Name: Craig Grannell
Site: www.snubcommunications.com
Areas of expertise: Information architecture, site concepts, graphics, interface and front-end design
Clients: Swim~, Rebellion, IDG
What was your favourite school subject? None of them

Click here to download the support files
Click here to download tutorial PDF

 

Add a comment

Your name:


Your email: (Not displayed)


Your website: (optional)


Enter your comment here:

.net magLatest issue Buy it

Issue 185

Discover tomorrow’s trends in web design: the ultimate ways to refresh your site in 2009 Find out more ...

» Subscribe-save up to 54%
» Buy issue 185
» Get a corporate subs
» Join us on Facebook

 
Signup for our newsletter

Enter your email address and start receiving our new-look weekly email newsletter!

 
 

Rackspace Managed Hosting

TopHosts

actinic

netcetera

CWCS

E-BOWL
DekoElite digital photo frames compare it against the Sony digital photo frame. Freeview PVR check the Topfield TF5810PVR

.net photos powered by:
Canon