The main drawing is the flow inlet of a product, which plays a vital role in drainage. A good master map can save a lot of money and energy for store operation. How to make your main picture stand out in the whole Taobao page? Below I have sorted out the design skills of Taobao's main map for everyone, hoping to help everyone!
(A) in terms of format
There are many e-commerce products, and there is no unified typesetting mode!
But there are still some principles to follow when making the main map.
1. Layout: Commonly used plates include left-right layout, central symmetry layout, central surrounding layout, up-and-down layout, etc. (This refers to the location of words and products).
2. Selection of format; A. According to different products and different functions of the main screen (through train main screen, ordinary main screen, active main screen, etc. ), there are different methods: for example, clothing, model photos usually use central symmetry composition;
Tiling or hanging usually adopts left-right typesetting, which is generally a regular product with a vertical rectangle as a whole. All products that meet this characteristic are very suitable for central symmetry and left-right typesetting (not absolute, but general)
B. Compared with the above products, relatively irregular products usually adopt up-and-down typesetting and surround in the center.
For example: typesetting up and down
Tilt to the center.
C. summary: the layout is not fixed. The above are the most commonly used and often the most effective. According to the shape of the product, design the corresponding layout for your main picture!
3. About the proportion of pictures and texts
In order to have an advantage on the page, I suggest that the product accounts for about 2/3 of the whole screen (except for special drawing effects), and if necessary, it can be a full-page design (in layman's terms, the product covers the whole screen).
4. About color.
Simply put, try to locate the text according to the product color, and choose the same color or complementary color!
About color, the next article will elaborate in detail, which is particularly important in the role of the main picture. How to stand out from similar products plays a vital role!
(B) on the use of color
Don't talk much about the basis of color, theory is only used for practice!
Today I will talk about the color matching method of the main picture. This has played a very important role in clicking on our main picture.
The specific steps are as follows:
0 1. Analyze the product, taking women's clothing as an example. At this stage, we don't have to care about the color of the product itself. What we should do most is to search the approximate location of our baby page with the hottest words.
Originally, all the comparisons were up and down or so. Only horizontal comparison is made here, and the reason is the same.
As shown in the above picture, compared with the other three main pictures, the color of the fourth picture is darker. For our eyes, the visual stopping point is in this picture. At this time, we have to think about our own main picture. If the color difference between our main picture and that of other merchants is not obvious, we should act now. If most of them are bright surfaces, you can choose dark surfaces. If there are too many other monochrome systems, you can choose a multi-color system, and so on. ......
02. About the use of color and how it is beneficial to other businesses.
First of all, you need to know what color your product is, which is fundamental, and you can't mix colors indiscriminately. Only under the premise of ensuring the harmony and beauty of your own main map, it is the best policy to distinguish the main maps of other businesses!
A. According to the color of your products, you can choose basic color schemes such as the same color system, adjacent colors, similar colors, medium-difference colors and contrast colors to match colors!
B then distinguish it from other businesses by light and shade, cold and warm, purity and lightness. The commonly used method is size contrast, not color.
03. To add, what I said above is the color matching relationship between the background and color of the product and the copy information.
04. Try not to use words with more than three colors. It is recommended to use two colors or monochrome!
A good click rate requires that the main picture of your product stand out from the rest of the page. ! ! !
Let's not talk about the basis of color matching. Beginners can buy a book to read and supplement their own shortcomings!
(3) About the typesetting skills of copywriting.
As we all know, the general main picture does not need copywriting and typesetting. This is mainly for the main map of activities and the main map of through trains!
Let's talk about where the copywriting information in the main picture should be put first. Let's talk about a few common ones first.
0 1. The most commonly used position sinks.
The most common and convenient one. Take the category of home improvement floor as an example:
The above two main drawings belong to sinking type and are simple and changeable. This typesetting method of copywriting information position generally does not destroy the integrity of the picture, which is simple but not simple. Text information needs to change with the background color! If the copy is more than two lines, you should choose left alignment, right alignment, middle alignment, etc. The principle is not to mess up the picture and make it difficult to read!
02. Common-Left and Right Position
It is also more common. Take clothing as an example:
Text tends to be left or right. Usually, the text is vertical, so it is necessary to clarify the text information. Try to choose one color or two colors, and don't have more than two fonts. The simpler the text, the better!
03. Generally not used-intermediate position
(This has certain requirements for typesetting according to products. Remember not to destroy the integrity of product browsing. )
Take men's wear category as an example:
In the middle position, there is generally little copywriting information, which is concise and can achieve the goal, but you can't put more! In a single line or in the middle.
04. Free creation-flexible use
According to the position of the product, the composition locates the position of the copy, and the tilting type is more flexible!
05. The least commonly used top position
If the copy is not well controlled at the top, it will cause a feeling of instability. It is not a special product. It is not recommended to put the copywriting information at the top! If necessary, please match the above four designs!
Summary: according to the needs of product modeling and composition, determine the position where the copy should be discharged. The most common ones are the first three!
2. About the arrangement and combination of words
0 1. horizontal/vertical/mixed horizontal and vertical lines
Horizontal layout: Copywriting information should be single line or at most two lines. Alignment is three common types: left and right and middle, with emphasis on the change of size and color. The font of the main text is larger and more prominent than the whole picture. Secondary information can be embellished or supplemented, and flexibility is enough while maintaining the overall situation! The text color is monochrome or bicolor, remember more than 3 colors! !
Vertical arrangement: mostly used for traditional product design and typesetting, products with cultural heritage! The reason is the same as horizontal.
Vertical and horizontal mixed layout: vertical and horizontal mixed layout is a test of typesetting ability and belongs to high-end skills. Although it is difficult to discharge the effect, it will be fruitful to try often!
02. Inclined type
The visual effect of diagonal row is very direct and has a great visual impact (there is an example in position 04 above).
The tilt angle should not exceed 45, otherwise the visual effect will be affected. In addition, once diagonal layout is adopted, it is suggested that all copy contents should be diagonal layout, otherwise it will look uncoordinated.
03. Change the form of words
Arranging words through exaggeration or distortion of words and special treatment effects of words is mainly to highlight some important information and reflect some material elements of products!
04. Frame type
Simply put, it is to arrange the words into a certain shape, or arrange them according to a certain shape, which has a strong sense of form and a strong sense of integrity! Taobao main picture is not commonly used, you can try it according to the products in your store!
05. Compound type
It is a mixture of various typesetting modes, which needs to be summarized and explored by yourself, and it is a test of a designer's ability!
Summary: There are various typesetting of characters, but for e-commerce, the most effective and direct one is commonly used. A good Taobao main picture needs the perfect cooperation and embellishment of copywriting!
;