From handicraft design to graphic design to network design, although the design principles remain the same, my experience tells me that changes in design media bring about many of the media’s own particularities. Here is a summary of some key points in website visual design: Other people’s experience and their own opinions:
1—Logo: basic logo characteristics, consistent with the basics of logo design (general to graphic design) Display effect: clarity, minimum size (due to display resolution, equivalent to offline graphic design printing Effect)
2—Text: The content level determines the font, font size, and thickness; the status determines the color (default or unified according to the website)
3—Advertising and content images: positioning of size and style, harmony of the same page, optimization of images, and location The rhythm, the size contrast.
4—icon: brand, accurate and reasonable expression, design technique (based on brand), consistency, function: attractive, eye-catching, easy to identify, understand, operate, and remember.
5—Clickable (button): difference (not clickable), based on people’s life experience: thickness, pressability, texture (entity association), color (brand, unity, contrast); unified style and size (based on the inside Uniform inner margins of text)
6-Background image: creation of atmosphere effect, unity of the same product, optimization (quality size, color information, implementation plan),
7-Graphic and text layout: main image and secondary text, graphic and text rhythm, gaps , modular.
8—Current status: magnification (shape), color change (reverse color, contrast color, brightness and purity difference color), specified content prompts after linking in and out.
9—Interactive controls: reasonable and accurate style (people’s default cognition of the system and routine cognition of life), status (optimization of visual expression style and action process), and creativity.
10—Loading: content relevance (content relevance before and after loading), the fun of boring waiting, volume and area optimization, and creativity.
11—User feedback_ Success, error, prompt, no result: copywriting (clear, reasonable, humane, creative), graphics (clear, eye-catching, psychological cognitive accuracy of color).
12—Animation effect: reasonable process (rationalization of simulated real environment), continuous, rhythmic, user's daily action performance, sound effect coordination, and creativity.
13—Head and tail design: Head (brand promotion, own characteristics, clear content, atmosphere expression, creativity. Tail: echo, rhythm (with the head), creativity.
14—Screen-adaptive design (full-screen design): consideration of the largest and smallest screens (text , picture position, folding effect)
15-Fixed size grid design: reasonable cells (considering the golden section), cell area rhythm, margin uniformity
16-Demo design sample: consider the most and least content.
17
—Page: branding, consistency of tone elements, reusability, sense of rhythm, sense of area, first visual attraction, guided browsing, relationship between points, lines and surfaces, sketching principles (use the basic rules of sketching to create pages).
Reading: The comfort of the background for reading (vision), the contrast between the content and the background.
In fact, there are many design points such as interaction design, such as code design. To sum up, these are what we can show to the user. It is a big process of user experience design. In fact, many times when I am doing it, I am not able to estimate every point. I summarize it to help review it at any time!