Website Visual Design Summary

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 font, font size, thickness, status determines color (default or according to the site special Unity)


3-Advertising, content pictures:


size style positioning, the same page harmony, picture optimization, location rhythm, size contrast.


4-icon:


brand, express accurate and reasonable, design methods (according to 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 press, Texture (Entity Association), color (brand, unity, contrast); unified style size (according to the inner margin of the text within the unified)


6-Background Image:


atmosphere effect to create, with the unity of products, optimization (quality, color information, implementation program),


7-Graphic typesetting:


main graphics, graphics and text rhythm, space, modular.


8-Current status:


amplification (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 (people to the system default cognitive and life routine cognition), State (visual presentation style and action process optimization), creativity.


10-loading:


content Relevance (loading before and after the content associated), 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:


Process 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 raster design:


reasonable cell (consider golden section), cell area rhythm, margin uniformity


16-demo Design Manuscript:


the least 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 for reading (visual acuity) comfort, content and background of the contrast comfort. (www.3lian.com)


In fact there are many design points such as interactive design, such as code design, we can show users to 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!