Web design principles: Difference between revisions
Jump to navigation
Jump to search
| Line 6: | Line 6: | ||
Design principles are derived from fields as varied as [[Human-computer interaction]], [[User experience and user experience design | usability and user experience design]], [[Graphic design]] and [[Typography]], [[Colour theory]], and [[Design process |Design processes and models]]. They can stand alone as general rules or be the basis for the development of [[Design methodology | design methodologies]] | Design principles are derived from fields as varied as [[Human-computer interaction]], [[User experience and user experience design | usability and user experience design]], [[Graphic design]] and [[Typography]], [[Colour theory]], and [[Design process |Design processes and models]]. They can stand alone as general rules or be the basis for the development of [[Design methodology | design methodologies]] | ||
==Examples of Design | ==Graphic design principles== | ||
Examples of guidelines for print and web. | |||
===CRAP principles graphic design=== | |||
*'''Contrast''' - Avoid elements on the page that are merely similar. If the elements are not the same then make them very different | |||
*'''Repetition''' - Repeat visual elements throughout the piece. This develops the organization and strengthens the unity. | |||
*'''Alignment''' - Every element should have some visual connection with another element on your page. | |||
*'''Proximity''' - Items relating to each other should be grouped close together. | |||
===Principles of Design=== | |||
* Balance | |||
* Rhythm | |||
* Proportion | |||
* Dominance | |||
* Unity | |||
==Links for further reading== | ==Links for further reading== | ||
Revision as of 10:30, 20 January 2012
Introduction
Web design principles are general rules for the design of web-based media that include basic guidelines for the design of layouts and interaction design.
Definition
Design principles are derived from fields as varied as Human-computer interaction, usability and user experience design, Graphic design and Typography, Colour theory, and Design processes and models. They can stand alone as general rules or be the basis for the development of design methodologies
Graphic design principles
Examples of guidelines for print and web.
CRAP principles graphic design
- Contrast - Avoid elements on the page that are merely similar. If the elements are not the same then make them very different
- Repetition - Repeat visual elements throughout the piece. This develops the organization and strengthens the unity.
- Alignment - Every element should have some visual connection with another element on your page.
- Proximity - Items relating to each other should be grouped close together.
Principles of Design
- Balance
- Rhythm
- Proportion
- Dominance
- Unity
Links for further reading
Principles
- Graphic design principles
- Digital Web Magazine - The Principles of Design
- 10 Principles Of Effective Web Design - Smashing UX Design | Smashing UX Design