Current location - Recipe Complete Network - Food world - Internet Illustration Style-What is User Interface Design Style?
Internet Illustration Style-What is User Interface Design Style?
The style of modern commercial illustration when most people's understanding of illustration is still limited to low-end cultural products such as picture books, comics and children's picture books, illustration has penetrated into all aspects of people's lives with lightning speed, from anime blockbusters that people talk about to the cover design of records at hand, and even random product logo in supermarkets. Illustrations and their derivatives are everywhere. People can experience the meaning of "illustration" every day without looking up the dictionary. We still need to clarify the concept of commercial illustration: "Commercial illustration is a commercial transaction in which the author gives up the ownership of the work and only retains the right to sign when drawing illustrations for enterprises or products and getting relevant remuneration." In fact, the power of illustrations in modern life comes from "art" and "business". As a form of advertising communication, commercial illustrations are an important part of modern commercial activities. Most commercial illustrations are commissioned and have a clear creative purpose; At the same time, with the development of printing technology, it has been copied in large quantities; Commercial illustration is inseparable from mass media, and it is destined to have a strong brand of the times and cultural characteristics. The popular culture of commercial illustration The prosperity of commercial illustration can be traced back to World War II, when European countries stopped the development of design industry due to the extreme lack of materials. At this time, American commercial design flourished. From the beginning, it showed a different starting point from European design-not only for the rich, but based on ordinary people and mass consumption. Noble and exquisite is no longer important, but changeable styles, exaggerated decorative techniques and low prices are what people pursue. Correspondingly, the publishing industry is booming. Readers' Digest, Life, Time Weekly and other publications are popular all over the world, with a circulation of more than one million copies. These magazines are printed more and more beautifully, and a large number of advertisements are instilled in consumers, which stimulates their desire for consumption and objectively stimulates the demand for commercial illustrations. In addition, the natural readability of graphic language makes the application of commercial illustration more and more extensive. The application of commercial illustration has also expanded from book inserts to various fashion magazines, outdoor advertisements, packaging design, film and television advertisements and so on. Popular culture is the main field of commercial illustration today. In the fifties and sixties, teenagers became the main consumers of popular culture, and in the seventies, they became the main force to promote social change in the West. This generation of young people grew up in an affluent era and received a good education. Their enthusiasm for new things and indifference to traditional values are completely different from their parents. They are more keen on rock music, pop art and hippie culture. During this period, commercial illustration has also been influenced by various popular cultures, forming a distinct style trend. At that time, many unconventional and distinctive things were quickly imitated, forming new consumption patterns, forms and fashions. Images such as "bull's-eye" and "national flag" created by American pop artist John often appear repeatedly in different commercial illustrations and become visual symbols representing pop style. In the hippie cultural movement, Wilson's font poster works with "Art Nouveau" style are difficult to identify because of excessive font deformation. However, because it reflects the anti-culture of hippie culture, it gives people a grotesque and wild feeling in form, which meets the emotional requirements of hippie youth, so it is also regarded as a symbol with strong symbolism. It is by absorbing and using different symbols of popular culture that commercial illustration has become a means for young people to express their personal views and a powerful weapon to distinguish different ideologies. Another force of popular culture comes from Japanese cartoon illustrations, which gradually matured after the 1980s and became popular among Asian teenagers. The rise of video games, animation and toy industries driven by animation illustrations has formed a cultural trend that affects our lives. The artistic form of commercial illustration The forms of modern commercial illustration are mainly classified through the media. Generally, it can be divided into three categories: first, print media, second, film and television media, and third, online media. Illustrations in print media are mainly divided into periodicals, newspapers, posters, product packaging and corporate image publicity materials. This kind of commercial illustration has a large circulation, wide circulation and short production cycle, which can involve all aspects of people's lives and is also the most common user. Illustrations in the form of film and television media are mainly distributed in TV and movies. The difference between them and film and television advertisements lies in the relative stability and stillness of the pictures. This form of illustration spreads quickly and contains a lot of information. As a film and television illustration, it is also a powerful media for manufacturers and enterprises to strengthen commodity promotion. Illustration in the form of network communication is a new illustration form developed with the development of computer network. Its main carrier is computer network, which is characterized by unique form, strong interaction and large spatial expression. As a new illustration form, illustration also has its limitations, that is, the audience level is uneven, but with the development of the times, this limitation will gradually disappear. Through the analysis of these three forms, we can see that commercial illustration, as a part of visual communication, must have its space, which is endowed by society, commerce and culture. From the very beginning, it is no longer a simple art form to spread specific information locally, but has developed into a visual communication element to spread information, spread influence and serve the society in time, space and audience. The expression techniques of commercial illustrations should pay attention to the popularity and practicality of illustrations, so most commercial illustrations use expression techniques to express objective things, which are mainly divided into three forms: realism, abstraction and mixing. The economic industry of commercial illustration For economic problems, we must first understand how illustration products are circulated. In fact, like any modern product, it needs to go through three steps in the process of entering the market: production-sales-consumption. 1. As a designer in the digital age, an illustrator must master several basic drawing tools and use them skillfully, such as Photoshop, Illustrator and flash. Because most illustrations are delivered in the form of electronic documents. At the same time, the work style of illustrators is more free and diversified. Designers can choose to work in a design company, set up their own studio, or work part-time. Due to the highly developed software, hardware and communication means, more and more illustrators tend to intervene in the market in a personal way. Some star illustrators are mostly freelancers. Good reputation and excellent talents make it easier for them to get business. In the Internet age, making a personal online portfolio website is a good way to obtain customer resources. Its advantage is that customers can see your website at any time and understand your work style, which provides many potential customers for designers. 2. Sellers (sales channels) are in the traditional art sales channels. Art dealers have always played an important role, looking for painters' works with critical eyes and looking for buyers to profit from them. Although illustrators have direct business contact with customers, it still takes a lot of time to find customers. Therefore, many people choose professional agencies to represent their works and contact related businesses and exhibitions. These companies actually play the role of art dealers. 3. People who consume illustrations will have the difference between enthusiastic consumers and accidental consumers among the people who consume illustrations. Different people like the same illustration product to different degrees. For example, an old cartoon during the Cultural Revolution. Older people will show a strong love for it, while young people have no interest, mainly because young people have no relevant cultural experience in this old cartoon. This cultural experience makes people interested in the symbolic meaning of illustration works, thus producing enthusiastic consumers. Moreover, the more consumers like this kind of products, the more concerned they are, and the more relevant experience and knowledge they have accumulated. Compared with those leisure consumers, they have different views on the works. Commercial illustration is different from general commodities, and it is a cultural industry. Its operation is different from the rules of other industries. Kevin Weiss, an American economist, put forward the vertical and horizontal differences of cultural products in Economics of Creative Industries. He pointed out that "cultural products are also different in characteristics, tone and style, which are independent of the buyer's evaluation of product quality." Economically, they have horizontal differences. When horizontally different products are sold at the same price, people's preferences are different. Creative products are usually a mixture of vertical and horizontal differences. "It is this characteristic of cultural products that constitutes its types and consumers benefit from it. Commercial illustration design often shows the characteristics of cooperation between different cultural industries, and popular comic works are not only distributed as printed publications in large quantities. It is also likely to be adapted into cartoons, even movies and TV series. This phenomenon has evolved into a trend. Other related industries caused or spawned by illustration design can be called "added value", and the operation of added value of this cultural product should also be regarded as part of the long-term profit of illustration. In this regard, Disney's experience is worth learning. The image of Mickey Mouse has moved from comic books to the screen. And become the image representative of magazines, clothing, websites and other cultural products, and become the image representative of today's multi-billion-dollar entertainment empire. However, it is a new problem for the commercial illustration industry that how to sign a contract to accurately define illustration and its added value profit sharing in other industries. Although some people still disdain the combination of art and commerce, it is undeniable that their combination has yielded fruitful results, and this trend is irreversible. Just like the bright and short appearance of commercial illustrations, the attitude of this era is exciting and thought-provoking. What are the learning contents of Xi 'an UI design training? 1. Application of plane software: Through various GUI designs with different styles, master Photoshop, Illustrato, C4D, XMind, Axure, HBuilder, AfterEffects and other related software operations and hand-drawn UI design, skillfully use the software, and design directly through project training. 2.LOGO logo design: plane logo (plane, three-dimensional, vector), font logo (Chinese and English), VI combination mode, the latest logo fashion trends at home and abroad (dots, radiation, etc.). 3. Standard color: the perceptual stimulus and psychological response of a specific color or a group of colors. Learn the use of color in advertising. 4. Art font design: Chinese font design, English font design, PS and AI font style expression 5. Mobile platform icons: simulacra (graphics), plane (long projection, vector, cartoon), game icon, latest fashion (icon icon design), font icon design 6. Design of mobile phone publicity materials: screen advertisement, banner advertisement and full screen advertisement 7. APP platform interface design: understanding the platform. The whole process of learning APP includes prototype diagram, interface design diagram and GUI design. 8.APP component design: explain the design of Android and ios controls. 9.APP platform interface display: exercise the ability to display and explain the scheme, and master the key points that need to be paid attention to when explaining the scheme to customers. Show customers the best design content of the picture. 10. Page style and layout: Understand the page structure and the logical relationship between slicing and page structure. 1 1. website interface design foundation (image website): understand the website design process and architecture. Learn and master the design of website buttons, icons, advertising banners, pop, etc. 1. business card design and design different types of business card boxes, business cards, personality, creative business cards, etc. , and master the design style application of fonts, typesetting and patterns related to business cards. 2. Learn the application of text style, paragraph style and object style in single-page folding design, master the standard design of commercial product album layout (layout style), and understand the layout division of posters and magazines. Post-image poster design: Learn to combine and design images, words, colors, layout, graphics and other elements, and combine the characteristics of advertising media to realize the expression of advertising purposes and intentions. 4. Composition and layout skills: Learning the quantitative standards of the general principles of formal beauty can quickly acquire the aesthetic ability of the program. Master the principle of visual segmentation, conduct classic case analysis, and understand the application of golden ratio in design. 5. Color management: master the application of design color, the decorative beauty of color and the expression method of color. 6. Interface of Android platform: illustrate the design style, fashion trend, various functions and cutting specifications of Android platform with examples. Master the standard layout design (layout style) of commercial product albums VII. Apple platform interface: explain in detail the layout specification design, interactive experience detail design and product attribute design on the iOS platform. Apple iOS mobile efficiency APP application product full case training. 8.Html5 page design: invite design projects to actively exchange pages, interesting games and interactive pages 9. Website banner Skills: What are banner's design styles for handling ui? In fact, there are many design styles, such as simple style and flat style, which we are most familiar with now. Of course, as a designer, in addition to mastering popular styles, we should also have a certain understanding of the styles that are quietly sprouting. For example, the following styles:

I. New Quasi-materialization

New objectification is the most advanced visual style in 2020. From its initial birth to the present, the new objectification has changed to a certain extent, and it is developing in a more complex and perfect direction, with better accessibility and more objectified design features, but it is fresher and more modern, and can render a unique atmosphere.

Second, a gentle gradient.

The gradual design trend is entering the stage of polarization. On the one hand, in the field of visual design, some gradients become more exaggerated, but in the field of UI design, no matter the background or UI elements (such as buttons, cards and graphics), gradients still exist, but they will appear more subtle and soft.

In the field of UI design, some designers will use two-color gradient combined with fuzzy effect to make it softer.

Third, geometrical features.

Geometric elements can be used as background or decorative details to make your design more and more interesting. In recent years, geometric elements have been widely concerned and widely used in design. Some people even spliced geometric elements into mosaics, and finally the visual effect was very cool!

Fourth, soft background.

Many amazing, lightweight and aesthetic background designs cover the background with bright and soft colors, showing strong color and collocation skills. Using a soft background can make the whole design look modern, quiet and fresh, and make the content really catch the user's attention.

V illustrations and 3D elements

Illustrations are undoubtedly very popular. However, whether it is color matching or visual style, no matter what kind of illustration style, the ultimate goal is to fit the product and UI, so many illustrations choose a relatively flat style, or choose to simulate a visual appearance similar to 3D. Compared with the free pictures used in every digital project, illustrations are really a big step forward!

Six, abstract graphics

Different from traditional regular geometric figures, abstract irregular figures can make the interface more eclectic and interesting. More generally speaking, it is to make the UI more "organic", which I think is a good thing. Use the pen tool to edit the original circle and rectangle, try different contours, carry different colors and gradient effects, and the final result will be very interesting. If you don't want to draw by yourself, you can try the tool Blobmaker, which can save time ~

Seven, dark mode

Dark mode is definitely a well-known design fashion in the past two years, and now dark mode UI design has been deeply applied to different applications. Simply put, it is the effect of color inversion of the whole interface, which is convenient for users to browse the interface information in the middle of the night. However, in the specific design and implementation, dark mode is far from simple color inversion, and there are many precautions, especially in contrast control.

Eight, tilt angle

At first, people tend to use nonstandard typesetting layout to present UI interface in a Dribbble way, and later this presentation method has gradually been applied to actual design projects. In actual design, in most cases, the inclination angle between 30 degrees and 50 degrees will be selected. This method is very good, you can try it more.

Nine, diffuse shadow

Shadow is one of the most important visual elements in quasi-physical design, and now it is popular on a large scale. However, compared with the previous "thick" shadows, soft diffuse shadows are more aesthetic. In general, shadows make UI elements easier to click on and help distinguish the hierarchy in the interface.

X. Simple and eye-catching fonts

In fact, as early as the iOS7 era, fonts with slender strokes and narrow font widths were all the rage, but I am glad that this era has passed. Nowadays, popular fonts pay more attention to the readability of fonts, and the outlines of fonts are generally square, which makes the appearance more atmospheric and modern. The above are the UI design styles that are popular or will be popular now. I hope it helps you!