What are the basic normative principles of e-commerce art design? Many e-commerce bosses will find that the decoration of other people's stores is always better than their own. Why? It may be that your home appliance designer is free to play when decorating. It depends on the mood design and does not follow the basic specifications of e-commerce design. So what are the basic specifications of e-commerce design?
First, the page size on the PC end is 1920px wide, and the height size can be determined according to the required information on the page. The display size is 1920×1080px; the size width of the mobile page page is 750px, and the height size can be determined according to the required information on the page.
There are no more than 5 Chinese and English fonts used on the page. The main font appears more than 3 times on the page, and other texts are used as a supporting font. In the design of the product details page, the main font is generally bold.
When making banner ad fonts, the design must be deformed. If there is no font design capability, some special effects should be appropriately made on the basis of the original font; the font size and color should be clearly contrasted with the background color to make it easy for consumers to preview and read. The text after the design is very expansive and powerful. Some special effects are made on the basis of the original text, and a gradual effect is made, which has a significant increase in activity compared to the previous text.
Banner advertisement font design style must be unified; fonts must have a unified position to achieve a unified sense of order. If there are 5 banner advertisement images on the home page, then 3 of them must achieve a unified style.
The size of the homepage banner on PC is 730×400px, and the size of the homepage banner on mobile phone is 750×400px. For thematic event page, the home page has a width of 1920px and a height of 580-700px, preferably not more than 700px, and the height of the display area page is 1210px. The product details page has a width of 790px and a height of 790px to fully display the required information.
There are two types of norms: design style norms, layout and composition norms. Page color requirements: There are no more than 5 colors used on the page, black, white and gray are not considered colors; use a reasonable color system for different subjects; the theme color and auxiliary color should be matched according to the color matching principle.
①Single color and the same color series: Suitable for the color of the product itself to be more uniform. By absorbing the nearby colors of the product, and then by adding appropriate auxiliary elements, the screen becomes uniform and rich. This color system is suitable for a single product banner advertisement the design of.
②Similar colors and adjacent color series: The range of similar colors can be changed much larger than that of monochromatic colors. However, similar colors can be added when the main color is clear. This kind of color matching method is still more common in banner advertising applications. It is a relatively easy to master color matching method, and the proper use of color matching will make the picture look fashionable.
③Complementary color system: Here, the three cases of complementary color, unilateral complementary color division, and complementary color division are discussed together. Because the three are floating up and down in a large range, the effects are quite similar, and there is no particularly obvious distinction, mainly because of the whole picture The tonality should be lively, and the products belong to the category of bright colors, the pleasure of color is more likely to arouse the desire to click. The use of complementary color systems should pay attention to the area matching and the adjustment of color gray levels. The use of complementary color systems can be tried more in the future.
④Multi-color matching, the matching of contrasting colors, rectangular divisions, square divisions and multi-color matching can be classified into one category. These three large-span color matching methods have relatively few applications and are not easy to grasp. Generally speaking Suitable for small area applications to play a decorative balance.
Page design colors should be fresh, layout should be generous; page design should have integrity, consistency, etc. Consistency includes color uniformity, layout uniformity, font uniformity, etc. The page layout should be simple and clear, with a prominent center, matching size, echoing each other, with both pictures and texts, and appropriate blanks for consumers to read. Quick rules for typography:
①The first trick is to align. Alignment is divided into left, right and center. The most common e-commerce posters basically use left-right alignment. Alignment is the most common and most basic plate arrangement method, giving people a sense of stability, strength, unity, and neatness. With the left-aligned typesetting, the layout will not appear very messy, but will appear uniform and orderly.
The centered typesetting will give people a formal, atmospheric, high-end, and quality feel. In the middle layout of e-commerce posters, the copywriting is often seen directly on the product. The occlusion of the copywriting and the products behind it create a sense of layering in tandem, and some light effects will make the whole picture more spacious.
② Contrast. There is no design without contrast. People don't like bland, monotonous things visually, they like to see contrasting pictures. Using contrast typesetting techniques can most effectively increase the visual effect and impact of the picture.