Web design principles

The educational technology and digital learning wiki
Jump to navigation Jump to search

Draft

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

Mistakes to avoid