You are a UI designer. When discussing the design draft of the requirements, the two sides are entangled. You judge according to your own design feelings, but you don't know how to explain it clearly to each other.
At this time, you may need these principles.
Because although U design is to show the interface effect, it is not purely perceptual and aesthetic, but reasonable and can be analyzed and distinguished.
So, many people may ask:
"Why?"
Before answering this question, please think about another question:
Here, you can pause, don't look down, give yourself an answer, and then continue reading.
Of course, we are not making an aesthetic exposition. Don't worry about making mistakes, not to mention professional system answers. Just write down your opinions or intuitive answers.
If you still don't know what answer to write, let's imagine several scenarios:
After a hard day's work, you didn't eat any busy meals, and then you went home hungry. Your favorite meal has just been cooked on the table. Your lover gave you a warm hug and sat with TA to enjoy this dinner. Is it sweet from taste buds to heart?
When you go for an outing in the spring weekend when the cold wind gradually disappears, you can see the tender yellow buds in the botanical garden, set off the blue sky and a few faint light clouds, and smell the warm sun and the fragrance of vegetation. Do you think nature is beautiful?
When you see those rural teachers who are teaching in the documentary, they are trying to get more children to receive education, you shed tears of emotion. Do you think humanity shines with tenderness and beauty?
So, do you know the answer to "what is beauty" now?
These "efficient, satisfied, comfortable, pleasant, safe and touching" enjoyment states are beauty.
Here are a few cases to illustrate why UI design is a science of creating beauty.
Everyone has been in the elevator! Think back to "crowded elevators" and "uncrowded elevators". How will they make you feel?
Left: Crowded elevator: lack of space and oxygen, inconvenient activities, leading to poor breathing, nervousness and anxiety.
Right: Not crowded elevator: adequate and suitable space, giving people physical and psychological comfort.
From these two scenes, we can fully understand the importance of "moderate space" to people's feelings. This principle is embodied in art and design, and can also be called "sense of space and breath". For example, the blank space in China's ink painting.
An example extended to UI design: the space between button text and edge is left blank;
A picture summary:
If it is the picture below, what kind of mood and psychological state will it be if you break up the form in confusion and look for it?
If so, arrange the tables in descending order, so that you can find the one with the ending number 1 102?
Looking at these two piles of forms, your mood should be obviously different. Reasonable laws and order can improve efficiency, conform to people's normal thinking logic and get better experience, which is also reflected in visual art, such as this landscape photo:
The whole grassland, or rugged mountains, is not enough for us to stop or admire, but when the grassland has ups and downs of light and shadow, and the mountains have rhythms and regular lines, the picture will be magnificent and magical. The mood of seeing mountains is calm, while the mood of seeing mountains and rivers is surging. If the group is harmonious, it will become a river.
Extending to UI design, the shape with consistent rules can better reflect the full or comfortable aesthetic feeling in visual psychology:
A picture summary:
There will be an exam next week. If I move out all the books in the picture below, I will tell you: these are the contents of the exam, review them!
Your heart must not collapse too much ~
Don't cry yet If I tell you again: the bottom stacks are similar alternative books, you can choose or not; Intermediate stacks are extended reading materials, not as core test sites; The above books can be brought into the examination room for open reading; And the top one is the core content of the exam.
Are you happier?
There is more happiness! Let me tell you: in this book, only the first page of each chapter, marked with red line, is the key test site in this book, and the rest is just for understanding.
At this moment, is it suddenly clear ~ ~ ~
If all the books are moved out, they are reference books, and there are a lot of unfocused information, which will make people feel confused, uneasy, stressed and distressed.
Dividing the reference importance and secondary degree of books can make people feel relaxed, confident, efficient, happy and in control.
Traditional patterns in China make good use of this principle. Multiple lines are densely arranged in primary and secondary order, with flowers as the main part and leaves as the auxiliary part, showing the hierarchy of a pattern; Among the numerous and miscellaneous leaves, the main leaves and the secondary leaves are separated in the direction of curl and density, which makes the patterns dense and rich, but also concise and easy to read.
Extending to UI interface design, it is mainly reflected in the distinction and expression of hierarchical relationships:
To sum up:
About shopping, let's have a true and false competition ~
When you want to buy a brand-name bag, what will make you hate imitation and appreciate the genuine one?
Real feelings: touching details, liking, sureness, quality, respect, glory, satisfaction or sense of accomplishment.
Feeling of imitation: rough, disgusted, ignorant, cheated, despised, low quality, angry or lost.
Similarly, in the art of painting, there must be touching appeal, and the delicate description of details is the only magic weapon:
Extending to UI design, paying attention to details and doorways is also the key to impress people.
To sum up:
Suppose your goddess or goddess wants to pour you a glass of red wine. What kind of container will you take?
You know the taste, you should choose it like this:
If you put red wine in such a container. . .
Excuse me. No, soy sauce on the left and Chinese medicine on the right. . .
Another scene of brainstorming:
How would you feel if the sports meeting was about to start and your other half appeared in such clothes?
What if you go to a high-class dinner instead of a sports meeting?
Dressing and sports the ground: strange, funny, embarrassing, stupid, stupid and uncomfortable sense of disobedience.
Dress for senior dinner: elegance, taste, self-confidence, sureness, peace of mind, natural and harmonious sense of belonging and fit.
This is the feeling that "appropriateness and appropriateness" brings us. The best may not be beauty, but the most suitable will be beauty.
This principle is also included in the design of visual communication. For example, the poster design of MUJI, regardless of color, texture, composition or font design, the minimalist, natural, home-based and comfortable style of the poster reflects the Zen of the brand and the temperament and tonality of natural minimalism.
Extending to UI design, the emotional and public cognitive significance of color style should conform to the product's own attributes or user habits. Alipay, which has extremely high security and tool attributes, can produce reassuring and calm emotions, and let people subconsciously know that it is safe as a finance and efficient as a tool.
It is not satisfactory to switch to Taobao orange, although Taobao color is the brand blood:
To sum up:
Ok, do you have a more intuitive understanding of "design comes from life" through examples ~ ~
These principles embodied in UI or visual design are not created by subjective evaluation or personal preference, but by objective phenomena and life laws in life. This is why, at the beginning of this article, I will advocate that "UI design is a science".
For science, the reference definition of a sentence is: science is a concrete thing and its objective laws. UI design is just a creative activity around the specific thing of "product interface" and according to the law of "user's behavior and psychology". So the essence of UI is science.
The main contents of science are concrete world outlook and concrete methods. I hope everyone can understand this design concept, use its methods reasonably and create beauty reasonably.
In the next few articles, I will explain in detail how to use the above principles to scientifically analyze and design the UI interface from the aspects of "blank space between graphics and interface, hierarchical analysis of UI interface, font layout, graphics and picture processing, and interface color matching".
Thanks to the friends who like design for their attention all the time ~
Through this article, have you mastered the design idea of "it looks good because it is easy to use"? You can try to analyze the UI design in your hand. Is it scientific now? What can be improved?
Welcome to leave your thoughts or suggestions and make progress with you.