Journal

Category: Design

Five simple steps to designing grid systems - Part 4

August 30, 2005

Layout seems to be a hot topic at the moment, mostly prompted by the ALA redesign and the numerous discussions of the choice by Jason and the ALA team to go 1024 for a fixed width. I'm not going to go into my thoughts on ALA in too much depth here, there's been a lot of that already, but it seems like the right time to get this article out.

So, fixed width grid design for the web. What is it, how do we do it and how do we implement it?

Continue reading...

Five simple steps to designing grid systems - Part 3

August 09, 2005

The third installment to this series is going to be a little different. The previous installments have been talking through some of the basics of grid construction using ratios as the primary device. They've also dealt with grid construction for print media. Unfortunately, as designers for web media, we don't have some of the luxuries as our print designer collegues.

Rather than go through tutorials (I'll be covering these in the last two installments), I'll be using this installment as a platform to discuss some of the challenges and rewards of designing grid systems for the web.

Continue reading...

Professional CSS: A first look

August 08, 2005

{title}I've just received my copy of Professional CSS - Cascading Style Sheets for Web Design so I'd thought I'd share my first thoughts after flicking through the book.

Continue reading...

Tags and Folksonomy - I need your help

July 25, 2005

I've got some projects on at the moment which are requiring me to think long and hard about tags, metadata and 'folksonomies' (of the Del.icio.us and Flickr kind). I'm getting nowhere fast in terms of user requirements for tags and was wondering if you could help me out.

Continue reading...

  • Posted in: Design
  • Comments closed

Five simple steps to designing grid systems - Part 2

July 16, 2005

In part one of this Simple Steps series I talked about how to use a simple ratio, that of the paper size you are using, to create a symmetrical grid on which to create your designs. This, the second part in the series, will deal with other ratios and how they can be combined to create more complex grid systems.

Continue reading...

Five simple steps to designing grid systems - Part 1

July 04, 2005

The first part of this Five Simple Steps series is taking some of the points discussed in the preface and putting it to practice.

Ratios are at the core of any well designed grid system. Sometimes those ratios are rational, such as 1:2 or 2:3, others are irrational such as the 1:1.414 (the proportion of A4). This first part is about how to combine those ratios to create simple, balanced grids which in turn will help you create harmonious compositions.

Continue reading...

Five simple steps to designing grid systems - Preface

June 26, 2005

Following my article in Design in Flight I've received countless emails to elaborate, in some way, on how to correctly design grid systems. It's quite a complicated field and so distilling it into 'Five Simple Steps' has proven to be quite tricky, so much so that I thought I needed to write some sort of preface before we get on to the first part.

Continue reading...

Modularised stuff - where to draw the line?

June 02, 2005

I’ve got a several large projects ahead of me at the moment and it’s at that stage where you are mentally planning out how to go about certain things with the end result in mind.

There’s a fair bit of talk about modularisation at the moment, not only for content, but for the HTML and CSS, and this is the way I’m currently going for the projects. This is partly based on past experience, but also I believe it’s the right thing to do, especially on large projects.

Continue reading...

Page 8 of 13 pages « First  <  6 7 8 9 10 >  Last »

Of interest ...

How Subtraction.com was converted to EE - EngagingNet - ways for becoming internet bodies
Just come across this one... Fantasic writeup from Adam Khan
FF Trixie
FF Trixie gets a makeover. Two new weights, higher def, with finer detail.
The Design Manifesto, BusinessWeek
Interesting Manifesto On Design from the World Economic Forum.
The Vector Lab
Royalty free stock.
Die Neue Typographie Wordpress theme
Great looking typographic theme for Wordpress.
Versions - Mac Subversion Client (SVN)
Versions is out of Beta. Great looking site too.
Social Patterns
Designing Social Interfaces wiki with extensive links to design patterns in social interfaces.

These links are now pulled from my del.icio.us account. You can subscribe to the feed if you like.

My books

Web Standards Creativity Buy Five Simple Steps: Designing for the Web

Stuff I like

The Britpack!

Powered by Expression Engine


A picture of Mark BoultonI'm a graphic designer from near Cardiff in the UK. I've been a designer for over ten years now and primarily work on the web. I'm still partial to a bit of print every now and then though. I used to work for Agency.com in London as an Art Director before working as a Senior Designer for the BBC in sunny Cardiff. This was all before I took leave of my senses and formed my own design consultancy, Mark Boulton Design Ltd.

I've got a thing about grids and typography and occasionally ramble on about them to anyone who will listen.

If you're after simple, clean and effective web design; let me know.