Web Design Principles​
CONTRAST
-
"Contrast occurs when two or more related elements are displayed differently, and the greater the difference, the greater the contrast."
-
In addition to color,
"other attributes include size, shape, texture, orientation, position, and movement."
-
"Under some circumstances, contrast is used to make something different so that it stands out. This helps to indicate what is important."
REPETITION
-
Repetition is "the use of a consistent theme throughout a Web site."
-
"The repetition of elements establishes a style for your website."
-
An example of effective repetition is creating "navigation aids [that] will appear on every page and their design is critical for readers to have a sense of context and organization."
​ALLIGNMENT
-
"Alignment simply means that items on your page line up with each other; items are... carefully and thoughtfully arranged."
-
"Alignment can enhance or detract from the appearance of a Web page."
-
"Proper alignment will create strong associations and a pleasing visual style."
​PROXIMITY
-
"Proximity refers to the distance between elements on a Web page and how the elements relate to one another."
-
"Elements that are close together appear to have a stronger relationship than elements that are farther apart."
-
Promixity refers to many elements, including text, navigation, [and] headings."
​COLOR
-
"Using an overall color scheme provides continuity for your readers and it can give your site personality."
-
"Complementation refers to the way we see colors in terms of their relationships with other colors."
-
"Contrast reduces eyestrain and focuses user attention by clearly dividing elements on a page."
​TEXT
-
"Text in Web pages is displayed by browsers using the fonts available in the viewer's computer" so it's important to use basic fonts as often as possible.
-
"Readability refers to how easy it is to read extended amounts of text."
-
"Legibility refers to how easy it is to read short bursts of text such as headlines or buttons."