The principles of visual communication design of WWW Web page-Communicating with customers

One: About the overall layout part

﹝ a ﹞ about how the title is rendered

1. The title should be included in the integrated design of images and characters.

2. Taiwanese users prefer a more colourful title.

3. The title should reside in the middle of the layout and be rendered in rectangular form.

4. The title should be highlighted above the background.

﹝ Map ﹞:yahoo Global Information Network
﹝ two ﹞ on the layout of the presentation of white

1. The layout leaves the white quantity to 50% suitably.

2. The background color purity is too high will cause the blank volume feeling disappears.

﹝ Chart II ﹞:adobe Company's page
﹝ three ﹞ about the presentation of the link point

1. Row long type of text links with single row to the left to align.

2. Row short type of text links to the center of the double row position, text to the left is appropriate.

3. Straight-line graphics and text link points, individual spacing should be widened to facilitate the distinction.

4. Before the link point with the image or color ball to guide or emphasize, can facilitate the search.

﹝ ﹞:us News & World Reports Global Information Network
﹝ four ﹞ about how important information is presented

1. Important information should be placed after the title, the first link point or before the text.

2. Important information can be used to highlight or highlight images placed at the front.

3. Important information can be emphasized using different color blocks.

﹝ five ﹞ on the coherence of information

1. Maintain a fixed layout, to obtain a sense of unity, easy to read and search.

Two: About the background use part

The relationship between ﹞ background and subject in ﹝

1. The background and the main lightness contrast between 3:1 and 5:1 is advisable.

The color of ﹝ two ﹞ background

1. The background of the Tint series contributes to overall harmony.

﹝ three ﹞ background material function

1. light-colored material background is good, can be separated from the theme of the light-colored logo or text background can also be.

﹝ Figure Four ﹞:a-list-apart.com
Third: about the color use part

﹝ a ﹞ about the use of solid colors

1. The same layout should not exceed seven kinds of solid colors.

﹝ two ﹞ on the performance of the whole color

1. Achieve harmony and achieve a visual balance.

﹝ three ﹞ on the color contrast

1. Avoid similar tones so that the separation between different types of information is not obvious.

Application of ﹝ four ﹞ on functional color block

1. The use of small color ball or color block can cause clustering effect, to assist the visual search.

﹝ Figure Five ﹞: the roughcut.com website with bold colors
Four: About the design part of the text

﹝ a ﹞ about the length of each line of text

1. The best 20 to 30 Chinese characters ﹝40 to 60 English letters ﹞

﹝ two ﹞ about line spacing and kerning

1. Line spacing and kerning are defined by the software. The designer can use the paragraph and the paragraph blank line, and the first line indents the way to assist the reading.

﹝ three ﹞ about font size

1. The title is H1 to H3, and the font size = 3 to 4 is preferable.

﹝ four ﹞ about the same page font

1. Within three kinds of fonts.

﹝ five ﹞ about the color of the text

1. Within three colors.

﹝ six ﹞ about selected text

1. In color to be able to identify with the selected text link point, but also to distinguish from the background.

﹝ Seven ﹞ on the arrangement of the text

1. Align to the left and maintain an appropriate distance from the left edge. You can use the form to fill in the text to achieve this effect.

﹝ eight ﹞ on a form or list of words

1. Use the same font size to facilitate the identification.

V: about the Graphic design part

﹝ a ﹞ about the body of a graphic

1. Clearly visible, remove unnecessary noise.

The significance of ﹝ two ﹞ on graphics

1. Simple and clear.

﹝ three ﹞ about the text within the graph itself

1. Clear and easy to recognize.

﹝ four ﹞ on the decoration of text in graphics

1. Not too fancy decoration, resulting in difficult to identify words.