This link has been bookmarked by 201 people . It was first bookmarked on 23 Apr 2006, by Michael Whalen.
-
31 Dec 17
-
27 Sep 11
-
19 Apr 11
-
29 Jan 11
-
16 Oct 09
-
30 May 09
-
04 Dec 08
-
08 Oct 08
-
20 Sep 08
-
11 Aug 08
-
Contrast
Elements that aren’t the same should be very different so they stand out, making them “slightly different” confuses the user into seeing a relation that doesn’t exist. -
Repetition
Repeat styles down the page for a cohesive fee -
Alignment
Everything on the page needs to be visually connected to something else -
Proximity
Proximity creates related meaning: elements that are related should be grouped together, whereas separate design elements should have enough space in between to communicate they are different. -
Contrasting elements allow for the user to figure out which page areas are related and which are totally separate, so make sure to differentiate your elements and page sections.
-
Either left-align, or right-align text, but don’t do both. Right-aligned text in a right sidebar creates rivers of white space between the two columns and looks awful. If you left-align your body copy, then left-align your sidebar text as well.
-
Centered headlines are classy, centered body copy isn’t
-
Use existing hard edges to line up other elements. If your header graphic is 5px from the left edge, then have your body copy be 5px from the left as well. Be precise: 5px is not 7px — good design is all about the details.
-
-
22 Jun 08
-
23 May 08
-
22 May 08
-
26 Mar 08
-
22 Mar 08
-
20 Mar 08
-
12 Mar 08
-
20 Feb 08
-
18 Feb 08
-
12 Feb 08
-
24 Jan 08
-
20 Jan 08
-
17 Jan 08
-
26 Dec 07
-
13 Dec 07
-
29 Nov 07
-
24 Nov 07
-
28 Oct 07
-
04 Oct 07
-
06 Aug 07
-
01 Aug 07
-
31 Jul 07
-
02 Jul 07
-
26 Jun 07
-
11 Jun 07
-
09 May 07
-
30 Apr 07
-
27 Mar 07
-
23 Mar 07
-
21 Mar 07
-
14 Feb 07
-
13 Feb 07
-
09 Feb 07
-
06 Feb 07
-
13 Jan 07
-
09 Jan 07
-
04 Jan 07
-
20 Dec 06
Carl Spies# Contrast
Elements that aren’t the same should be very different so they stand out, making them “slightly different” confuses the user into seeing a relation that doesn’t exist. Strong contrast between page elements allows the user’s eye to flo -
18 Dec 06
-
12 Dec 06
-
02 Dec 06
Fogday StudiosThe four golden rules of site design. Simply follow them and watch the accolades come flooding in.
Contract. Repition. Alignment. Proximity. Excellent article. -
13 Nov 06
-
09 Nov 06
-
08 Nov 06
-
07 Nov 06
-
29 Oct 06
-
27 Oct 06
-
25 Oct 06
-
12 Oct 06
-
09 Oct 06
-
25 Sep 06
-
10 Sep 06
-
01 Sep 06
-
20 Aug 06
-
19 Aug 06
-
10 Aug 06
-
06 Aug 06
-
11 Jul 06
-
30 Jun 06
-
16 Jun 06
-
12 Jun 06
-
31 May 06
-
24 May 06
-
23 May 06
-
08 May 06
-
04 May 06
-
01 May 06
-
30 Apr 06
-
28 Apr 06
Timothy WoodEons ago when I was taking the Freshman web design course in college I was taught about the acronym of all acronyms, the one by which all other web design acronyms were judged. We learned that good design is based on the C.R.A.P. principles where C.R.A...
web_design graphic_design design_principles proximity alignment repetition contrast c.r.a.p. mike_rundle vitamin design
-
27 Apr 06
-
26 Apr 06
Christopher RiceContrast, Repetition, Alignment, Proximity - nice article on more effective blog design
-
25 Apr 06
-
24 Apr 06
-
23 Apr 06
-
22 Apr 06
-
-
21 Apr 06
-
20 Apr 06
Would you like to comment?
Join Diigo for a free account, or sign in if you are already a member.