Skip to content

Design lektion

October 11, 2011

1) – Balans
Visuell tyngd likvärdigt balanserat.
a) Symetri
b) Asymetri

2) – Rytm
Repetition på element.

3) – Proportioner
Skalan mot varandra.

4) – Dominans
5) – Typografi



Background does not interrupt the text (70/30)

Text is big enough to read, but not too big (16px smashing magazine artikel)

The hierarchy of information is perfectly clear

Columns of text are narrower than in a book to make reading
easier on the screen (9-12 ord)


Navigation buttons and bars are easy to understand and use (tydliga)

Navigation is consistent throughout web site

Navigation buttons and bars provide the visitor with a clue as to where
they are, what page of the site they are currently on (breadcrumb)

A large site has an index or site map


Link colors coordinate with page colors

Links must be instantly clear to the visitor (underline vs non underline)


Graphics and backgrounds use browser-safe colors

Animated graphics turn off by themselves

General Design

Pages download quickly

First page and home page fit into 1024 x 768 pixel space

All of the other pages have the immediate visual impact within 1024 x 768 pixels

Good use of graphic elements (photos, subheads, pull quotes)
to break up large areas of text

Every web page in the site looks like it belongs to the same site;
there are repetitive elements that carry throughout the pages

Typografi (crash test course)

Bra artikel om typografi i webdesign

Responsiv design

En massa bra design länkar

Bra design sidor

The Human factor. / People first. Brand later.

Leave a Comment

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

%d bloggers like this: