Website visual Design Analysis: Channel revision method and experience

Article Description: Channel is a platform to communicate with users, so that with the user's barrier-free interaction, not only in the content level of the embodiment, more importantly, experience on the feelings.

The channel is the product portal, the user's window, business platform, with the development of products on the platform, the revision of the channel is the inevitable thing, each revision of the goal and direction are changing, for the designer means is a new product design, so the channel revision method and experience half by the predecessors summed up, half by their own groping ； First, the novice misunderstanding: Get interactive demo directly on the interactive version of the visual design, when encountered a section placed in this position is not suitable for the situation will directly change the position of the plate, found that the color is lighter will be any change of color or add new design elements; In order to make the page look more full Add any promotional banner ... These perceptual designs appear to be remedial methods that are quoted in your design in such a casual way; When an interactive designer sees a piece of work that you think you're happy with, you may be able to restrain anger: arbitrarily change the position of the forum, arbitrarily add promotional banner, Any new forum ..... Because of this too perceptual design has created a messy page, the lack of visual beauty, generally referred to as "casual design"! The above should be a lot of designers will happen similar situation. So here, through the actual project summed up the next novice design channel flow: Second, the Novice design channel flow 1. Understand the things behind the revision

When a designer receives a request for a project, it will be the first time to look at the requirements document, after a round of understanding and carding will always fall into a lot of questions, these questions need designers to think and understand; the simple one is always hidden behind the revision of a channel, why should it be revised? What is the purpose of the revision? It's all a question we need to think about and understand. 2. Understanding the business structure

Channel is the collection platform of the major business, assume the hub for the transmission of information for users, the channel needs to show each business module, each business module but there are countless relations between, how to reasonable planning the location of the business module needs us to deeply dialysis the relationship and structure of each business, to ensure that the module reasonable clarity 3. Make a reasonable position on the page

A clear understanding of the business should be combined with the project background and purpose of the channel to make clear positioning, the channel made information bearer? function bearer? The combination of the two? Who is the user facing? And so on, a series of factors directly affect the rational positioning 4. Style setting

Finally, by communicating and thinking, the content of the information is determined, the next need to design a direction, this direction can be their own judgment and understanding, can be through the industry-related products after analysis of the product, the specific visual products mainly include: color, text, texture, layout, theme elements 5. Design the prototype of the page

Channel information load is large, a small point of design changes will affect the whole global, the best way is to the existing information and structure 100% Gray manuscript restore, remember is 100% restore, such a no color channel page out 6. Visual Design

A product is like a bride, how to give the Bride design beautiful wedding dress directly reflects the eyes of the outside world to see the bride; the channel is a rigorous product, the color collocation all need to pay attention to, each element adds behind all need to support reason, otherwise do not move! Design is done, there is no perfect solution only the most appropriate solution, by trying to do the final selection of the best solution 7. Detail Adjustment (specification)

Visual output after all to the product itself, and then a good visual performance once out of the product itself will be worthless, cut off the fat, adjust ... 8. Final Draft Using these methods to design the channel is much simpler!

third, the integrity of China Channel project design Practice background: The existing channel navigation dimension is too many, the product information level is chaotic, the trader's content location is unclear, the channel entrance is complicated, lacks the carding; The page layout is restricted, which leads to the limited new service load, low user activity, no interactive two-point function and slow updating of information content; Objective: to reduce the information dimension of the dominant navigation, clear the information structure of the trader, comb the content of the information, clarify the operation content, add the question and answer interactive way, deal with the process positioning service, and buy and sell the visual angle separation. Internet Security Product Analysis: Taobao-Consumer Protection

For consumers to provide trade security services products, in 07 when the contact Taobao shopping will be through the consumer protection of this screening function to search products, at that time, the security of online shopping is not too much knowledge, is through word-of-mouth transmission of security, today, the elimination of insurance has been deeply rooted, So in the subconscious of most users with a green palm with a yellow shopping bag logo is more reliable merchandise. Green gives people the feeling of tolerance, generosity, trust and protection.

Tencent-qq Computer Butler

10, one of the main characters of the 3Q War, QQ computer Butler is a free security software Tencent, the function includes security protection, system optimization and software management, from the QQ Doctor Step-by-Step upgrade to the current QQ housekeeper, from the initial theft Trojan small tools to the present security, System optimization and software management of the powerful software, the shape of a shield has been continued, the moral of this security seems to be nothing else than it better interpretation, a blue shield inside 3 pieces of color seems to show a very powerful protection function. Blue gives the feeling of being eternal, sensible, calm and pure. Tencent-Integrity Protection

Tencent Pat on the Internet to provide security services products, its shape and meaning compared to the elimination of the more abstract, pat the integrity of the protection of the shape can be The understanding of the abstract hand (which, of course, can be understood to be other) holds out a heart-shaped, "letter" written on the heart, a feeling more personal Moral Love Maintenance (buyers), and add a "letter" is to the seller's integrity (sellers), meaning very good, this dual understanding is more Difficult. The combination of green and orange gives people a sense of brilliance, splendor, liveliness, brightness, and power. The above analysis of the 3 are to provide users with protection products, through the analysis of 3 products can see 3 kinds of supportability products visual delivery to the user's color is: blue, green, orange, yellow, and product channel colors are using the product's VI color Emotional version Analysis

After a series of analysis and summary, finally have to implement their products up; Integrity of China's products are the blue tone as the product of the brand color, so the channel color positioning when it is natural to use the blue in! With the color definition completed is the details of the design and processing, there will be no more talk!

Channel is a platform to communicate with users, so that with the user's barrier-free interaction, not only in the content level of the embodiment, more importantly, experience on the feeling, A good user experience requires a designer's emotional infusion, and the empathy of the user and product is the best interpretation of the experience.