Web design principles: Difference between revisions
| Line 4: | Line 4: | ||
==Definition== | ==Definition== | ||
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]], [[Color | 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]] | ||
==Graphic design principles== | ==Graphic design principles== | ||
Revision as of 18:08, 23 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
From Digital Web Magazine - The 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
Mistakes to avoid
References
This article or section is currently under construction
In principle, someone is working on it and there should be a better version in a not so distant future.
If you want to modify this page, please discuss it with the person working on it (see the "history")