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

—————-

Text

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

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

Links

Link colors coordinate with page colors

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

Graphics

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)

http://www.noupe.com/design/a-crash-course-in-typography-paragraphs-and-special-characters.html

Bra artikel om typografi i webdesign

http://www.1stwebdesigner.com/design/safely-match-design-typography/

Responsiv design

http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/

En massa bra design länkar

http://imroberto.posterous.com/?sort=&search=design

Bra design sidor

http://ilovetypography.com/

http://uxdesign.smashingmagazine.com/

The Human factor. / People first. Brand later.

http://socialmediatoday.com/ebarbaric/373816/human-factor

Leave a Comment

Leave a Reply

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

WordPress.com Logo

You are commenting using your WordPress.com 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 )

Google+ photo

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

Connecting to %s

%d bloggers like this: