The most important aspect of Changchun website design is the need for harmony between visuals and text, which requires a deep understanding. Here's an introduction to the information:
1. Consistency: Design should maintain consistency within the same product (or even similar products). This can significantly reduce the user’s comprehension cost, allowing them to quickly get started and increase usage rates. This consistency includes content, color, shape, operation methods, etc. For example, using the same pagination on different pages can both lower costs and help users form good habits. To a certain extent, it can even enhance brand recognition.
1) Use uniform button styles and sizes (color, text padding, etc.);
2) Use a unified font, font size, and thickness (determined by different content levels);
3) Unify the color of link texts in different states (link, visited, hover, active);
4) Use consistent punctuation, spacing, margins, and line heights (for more details, refer to visual standards). However, the position of the text should conform to the overall reading habits and visual effects of members, and does not necessarily have to be fixed in a specific location. For example, “more” may be placed at the bottom-right corner when there are three major categories already filling up one row, while in another case, it might be placed at the top-right corner to align with the member’s thought process.
2. Color: When users see a website, the first thing that catches their eye is the overall color scheme of the interface, followed by the content and text. It's like listening to a song where you're first attracted by its melody before wanting to clearly hear its lyrics and resonate emotionally. The famous "7-second rule" in marketing mentions that consumers decide their purchasing intention within 7 seconds, and during these brief 7 seconds, color accounts for 67% of the decision-making factors. Therefore, users pay high attention to the colors on a page, and effectively utilizing color to distinguish information levels and categories helps associate information and operations, reducing memory load.
1) Generally, use one main color, 1-2 complementary colors, and one small area of accent color on the same page, meaning no more than four colors appear simultaneously;
2) The choice of main color is determined by the product's character. Colors also have personalities and emotions, thus attracting people with different personalities and understanding different emotions. Before designing a page, PDs often say they hope the style of the page is grand, fashionable, and lively, and designers hearing these words should immediately think of several colors matching these keywords. Many experienced visual designers have summarized tables like the one below based on long-term experience and user research. According to these recognized color emotions, it’s easier to resonate and build trust with users. Therefore, designers must consider the product and pay attention to the psychological and cultural impact on users. For instance, the current main color of Koubei is orange, representing enthusiasm, activity, and fervor;
3) Reasonably match colors, use contrasting colors to guide users to see the most important information, such as using light-colored text on a dark background;
4) Choose appropriate colors according to different product usage scenarios, such as frequently using blue on management pages.
3. Graphics and Icons: I always believe that good graphic expression is superior to text. Sometimes, lengthy text explanations not only fail to help users but also affect the aesthetics of the page. Compared to plain text, graphics and symbolic icons better fit user cognitive habits. To convey a piece of information, a picture or an icon often allows different users to understand and accept it more easily. Appropriately using graphics and symbolized icons enables users to naturally establish cognitive habits. However, if the graphics do not clearly represent the content, it may backfire and cause confusion for users. In many cases, we seem to enjoy creating dazzling icons to express certain content, which indeed attracts attention to some extent. But the most important point is: don't make users think; be intuitive and clear without interfering with their understanding of the content. If this cannot be achieved, it would be better not to use them. Therefore:
1) Graphic icons should clearly and explicitly convey meaning, with high summarization and directionality, allowing users to quickly associate them with corresponding functions and operations;
2) Graphic icons for similar information should be as consistent as possible in form and style;
3) Pay attention to the occasion when using graphic icons, avoid overuse, and only use them when emphasizing important information or when users may have understanding deviations;
4) Graphic icons should be combined with text as much as possible.
In Changchun web design, visual elements are the hidden backstage pushers of copywriting, acting as matchmakers for copywriting. Their organic combination tells members a complete story. The earlier part was my understanding of the norms of copywriting in visuals, while these are my deeper insights into the relationship between copywriting and visuals. They are not simply mutual interpretations but create imaginative spaces with their own languages, guiding members' clicks and teaching them habits on the website through clear and creative copywriting and design. For more information on Changchun web design, you can consult the Changchun web design website.