18 points of visual design of website

From the handicraft design to the graphic design to the network design, although the design principle of the case, but experience to tell themselves that the design of media changes bring a lot of the characteristics of the media, the following summary of the site visual design of some of the main points, there are others experience, but also have their own experiences:

1-logo: Basic logo features, in line with the Logo design basis (General graphic design) display effect: clarity, the smallest size (due to the display resolution, the same line under the graphic design of the printing effect)

2-type: Content level determines the font, font size, thickness; status determines color (default or special unification according to website)

3-Advertising, content pictures: Size style positioning, the same page of harmony, picture optimization, location rhythm, size contrast.

%n#h#% 4-icon: Brand, accurate and reasonable expression, design techniques (based on brand), consistency, role: attract, eye-catching, easy to identify, understand, operate, memory.

5-Clickable (button): Difference (not clickable), according to human life experience: thickness, can be pressed, Texture (entity Association), color (brand, unity, contrast); unified style size (according to the inside margin of the text within the unified)

6-background picture: The atmosphere effect creates, with the product uniformity, the optimization (quality size, the color information, realizes the plan),

7-Graphics and text typesetting: Master graphics, text rhythm, space, modular.

8-Current status: Enlarge (SHAPE), discoloration (inverse color, contrast color, lightness purity difference color), chain into the chain after the specified content hint.

9-interactive controls: Style reasonable accuracy (person to system default cognition and life routine cognition), State (visual presentation style and action process optimization), originality.

10-loading: Content relevance (loading before and after), boring waiting for fun, volume, area optimization, creativity.

11-User Feedback _ Success, error, hint, no results: copy (clear, reasonable, humane, creative), graphics (clear, eye-catching, color of psychological cognitive accuracy).

12-Animation effect: The process is reasonable (simulate the rationalization of the real environment), continuous, rhythm, the user's daily action performance, sound matching, creativity.

13-Design: First (brand promotion, own characteristics, clear content, atmosphere expression, creativity. Tail: Echoes, Rhythm (with the first), creativity.

14-Adaptive screen design (full screen design): Maximum minimum screen considerations (text, picture position, folding effect)

15-Fixed size grid design: Reasonable cell (consider the golden section), cell area rhythm, margin uniformity.
16-demo Design Sample: The most minimal consideration of the content.

17-page: brand, Keynote element consistency, reusability, sense of rhythm, area, vision first attraction, guided browsing, point line relationship, sketch principle (use sketch Basic Law to do page).

18-reading: Background on reading (visual acuity) of comfort, content and background of the contrast comfort.

In fact, there are many design points such as interactive design, such as code design, we can show users see these above, constitute a user experience design of a large process, they do a lot of time in fact can not be estimated to each point, summed up to help at any time to examine