1 / 12

C.R.A.P.

C.R.A.P. Josh H. & Billy M. Period 4 Web Design 1. Color The contrast and intensity of the text and background. Good color creates a page that is aesthetically pleasing and that people will want to visit. Repetition Repeating formatting effects through out a web page.

koren
Télécharger la présentation

C.R.A.P.

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. C.R.A.P. Josh H. & Billy M. Period 4 Web Design 1

  2. Color • The contrast and intensity of the text and background. • Good color creates a page that is aesthetically pleasing and that people will want to visit. Repetition • Repeating formatting effects through out a web page. • Repetition helps to organize the information on a page and draw the eye to important areas. Alignment • Organization of content into tables, columns, etc. • Alignment is similar to repetition and offers another level of organization and clarity. Proximity • The separation/conjunction of elements on a web page. • Proximity helps to organize a page by grouping similar objects and creates a visual separation of dissimilar properties.

  3. Color Background isn’t offensive to the senses Text colors contrast well with background Also shows good repetition http://www.sprawsm.com

  4. Color Background is bright and distracts from the page Colors don’t always contrast Very little consistency http://neverpayretailagain.blogspot.com

  5. Repetition Formatting varies for different sections of the article Organization is consistent for each article http://www.geekologie.com

  6. Repetition No separation of sections with headings or titles Seemingly random bold words

  7. Alignment Text is appropriately center aligned Three clear columns of content http://www.google.com

  8. Alignment No hint of columns, rows, lists, groups, or organization Any text alignment is probably accidental http://www.arngren.net

  9. Proximity Sufficient spacing between items on the list Clear separation between listings http://www.santasquarters.com

  10. Proximity Little to no space between separate sections Information looks cluttered http://english.gov.cn

  11. Failure to C.R.A.P. Background not only hurts, it moves Text is difficult to read Any attempt at organization is shown here Irritating 8-bit music loops in the background Completely unrelated images http://www.dokimos.org/ajff

  12. Polished C.R.A.P. Information is organized into columns and rows, each well spaced apart from the other Text uses a simple font on a clean background Formatting is consistent in each element http://www.oliverwyman.com/ow

More Related