What are the basic elements of user interface design?

First, the basic elements of user interface design? Layout principle

Layout balance: pay attention to the balance of the picture. Do not pile up data. Overcrowding and reception can lead to visual fatigue.

Layout expectation and economy: all objects on the screen, such as windows, buttons, menus, etc. , should be handled in a consistent way so that their actions can be expected.

Layout order rule: arrange objects in the desired display order. Usually, dialogue should appear first, and then use dialogue to divide the system.

Layout standardization: In the design of application system, the screen should be symmetrical, and the display lines of commands, dialogues and prompts should be standardized.

Second, the basic elements of user interface design? Words and phrases

1. We should pay attention to the simplicity of the language: avoid using computer terms; Try to use affirmative sentences instead of negative ones; Use the active voice instead of the passive voice. Use polite but not overemphasized sentences in SMS conversation; Avoid abbreviations of English words; Use verbs that describe the actions of buttons and function keys whenever possible. When the word is long, reduce the number of characters or use some coding method.

2. Format: In screen design, pictures should not have too much text. If you must have more words, you can try grouping, pagination, bolding and changing the keywords of the font, but try to unify the same words in the font. Except for slogans, English words should be lowercase and easy to identify.

3. Information content: Information content should be displayed in a concise and clear way, using simple sentences familiar to users. Try not to scroll left or right. When there is more content, it should be divided into blank parts or small windows to facilitate memory and understanding. Important areas can be flashed boldly, attracting attention and enhancing the effect. The reinforcement effect is varied and should be selected according to the actual situation.

Third, the basic elements of user interface design? Color used

1. Limit the number of colors displayed at the same time. Generally speaking, the same picture should not exceed 4-5. Different levels and shapes can be used to match colors and increase diversity;

2. The colors of moving objects in the picture should be bright, and the colors of non-moving objects should be dim;

3. Try not to put mismatched colors together, such as yellow, blue, red and green, unless it is for comparison;

4. If some information or object attributes are represented by colors, users should understand this representation and try to use common standards to represent them.

The above is the main content of the basic elements that need to be thoroughly understood in user interface design. If you want to know the basic knowledge of ui design and apply it to your works, then this article will definitely give you effective help. If you want to know more about ui design, you can click on other articles on this website to learn.