Nowadays, there are more and more apps, and the production is becoming more and more exquisite. All kinds of apps want to be distinguished from other apps in design, so as to attract users' attention better. It is undoubtedly a good choice to apply illustrations to apps. Many illustrations are used in the "Today" AppStore“Today iOS
11, which brings users.
1. what should I use illustrations in the APP?
to increase the visual impact, it can be summed up as two words "amazing", such as "Walk Up" app, in which every page is illustrated and beautifully designed.
add interest to make the page not APPear monotonous and boring. An obvious example is the empty page and the wrong page in the app. For example, when Taobao is offline, displaying a lovely illustration is much better than simply displaying words, and it can also reduce the anxiety of users as much as possible.
It carries more information and is more intuitive, which is more obvious on the icon. For example, the classification icon of Baidu glutinous rice adopts a realistic style, which gives people a more intuitive feeling.
Meet users' emotional needs and emotional design, which is well reflected in keep. In the past Chinese Valentine's Day, keep turned the running route into pink, with a dog. The person who is still running in Chinese Valentine's Day is probably single dog. The meaning is self-evident.
II. Several popular illustrations and their characteristics
Flat illustration
Texture illustration
Hand-drawn illustration
MBE illustration (a great god of dribble created this style, so it is called MBE style illustration)
Gradual illustration (sometimes called low-light illustration)
Three-dimensional illustration (also called 2
flat illustration: flat illustration is characterized by being flat, concise and clear. Flat illustration is the most popular and commonly used style now.
Texture illustration: I think texture illustration is also a kind of flat illustration, but at the end, it is necessary to increase the sense of granularity. The most obvious feature of texture illustration should be texture, and the relationship between light and shadow is better.
Hand-drawn illustration: I think it is the most difficult one, and it also requires the designer with the highest artistic skills. Hand-painted style is widely used and can show a lot of things. The following designer's works are childlike and as beautiful as dreams.
MBE illustration: concise, round and lovely.
gradient illustration: a very beautiful style. Generally, similar colors are adopted in the use of colors, and there should not be too many kinds of colors.
Three-dimensional illustration: As can be seen from the name, the biggest feature of this kind of illustration is three-dimensional, which can show three-dimensional things in two-dimensional space.
Stroke illustration: In addition to shapes, strokes are also used to abstract things.
MBE illustration: the icon in the kitchen, MBE style is very suitable for making icon
gradient illustration and three-dimensional illustration: pull hook. Putting these two styles together is because many times an illustration contains these two styles. (used in banner and theme)
Sketch illustration: Pinduoduo, Netease Cloud Music (used in icon and startup page)
To sum up, illustration is suitable for startup page, banner, theme, refresh, icon, pop-up, background image and so on in APP. How to apply illustration art to UI design?
Introduction In the past few years, illustration has begun to stand at the forefront of design trends with a firm posture. Not only painters and illustrators who were originally in various fields have become more and more sought after, but also web page, UI and dynamic designers have learned illustration design one after another. So how to apply illustration art to UI design? Today we will take a concrete look at the application of illustration art.
1. The uniqueness of illustration comes from its metaphor and fascinating vision
Like art, metaphor is also needed to convey some relatively more interesting, profound and interesting information in design. The uniqueness of illustration is also formed by this, and the metaphor contained makes its value more complex, which is worth touching repeatedly, rather than being completely seen through at a glance.
2. Digital illustration can strengthen interaction
Here is the advantage of digitalization in short videos. Through different digital software and reasonable processing, it can not only become dynamic, but also be used in videos as micro-interaction to enhance the overall experience of products. When it comes to dynamic effects and short videos, the whole digital illustration begins to have more possibilities. Different dynamic effects bring completely different feelings and experiences, not to mention that this gameplay is in line with the current fashion trend.
3. Illustration endows design with aesthetic value, which makes it easier to be accepted.
Even though everyone is analyzing and arguing about the usability and usability of products, everyone has always maintained a consistent attitude in the pursuit of beauty. Whether a design is desirable or not and whether it can pass through Party A, customers and actual users is something that every designer needs to face and strive to do the best. Well-designed illustrations are more solid in aesthetics and style, and stylized design is not weaker than the value provided by ready-made design materials.
4. Illustration enables users to understand and operate faster
Whether it is an icon or a large illustration, it can help users understand and know where to look and what to do more intuitively. In the face of today's digital interface, users' attention duration is getting shorter and shorter, while illustration allows users to obtain information more quickly and directly and decide what to do next.
5. Illustration can make the brand more recognizable. Compared with the text, the visual attribute of illustration is undoubtedly stronger.
The customized content provided by picture illustration can meet the needs of the brand in all aspects and express the information that the brand needs to present more appropriately. This also makes illustrations not only used in advertisements, posters and other obvious places in brand promotion, but also become an essential element in brand
APP's new user guidance and tutorial.
Of course, not everyone can understand the skills of applying illustration art to ui design. It can be seen that UI design will be more related to our real life in the future. Of course, the UI design concept of interactive design will have more applications in the future. Come and improve your skills quickly! What software can you draw on your mobile phone?
SketchBook, InfiniteDesign, Painter, Drawing Bar and Pippi are the software that you can draw on your mobile phone.
1. SketchBook
SketchBook belongs to natural drawing software. The software interface is novel and moving, powerful, and the hand-painted effect is realistic. Brush tools are divided into pencil, brush,
marker
, drawing pen, watercolor pen, oil painting pen, spray gun, etc., and the user-defined selective interface mode is adopted.
2. Infinite Design
Infinite Design and InfinitePainter are designed by the same person. The software features infinite canvas (translation, scaling and rotation), infinite layers and layer options: division, merging, flipping, repetition, transparency
conversion layer
and so on.
3. Painter
Painter has a comprehensive and realistic imitation natural brush. It is specially developed for digital artists, illustrators and photographers who are eager to pursue free creativity and need digital tools to simulate traditional painting. It can reproduce the effect of natural media through digital means.
4. Draw
You can learn to draw, whether it is cartoon, simple pen, sketch or watercolor. You can also communicate directly with your friends by painting.
5. Pippi
Pippi is an entry-level mobile phone drawing software. Pippi takes copying as the starting point, providing the simplest and most convenient tool so that Xiaobai can draw beautiful pictures.