is analyzed with you today is the soft light style. Therefore, the name is thought. The soft light is the refraction feature of the overall visual style presenting light. The color level is rich and there is obvious flow of light and direction.
creates its own design style library
familiar with my designer friends. I always have a habit at work, that is, in my work, I will summarize and summarize some good design styles and trends in my petals and PINTEREST. From my career, from my career This habit was developed in the earliest career.
I always feel that the design of the design is a product itself. You need to update our system every day and update the design database, so that it is as rich as the encyclopedia, which can help us guide the design direction.
thinks about it. In our student days, when we encounter difficulties in our study or life, we can ask teachers to make us grow faster. However, after work, the workplace is cruel. It is more by yourself. The laws in the workplace are winning or bad. The colleagues around you are cooperation and competition. It is really rare to return, so we need to find the example of learning ourselves.
I like a team called SSG on Pinterest. It is equivalent to domestic Tencent and Ali in South Korea. They have a team PIN account. Each of the designers find a new style, they will collect this folder uniformly.
, for example, they have a channel called Emartmall, similar to the domestic Tmall Supermarket . Their team established a folder called Emartmall Style to put the design of related life into this folder. Then in daily work design, they will settle related design styles in this direction to ensure the consistency and popular sense of style.
They PIN folder material. Banner of the official website of
EMART, for a while, a large number of fruits or food close -ups appeared in their folders, combined with text typeset pictures, and soon appeared on their e -commerce pages, similar to this style of design.
is not difficult to find that these excellent teams are regularly updated the team's material library, design style guide library to guide them to design the design direction of the team, so the design style guide library is especially important. It is work and workplace in the workplace workplace. Examination and mentor accompanied us! The characteristics of
soft light style
mentioned before that many designers are now limited, technical homogeneity, and the collection of works is similar in style. The difference is not large!
In fact, there are many new styles in the development of UI today, but we haven't noticed that one of the analysis with you today is the soft light style. Rich, with obvious flow and directionability.
often uses gradient, spot, flow, superposition transparency and other methods in design techniques. Its overall visual experience is visual experience such as youth, flowing, trend, youthful vitality! It is currently a new design method.
1. The color liquidity of the qi
is a large characteristic is the color flow of color. The background is generally multi -color fusion. The color is layered in the color, there is a flowing liquid change, and there are excessive shades, not a simple gradient. This is a simplicity. Colorfulness is more like natural light in our lives, and it is colorful.
2. The color of the color rules
This design uses this gradient stack on the main graphics. Through transparency, the angle changes are superimposed together, and there are various levels of bright and magnificent gradients on the button. At the same time, large light spots are also used as the embellishment of light on the curve at the bottom, which is a typical soft light design case. The case of
is clean and refreshing, and the color is a small and fresh gradient. The same triangular part uses this white transparency superimposed treatment method. The details are simple and delicate.
This is a work I like very much. The color is false and real, and the color and graphic movement is superimposed. A very space -free future design.
3. Spot halo blur application
soft light design is a very important point, halo, light is generally presented in a circle in the design, with the blurring and blurring of the edges, forming layers. The use of
light spots is simple and effective. The white light spots can well form the spatial hierarchy and flow in the interface.
This is a typical case of using light spots to create an overall soft light feeling. The main graphic has a purple light spot at the top, and a pink light spot effect is used on a white background. The three core graphics at the bottom also use this design technique. The overall quota color is coordinated and the page information is clean.
4. Luminous
Since it is a light-sensitive design, there must be light, external light and internal light. Of course, the light can be clean and transparent, which is a test of the designer's skills. If you are not careful, it will become a blur. The picture is a very clean example of light processing.
is a very typical Korean design. The background color is bold, especially the green light at the bottom, which makes the whole page full of foreign style.
is very technological and futuristic in design. It is accompanied by the use of color, light and shadow. When Siri first came out, the light and shadow effects amazed me. Look at the uncanny workmanship of these foreign masters in integrating color, light and shadow.
The use of light in lines, the movement of halos, and the changes in direction and color are all very important details of soft light design. Application in
UI
In the scanned page (left picture), the core graphics use wavy transparent overlay lines as the core focus of the page, and the bottom of the background uses sultry gradients and halos to form rich layers. (right picture) The background and illustration part This method is also widely used.
The triangular light and shadow, circular light and shadow, curves, dots' text glow, and background details' soft light processing give the page a technological and dreamy visual experience.
The use of light, halo, internal and external light, and contrasting light and shadow make the page unforgettable.
The same technique can produce different effects when applied to white or black backgrounds.
is a set of weather designs that also uses overlapping and color overlay techniques combined with dynamic effects to make the weather bloom like flowers.
The transparency of water, the dazzling light, and the eye-catching design can also present this sense of high-end on a white background.
The use of light and shadow, I especially like the action button at the bottom, it is the highlight of the entire page. When the page slides up, the change of virtual and real background in the back is particularly delicate.
This style is also commonly used in marketing pages, and the techniques are not static. They can be flexibly adjusted according to the picture. For more cases, you can go to my pinterest to watch. The use of
icons
In icon design, this technique is also common. The icon itself combined with simple geometric figures makes the entire design impressive.
I think everyone has seen these sultry expression techniques, but have you mastered them and practiced them? In fact, it is not difficult to draw. The key is to apply what you have learned. How can we maximize this technique? Good trends require us to implement them in projects.
actually adds a little bit of detail and transparency to the graphics, and the icons will be much more delicate when soft light enters. The application of
in the plane
In the e-commerce promotion poster, this soft light design is used on the background to make the design look more youthful and interesting. The design of the official website of
sweet is full of sweet taste, especially the popsicle design, which is transparent, textured and rich in color. The design of the
poster has angular graphics interspersed transparently, as if opening the door to the future, with a full sense of technology and the future.
The use of illustrations
Many people should have seen this set of illustrations. It has a very sense of design. The author’s use of light and transparency is delicate and lifelike. Each work shows a beautiful sense of design, as well as the use of light and shadow. Very delicate and ultimate. In
ghanipradita's series of illustrations, we can also find this use of light to make the page more detailed and visually rich.
Overlapping haloes and sultry gradients constitute a fashionable set of illustration designs
and finally
Nowadays, more and more designers’ works have the same style. How to find their own position in the design and the diversity of design techniques require every designer to Thinking about it, everyone must jump out of the comfort zone of what they are good at, learn more about what you don’t know, and iterate yourself like a product to make yourself better!
Author: Our Design Diary, WeChat public account: Our Design Diary (ID: helloskys)
This article was originally published by @Our Design Diary on Everyone is a product manager. Reprinting without permission is prohibited.
title picture comes from Unsplash, based on CC0 protocol
