EDET+J709-Module+2+Scavenger+Hunt

= ﻿Graphic Design Principles = = The following characteristics of graphic design are used to determine how well 2 websites are designed: proximity, alignment, repetition, contrast typography =

Good Example
Proximity: All of the newsworthy information is located in the center of the webpage. Additional information that parents and others may find useful are grouped together on the outer regions of the webpage. In addition, links are provided at the top of the page. Alignment : Each of the highlighted stories are located centrally and connected by the use of the same shade of grey. Other information (calendar info, links of interest) are connected to the highlighted stories by the white rectangle that they are enclosed in. Repetition : Repetition is illustrated through the use of the rectangular boxes throughout the website and the use of various shades of the color grey. These additions allow readers to easily differentiate between the different features of the webpage. Contrast : The white rectangular box provides contrast from the webpage's background and important pieces of information. In addition, subtle color variations are used to highlight different web page features. Typography : This website uses at least 3 different font styles in various colors and sizes. This technique allows readers to scan headings when searching for specific information. It is also visually appealing to the eye.

Poor Example
Proximity : This webpage lacks any proximal spacing. It appears as if the web designer simply entered information in the same manner that he would create a normal document. Alignment : The irregular paragraph format and placement of images are not visually appealing. The paragraphs and images do not seem to be visually connected. Repetition : The use of only two font colors (brown and blue (links)) can be viewed as a form of repetiton but it does nothing for the aesthetics of the webpage. Contrast : Due to the lack of color and images in the background, this webpage lacks contrast. Too much white space is shown. Typography : Again, this website is designed in a manner similar to that of a normal document. The font characteristics are not visually appealing and lack variety.