i love barkingsheep

Another excellent Edublogs.org blog

Activity 3.5

June 12th, 2008 · No Comments
Activity 3 - 2008




CRAP (lovely name)

The following is a brief overview of the 4 basic principles of design :

C R A P

 

Reference: Williams, R. 1994, The Non-Designer’s Design Book, Peachpit Press, USA

 

Contrast

 

Contrast can be the most important visual aspect of a page. The principle is to avoid elements on the page that are merely similar – if they are not the same – then make them VERY different.

 

Purpose:

To create interest

Aid in the organisation of information

Supports visual hierarchy

Eg. use of colour

Repetition

 

Repeat visual elements throughout – colour, shape, etc. Develops organisation and strengthens the unity.

 

Purpose:

To unify and add interest

For consistency

Eg. navigation, colour identifiers, layout – anything your learner may visually recognize.

 

Avoid repeating the element so much that it becomes annoying and distracts from the message

 

Alignment

 

Nothing should be placed on your page randomly. Every element should have some visual connection with another element on the page.

This creates a clean, sophisticated look.

 

Purpose:

To unify and organize your page design

Be conscious of where you place your elements – always try to find something that aligns them

 

Avoid:

More than 1 type of text alignment on the same page

Don’t always centre align

 

Proximity

 

Items relating to each other should be group close together.  Items in close proximity become one visual unit rather than several separate, unrelated units.

 

Purpose:

Reduces clutter and confusing your reader

Organizes information – reduces cognitive load

Logical information is more likely to be remembered

 

 

Create a free edublog to get your own comment avatar (and more!)

0 responses so far ↓

  • There are no comments yet...Kick things off by filling out the form below.

Leave a Comment

*
To prove you're a person (not a spam script), type the security word shown in the picture.
Anti-Spam Image