Friday, January 20, 2012

More Internet CRAP

This week we are examining internet CRAP. While this may sound like a load of bull, CRAP is actually a technique to make website design more intriguing and interesting. We have been discussing this in the while in the process of setting up personal websites in my Communication Technology course. As we learned in class C.R.A.P. stands for contrast, repition, alignment, and proximity.
With contrast:
  • make different things different
  • bring out the dominant elements
  • mute lesser elements
With repition:
  • repeat design throughout interface
  • be consistent
  • create unity
With Alignment:
  • create a visual flow
  • visually connects elements
With Proximity:
  • group related elements
  • seperate unrelated elements
As I am creating my webpage www.chrisbondsconstruction.com, I am going to be using CRAP to make my website interesting and easy to use. I am going to layout all of the links together for proximity. I will be making each page easily managed with alignment by visually connecting close things near the scroll bar. I will show repition with each page on the website. I will finally show contrast in the font choices and important parts of the webpage.

To futher advance my knowledge on website design I have found some other sources that I will also draw from while creating and updating my page. 

5 rules of web design
From http://www.webdesignfromscratch.com/web-design/current-style/ Ben Hunt describes that modern web design is all about simplicity and on this blog he describes and shows what modern simplicity is.

The University of Albany Libraries posted an excellent tutorial about basic website design at http://library.albany.edu/imc/webdesign/.
The Table of Contents for the tutorial is
  • How this Tutorial Works

  • Defining a Web Site

  • Identifying the Purpose of a Web Site

  • Identifying Who will Visit the Site

  • Serving the Needs of the Client

  • Basic Web Design Concepts

  • Proximity

  • Alignment

  • Repetition

  • Contrast

  • Navigation

  • Fonts

  • Page Size and Layout

  • Tables

  • Tables vs. Cascading Style Sheets

  • Browsers & Multitasking

  • Tips, Tricks, and Questions


  • All of these websites and many more compliment the CRAP model of website layout and design.  


    No comments:

    Post a Comment