1.20-2.9
1. Reasonable hierarchy
2. Information Integration (SMS transceiver box), information integration is like creating a folder, you can put related things together, so that users search and find
3. (chat interface) In contrast to the use of dialog graphics interface, the element is richer, the interface is more beautiful, most importantly, it can make different information more obvious distinction, dialog box graphics like the different exclusive space to give different information, so as to facilitate the user for different information recognition.
4. (Instgram filter interface), visual design, the abstraction of things, bring a convenient and simple user experience, so that users have a clear sense of click and control
5. Gestalt theory
Gestalt theory is the phenomenon of visual perception, in which the proximity, similarity, common destiny and our vision system will have to group the object to perceive the tendency of things related; and our vision system is related to the tendency to perceive the whole thing by resolving ambiguity or by checking the gaps.
(1) The principle of proximity: the use of the principle of proximity, adjust the distance between the parts of the object, so that the formation of a visual group of the plate (using the background to differentiate the plate, can not be used excessively, using lines to differentiate the plate, not too coarse)
(2) Principle of similarity: the line or the surface (color block, that is, different background color), the combination of line surface, in the separation of two things do not use both the line and the face
(3) Principle of Continuity: Add small shapes appropriately, add backgrounds, add logo symbols and descriptions
(4) Sealing principle: Closed or non-closed
(5) Simplified principle of symmetry
(6) Principle of subject and background
(7) Common destiny
6. Visual optimization
(1) Experience affects perception
(2) Environmental impact perception
(3) Goals and perceptions: our visual perception ignores information unrelated to the goal, so the apparent extent of the primary and secondary information (such as the appearance of minor information in the form of a box)
(4) Structure and perception: structure can make the text information to be streamlined (such as the plain text text into the train information: Travel time: etc.), the graphical addition can let the information performance is further optimized, in addition, should be through interactive design to hide too much interface information, and by color and icon to distinguish between different information, plates, and should be added line space, for long strings of numbers can be a specific symbol or space to separate numbers, in addition, in the mobile UI visual design, you can also separate text information, add graphics, Change the text color and so on to mention people's reading interest in the text, too crowded rigid text will add the user's reading burden.
7.
(1) Don't let the information design affect reading: Mv,music VIDEO; do not easily change the already established user reading habits
(2) When there is too much text in the interface, we should try to condense or distribute the text information in different user interfaces instead of narrowing down, which is a way for users to create dyslexia (too little text will make it difficult for users to notice this information)
(3) Attention to the identification and definition of text information: for example, the color contrast with the background (but should also be careful not to use too strong contrast), and the background should not be too loud
(4) Note the alignment of text information: in the process of reading text messages, our line of sight will automatically return to the same horizontal position as the upstream text, if the use of center or right alignment, such experience will let us look at the wrong position, so we need to be cautious of the text alignment, especially the information points, Not very suitable for center alignment
(5) Place the information in the user's visible position: speculate on the user's line of sight, move what you want the user to see closer to the center of the vision.
(6) Use graphical elements to enhance user perception (red and hint symbols, such as red error, green checkmark, etc.)
(7) Use contrast to highlight the key information in the distinction; Use user-friendly colors (blue-yellow, red-green, black-white), color-matching in the depth, area and distance relationship; Do not use overly stimulating color collocation; Pay attention to the color collocation of the interface environment
8. Controllability Experience
(1) When the user clicks on the control, the general is not very accurate, many times the click is outside the control button, so we can enlarge the control's sensing area and the scope, and depending on the control's left and right position, the design control's sensing range should extend to the left or extend to the side (left for the control on the right)
(2) The more consistent the operation of different functions or objects, the easier it is for the long-term memory of the user.
(3) There is a tail, we need to consider the user is likely to forget the end of the work, should try to join to help or remind users to do the finishing work elements
"App Mobile terminal wins the road visual design Art" study notes