The Video Below covers the four basic principles of Web Design. It's a little boring but it should help you remember these principles.
4 Elements of Good Web Design
1. Contrast-By using opposites in the web page elements, such as color, font, and size visual interest and focal point is created. The image to the left uses contrasting fonts, sizes and colors to create a strong visual impact and readability. Notice how easy it is to read the various pieces of information.
2. Repetition- helps organize content. Repeating elements not only helps the viewer to understand their relationship to each other but also to the page as a whole . Knowing what importance to put on key areas helps the viewer organize the content in his mind.
3. Alignment- helps to make visual associations. When elements are aligned they are believed to belong together or related to one another. Consistency in alignment on a web page creates visual unity and organization making it less confusing to the viewer.
4. Proximity- refers to elements that are grouped together closely in location. When elements are visually grouped close together they are thought of as beginning to each other. This makes content that is related organized and easy to associate as a unit. The example to the left illustrates this A) Reads as the contact information B) Groups services by putting the information close together (repetition plays into this unity of group by creating similar sizes, shapes but contrast of color creates a focal point and keeps it from being boring C) Groups links and a summary of all of the above information.
Principles of Design Assignment
1. Create a standard 3 column Web page layout on plain white paper. Use a ruler and pencil.
2. In the top box(header) you will create a design which illustrates the concept Contrast. You must include the word "contrast" in your design.
3. In the left column box you will create a design which illustrates the concept Repetition. You must include the word "repetition" in your design.
4. In the middle column illustrate Alignment. Include the word alignment somewhere in your design.
5. In the right column illustrate Proximity. Include the word "proximity"