Lesson 1a: Web Design Aesthetic Considerations

Prev Next

In this lesson: Simplicity | Consistency | Color Schemes


Simplicity Blue bar
Everything should be made as simple as possible but not simpler. -- Einstein

Simplicity means the state of being simple, uncomplicated, or uncompounded. It also means directness of expression.

In terms of Web design, simplicity refers to an approach to express something in a complete yet economic way. Reflecting on the intention of the Web page, the designer has to convey the messages to the reader thoroughly and get directly to the heart of the matter. For example, the images on the screen are not just for decoration; they must help to encapsulate a mass of information. Screen layout should look clean as well. For example, do not add every neat gimmick and animated image you can find. You may think they are cool, but in reality they are distracting and confusing. Just keep the content simple and to the point. If your Web page is too busy and people reading it cannot find what they want quickly, they will move to another page . See Good Example and Bad Example.

 

Consistency Blue bar
Literally, consistency means the agreement or harmony of parts or features to one another or a whole. In terms of Web design, consistency involves the homogeneous pattern within the page and throughout all Web pages. The elements in the design must be unified to produce a coherent whole. Such coherence ensures that your design will become visually apparent to the readers after their exploration. For instance, the background, text format, and color usage should be carefully chosen to produce a consistent screen layout for all your pages.

Consistency does not mean everything should be the same. Some variations would be called for to accommodate the diverse elements of Web pages. However, there must be an underlying pattern of such variations so that the focus of the information is conveyed while retaining the flexibility needed to deal with a variety of communication functions. See Good Example and Bad Example.

 

Color Schemes Blue bar
Color scheme refers to a set of colors you use on your Web components including text, background, link, visited link, active link, border, and table. A color scheme immensely influences the quality of a Web site. It can either enhance communication or detract from it. Therefore, judicious use of colors is very important to express yourself and make your Web pages attractive. For example, color can be used to produce an atmosphere that expresses the character of the Web site. The official "The X-file site" uses black color to create a sense of the mysterious. Both color and theme contribute to the focus of this site. See Good Example and Bad Example.

 


Prev Tutorial Home Next