To the users of Photoshop software to detailed analysis of the performance interface to share the priority.
I. Use the size of space to highlight the information you want to see
1. Use the size of space to highlight the information you want to see
A large amount of information is categorized, resulting in representative images and keywords. Pictures and keywords in the design to the interface, will also pick a relatively important amplification. This is not a simple expansion of the browsing area, it can attract the user's view, virtually increase browsing time.
To attract users without disturbing users ' browsing, and to guide users silently. At least in my opinion, this is a gentle marketing that can get a good user experience.
Visual specialization draws the emphasis and background that you want to express, as shown in the picture. PS has a lot of special effects, commonly used in buttons, such as: Shadow, inner glow, relief and so on.
PS, of course, does not represent all the effects, and sometimes inserting a GIF or a smaller screen is also a good idea and choice.
Color, whether as a background or as the main body, is the performance priority of the weapon. Strong color contrast and the proper use of transparency can make important information easy to jump out of the background.
But do not use strong complementary colors, such as: red and green, purple and yellow, these color contrast too strongly put together will be visually uncomfortable flashing effect, so be sure to avoid.
In addition to highlighting important information, color can even help us to quickly browse information. Do not think too much can understand the corresponding relationship. This effectively improves reading efficiency and reduces visual stress.
Pictures are also one of the most important elements. Color is powerful, but the picture also has its irreplaceable advantages. For example: Pictures can convey more information. When the picture as a background, it will make the whole interface more level sense, can play the role of foil atmosphere.
3. Special symbols and flashes play a role in reminding
Special symbols also have some flashing or shaking in the UI design is a blockbuster, only when you need to use the reminder. The so-called blockbuster, use more is absolutely harmful, will let your users rely on it, no longer can not highlight it as a reminder of the unique role.
Using images with obvious directionality, these features will lead the eye to move in a set direction.
For example, the direction of eye gaze, the direction of the hand, the direction of movement of the object, the place where the light shines, and so on, use these characteristics to guide the user, thus highlighting the priority of important information.
The position is at the beginning of the design will consider the problem, people watch things, always follow some specific rules, in the design of the interface to follow these rules, can help users more easily, faster to see or understand the things in sight. There are two rules and position design elements.
1 when the eye deviated from the center, in the case of deviation from the same distance, the eye on the left side of the best observation, in turn, the upper right, lower left, and the worst in the lower right. Therefore, the upper-left and upper-middle is called the "Best View". For example, the website logo, commodity name, subject and other important information, generally placed in the best view. Of course, this division is also influenced by cultural factors, such as Arabic text is written from right to left, when the best view is the upper right.
The following figure is excerpted from fan Lurchi Gongxiaodong's "Web Interface Design Art Tutorial" after a screen division, the user to different locations different attention difference:
2 The second rule is that the eye moves in a horizontal direction faster than the vertical movement and is not easy to fatigue, usually first see the horizontal direction of the object, then see the vertical direction of the object. As shown in the following figure, the difference of attention is less than the difference between the top and bottom, if you want to reflect the relationship between the right and left, the arrangement will be more appropriate, and if you want to open the gap, only through the position to achieve, up and down arrangement easier to achieve the goal.
Make full use of our visual habits to make the information structured so that it is easier to read and understand, that important information is more prominent, and that the atmosphere is more in line with the interface. Pay attention to the things that help improve the user's sense of experience and make good UI design.
All right, the above information is the whole content of the priority sharing in the detailed performance interface that the user of Photoshop has brought to you. You see the users here, now you are very clear, I hope that the small series of the above tutorial can bring useful help.
