UI设计有哪些必知的注意事项呢？苏州学码思UI设计小编就和大家分享一下。
Color is not the decisive factor
Color is easily affected by the environment, not the color design when seen as a decisive factor, can be eye-catching color, as a guide, but it should not make a difference only element. In the case of lengthy read, in addition to emphasize the content should be relatively soft or dim the background color. Of course, depending on the reader may be, may also have a bright background color.
Sequential show
Each screen is only necessary to show the contents, if the user needs to make a decision, is to show sufficient information for their choice, they will find the necessary details to the next screen, to avoid over-interpretation or rabbit show all the time, and if possible will choose to put the next screen shows step by step information that will make your interaction interface more clear.
Consider screen Global Lighting
As a designer, you should have understood that each platform has its immutable global lighting screen, all highlight and shadow effect should be coordinated and light platform.
Clear navigation and organization design controls
To clearly show your developers tag, pull-down menus or other closure mechanism included in your design. Making such controls design, design practices to respect the platform. Need a clear understanding of the level of information when developers during development, so you want to make sure your design clearly show your intentions, layer comps is very useful in this case.
Do not use compression results in graphics
Save to PNGalpha channel format when you export, unless explicitly told to save other way, unless explicitly requested otherwise do not use JPEG format, do not consider the image file size, because the developers or their development environment will optimize the image, transparent background export each element, rather than a solid color, part of the background even if your design is really solid color.
Handles inquiries shadow
And your developers to communicate whether to shadow effects included in the export figures, under normal circumstances, the developer will use to write code or CSS to apply a shadow, in fact doing so would be more convenient than using a shadow bitmap previously saved easily Do not assume that the shadow effect should be included in the image, showing a layer Although the prototype shadow effect.
Try to use a single column instead of multi-column layout
Single column layout allows for a better control of the overall situation, and users can also clear the content, and it will have multiple columns to spread the risk of the user's attention, so that you can not express the spirit of the good, the better approach is to use a the logic description, and to guide the user gives you the text at the end of the operation button.
The combined function of the clean interface Duplicate
Throughout the product development we will create consciously or unconsciously, many modules, or layout elements, and their functions are similar, this case has shown that over-designed, vigilant these redundant functional modules, the multi-module interface, users learn the greater the cost, so please consider remodeling your streamlined interface to make it enough.
The options and buttons distinguish
Contrast between colors, and module levels such as visual design can be a good help these users use the product, he always knows which of the current page and which page to go to, to convey a good interface, you will need to the clickable elements, optional elements as well as ordinary text clearly distinguished. But do not these three elements designed to be chaotic.
Interface makes it easier to have a sharp contrast to distinguish
The major functional areas of the interface is highlighted effect will be much better, to highlight by contrast light and shade by adding effects such as gradient shading elements, so rich layering interface to Zhang Xian main function, you can even ring in Hue specifically chosen complementary colors, to design your interface in order to achieve the purpose of highlighting the "center of gravity" of.
Streamlined form content
Each form field will have a risk of losing users, not everyone typing very quickly, and be more input thing is rather cumbersome on mobile devices.
If you really need a lot of information allows users to fill in, trying to disperse them in different pages, you can continue to add after the form is submitted, it is too easy for the entire form field display bloated, of course, think simplicity is also very easy, just put a few fields.
The state or the progress of operations presented
Now most of them have presented a progress bar interface style or colors indicate the status of icon, for example: There has been read or unread message status; electronic bill pay or have paid the state. Presented in such a state for the user interface it is necessary, so that the user can know whether some action is successful, how to prepare for the next operation.
Excessive border interface will fall apart
There is indeed a significant role when the border area were set up in the divided region, but its clear lines will attract the user's attention away. To achieve the object of the divided area without transferring the user's attention, when the layout elements can be on different areas of the blank packet through the interface, and use a different background color, text alignment unified, there is provided for different regions different styles.
Kept consistent interface design
While maintaining consistency in the design can reduce the user's learning costs. Users do not need to learn a new operation. When we click the button or drag and drop operation, we expect such operations in various interfaces are consistent throughout the program, will get similar results come out. Can efforts in many ways to achieve a consistent interface comprising: a color, direction, forms the element, the position, size, shape and the like.
The associated functional grouping
The function of each item groups combined, can improve the usability of the program. A little common sense knows that a knife and fork, or open the file and close the files are put together. The functionally similar elements together is also logical, in line with our usual perception.