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