The sight and the words in my eyes

Originally the title as "Vision and words", but also feel that this topic seems a bit too big, afraid to use a professional title but write unprofessional articles. And I do not intend to temporarily have the ability to do a lot of visual details to do a very professional research, only hope that through their own some learning and understanding to deepen their judgments of beauty. In fact, the text itself is a visual language, it put all things in the real world, in the form of words to perform. Once read an article, said in the traditional layout design, designers prefer to do typesetting in English, because from a visual perspective, English is easy to form a line and surface relationship, and the letter has a sense of rhythm, such as Aby these three letters together have a height difference, and Chinese relative, monotonous, isolated, not fluent. It makes sense, but before I saw a page, I just said it was nice and weird and never thought about it. Good website design needs visual and text harmony, the following is my understanding, of course, there are also to the designer after the conclusion, if there is not, is also the inevitable in the learning process:

1, consistency

Design in the same product (or even similar products) should be consistent, this can greatly reduce the user's understanding cost, so that users quickly start, increase the user's usage rate. This consistency includes content, color, shape, mode of operation, etc., such as the use of the same page in different pages, can reduce costs, but also http://www.aliyun.com/zixun/aggregation/17185.html "> Help users to form good habits, to a certain extent, and even promote a brand awareness.

adopts a uniform style, the size of button (color, text, and so on); The text adopts a uniform font, font size, thickness, etc. (depending on the level of content); • Link color unification (link\visited\hover\active) of different state text; · Use unified punctuation, spacing, margin, line high.


(visible visual specification)

However, the position of the text to meet the overall reading habits of members and the overall visual effects, not necessarily fixed in a certain position. The following figure, the same as "more", because the first line has 3 categories, a row has been occupied, so placed in the lower right corner of the module, and the latter is along the members of the idea, in the upper right corner gives hints.

2, Color

Users see a website, the first impact of his eyeball is the overall color of the interface, and then the content, text and so on. It's like listening to a song, first of all you must be attracted by the melody of this song, and then want to listen to its lyrics, and then resonate. The famous "7-second law" in marketing says: Consumers will decide their willingness to buy in 7 seconds, and in that short 7 seconds color is the determining factor for 67%. Therefore, the user's attention to the color of the page is very high, the effective use of color to distinguish the level of information, classification, etc., to help users to information and operations related to reduce the user's memory burden.

The same page generally uses 1 main colors, 1-2 auxiliary colors, plus 1 small area of the eye-color, that is, the appearance of the color generally does not exceed 4; the choice of the main color is determined by the product character. Color is also a character and emotional, so will attract people of different personalities, understand different emotions. Before designing the page, I often hear from PD that I hope the style of this page is atmosphere, fashion, lively ... I think that when the designer hears these words, it's going to pop out a few colors that match these keywords. There have been many visual design predecessors, based on long-term experience and user research summed up a similar chart, according to these people have recognized the color of emotion, will be more likely to arouse the user's resonance and trust. Therefore, the designer must attach to the product when considering the color, and pay attention to the user psychology and the culture influence. For example, the current main color of Word-of-mouth uses orange, which represents enthusiasm, active and enthusiastic feeling;

Reasonable collocation color, use contrast obvious color, instruct the user to see the most important information, such as in the dark background of the use of light-colored text; • According to different products using the scene, choose the appropriate color, such as the management page often use blue.

3, Graphics icon

I always think that good graphic expression is better than words, sometimes large text interpretation not only can not help users, but also easily affect the beauty of the page, compared to simple text, graphics and symbolic icons more in line with the user's cognitive habits. To express a kind of information, often a picture or a logo can make different users understand and accept. Proper use of graphical and symbolic icons will allow users to naturally build cognitive habits.

However, if the graphic does not express the content clearly, it will backfire, causing users to understand the problem. In many cases, we seem to like to do some very cool icon to express certain content, these will certainly play a certain degree of attraction, but the most important point is: do not let the user think, to be intuitive enough, clear enough, not to understand the content of users interference, if you do not, it might as well not. So:

• Graphic icon table means clear, clear, to have a high degree of generality and directivity, so that users can quickly linked to the corresponding function and operation; • The graphical icons of similar information should be kept as consistent as possible in form and style; • Use of graphical icons should pay attention to the occasion, avoid abuse, only in the need to highlight important information, Users may have an understanding bias to use; • Graphic icons should be used in conjunction with text.

Visual is a copy of the hidden behind the hand, is the copywriter matchmaker, 2 organic combination to tell the member a complete story. I understand the text in front of the visual norms, and these are my understanding of the copy and visual deeper relationship. Instead of simply interpreting each other, they create imaginary spaces in their own language, using clear, creative copywriting and design to guide members ' clicks and teach them their habits on the site.

Source Address: http://ued.koubei.com/?p=1392