Current location - Plastic Surgery and Aesthetics Network - Clothing company - Banner material -ui design: several popular types of banner processing
Banner material -ui design: several popular types of banner processing
What did BANNER material mean when you first saw this word? I don't know what this means. What's the difference with other pictures? Banners in web pages are usually advertisements, also known as "banner advertisements". In fact, banner advertising (the main form of online advertising) generally uses image files in GIF format, which can use static graphics or splice multiple frames of images into animated images.

How to find the background material of Taobao banner? BannerMaker background You can find the material on some photo websites.

BannerMaker is usually 950x 120 in size. The format is jpg and gif.

If you can't find it, you can do it yourself. The font is square, thick, brown and black.

Civet e-commerce ~ ~ ~

Ui design: several popular types of banner processing. Banner is the most common work in brand making and content promotion after our contact with work, and its display plays a very important guiding role. The first vision of an interface is often attracted by excellent banner. These two days, I took the time to sort out and analyze some common types, and I want friends who have a headache in designing banner to take a closer look ~

Generally speaking, a good banner should first ensure the accuracy of information transmission, and then ensure the sense of harmony and atmosphere of the picture. It can be seen that a banner is not just composed of points or lines, but points, lines and surfaces are combined and balanced with each other, and finally a banner map with rich layout is formed.

The following materials are partly from students' works and partly from petals (thanks to the designers for sharing, please contact and delete if you see your own works ~)

Color block segmentation

The above Banner uses different proportions of color blocks to form the background of banner, plus text and copywriting, which is suitable for highlighting products, such as home, clothing, electronic products and so on. The interface is simple but not white, which can quickly extract valuable information. Pay attention to the overall color sense when choosing colors.

Geometric boundary

Simplicity often gives people a cold, clean and modern feeling. The shapes and elements used in the design are simple; The colors used are unified and integrated, and the colors are restrained. The texture is more delicate; Structurally, blank space, short/accurate/common use of core value and "temperament", border is the key point, geometry is the eternal decoration ~ ~

2.5D

The style of space geometry has a strong sense of space substitution by building a space body and using geometry to create an atmosphere. This kind of work can be studied a little. The key is the expression of creativity, which requires great efforts.

2.5D style is very popular in e-commerce design, which is novel and practical, can accommodate a lot of content, both dynamic and static, and can connect two screens and three screens well. Favored by some large-scale promotional activities, you can often see this style of first-screen posters.

Plane illustration

Concise but not simple, it removes the tedious decorative effect and shows the core expression of the theme. Use graphics or characters other than words to help banner bring a more intuitive feeling. Adding graphics or characters to text can make banner more energetic and feel. This type of banner is widely used in finance, education and tourism. Of course, if the illustration ability is ok, it is not a problem for all industries to use it.

Color superposition

More popular and changeable, the overall vision will be relatively young, and the elements used will be relatively more direct, clear and straightforward; The whole has a clean, clear and harmonious feeling. Highlight the text and decorate the atmosphere with simple graphics. You can use solid colors and gradients to superimpose background colors. Pay attention when choosing a big picture. The overall artistic conception depends on hue and light and shade. Of course, the simplest thing is to choose a clean and tidy basemap.

Colors are emotional, and different colors will bring people completely different feelings. Therefore, when making pictures, we need to match colors according to the theme, which is both reasonable and comfortable, and makes the banner picture harmonious as a whole. So we need to consider what kind of emotion we want to express, what kind of feeling we want users to feel when they watch it, and whether the expressed emotion is consistent with the theme. It is more purposeful to make color matching according to these points.

Gradual texture

Subtle gradients have returned to the design trend. Gradient background, even the superposition of gradients, can make your banner design stylized. With pictures, textures and words, gradient can give people a variety of experiences. Rich colors are its characteristics.

Different from UI design, in the design of e-commerce and advertising Banner, texture has always existed, even a very common element. Texture can improve the information content and overall texture of the whole banner. Of course, when using textures, don't let them take the lead.

When we make banners, if there are no special requirements, we actually have many directions to choose from. First, ask yourself what information you want to highlight. Is it a prominent commodity? Or highlight the text? Or highlight the overall atmosphere? Or emphasize the overall sense of coordination? Or emphasize the brand? This can be judged by understanding the user's psychology.

Ok, that's all for today. When did you have so many friends?