Hello, I am Itsuki, today I combined with my real project in micro-blog to share with you a little design experience of minimalist style. In modern city life we have to face noisy streets and subways every day, all kinds of advertisements, handling all kinds of mails and information. So we pursue a kind of experience that is-minimalist, like everyone household brands such as: Muji no printing products, Apple, IKEA, are the promotion of this style, their products have been a great success.
Minimalist in photography is a kind of prominent subject to take the simple way of photography, in life is a relaxed attitude to life, in the design is a concise design method.
This is also true of the design experience of Weibo, where we have removed complex visual distractions and sought to give users a pleasant and relaxing visual experience.
1. Micro Bo same City project
I have to thank a photographer for some of the inspiration I have given to me when I talk about the project of Weibo and the city.
German photographer Josefschulz (1966 born in the Netherlands)
The same city project requires to judge the login location according to the user login IP. This requires a map to reflect the local customs and create the atmosphere of the head. How to do it? How to make users feel at home?
Just when I wanted to use food, scenery, architecture as the theme of the time, inadvertently found this group of photographic works. It does not have the extra light effect, the picture is clean, looks very comfortable. But seemingly simple things in the angle and composition than ordinary photos pay more attention to, such as the following group of photography is the pursuit of the plane composition and perspective principle, the content seems very monotonous, but a strong sense of composition.
Then I decided to use the city architecture to perform, and I started searching the web for landmarks in several major cities, and then simplifying and refining them to outline the main features of the building. Hong Kong as an example:
First, we found a representative Hong Kong night view
Then draw a simple building skeleton and start coloring, and speaking of which I insert an interesting thing. Hayao Miyazaki's studio "Little Boys" group is responsible for drawing sketches and structural drafts, and then by the "Little girls" group finished coloring.
[Final Effect chart]
The same is true of the design process in other cities, and I'm not going to repeat it one by one:
Unfortunately, this project has been on the line for a variety of reasons and soon after, so you may not be able to see. Oh ~
Let me summarize the little experience I've learned in this process, in the processing of similar product pages can be considered with a flat silhouette graphics, design plus a bit of the rhythm of the screen, and then use a little color color screen foil, can play a good visual effect hope you can use.
The following project is used every day, although it is very difficult to detect, but to reduce the user a lot of cognitive burden. Icons allow us to quickly find what we need, and to give users clear guidance.
2. Micro-blog Icon Design
This icon was painted at the end of last year, when the need for Micro-blog revision (V4), before the icon there are many problems, such as the style is not uniform, the size of a variety.
This is the finishing of the icon, the icon does not have crystal texture, not too much texture molding. With minimalist design style as the main line, this also with the overall experience of micro bo "Light" "thin" spirit of the same.
Let's take a look at the contrast between the new version of Weibo and the old version of the microblog, which clearly shows the clarity of the icons and the visual effects of using minimalist design styles. The old version of the icon has a lot of unnecessary high light and three-dimensional, but these effects do not have the ideal effect, but the recognition of the greatly weakened.
3. Graphic Design
To first define the color of the chart, think that the chart is different from the above two designs, it is by color to identify. So color selection is particularly important. The chart sometimes is more boring, so the color I choose cold colors, so compare engaging, relative to the warm department, can reduce the user tired of the feelings of disgust.
I will add some faint light and projection, but the overall direction is mainly in the minimalist style.
When adding options, the colors of the other options need to be extended according to the main hue, but there is a small note: Because of the approximate color of the relationship, in order to ensure that the color of the left and right areas, we need to specify the location of each color, so I gave developers a Yan specification.
The same is true of curvilinear graphs, with some weakly weak projections and high light changes in detail.
In conclusion: Minimalism is not equal to simplicity, but minimalism refuses to be superfluous.
Thank you for reading:)
Finally, several web sites are recommended:
http://www.josefschulz.de/(the website of the photographer mentioned in the first article)
https://www.mint.com/t/012-c/(the chart is doing well.)
http://www.icoeye.com/(icon is very cow X, also with design process)
(Weibo UDC original blog, welcome to reprint and note the source, welcome to subscribe)