Elements of copywriting: glyphs, directions, colors, numbers, English, textures, frames

Article Description: Agile Design Super Taobao shop design simple typesetting reference template.

I found that my last thought of the copy shape design method is still very effective, at least in my work has played a very good role.

The key to this typesetting method is to let the text according to the trend of the shape of typesetting, the overall effect is possible, but the composition of the text will not be too fine.

So I decided to expand this approach.

Without considering the photo of the model, we can divide the composition of the copywriting into the following seven kinds of elements:

Glyph, direction, color, number, English, texture, frame.

Then I sorted the reference sequence according to the difficult order of the design.

First, oblique typesetting & Vertical typesetting & mixed row

There is a tilt to the typesetting visual effect is very direct

Oblique typesetting paradigm

Features: Tilt angle not exceeding 45 °, otherwise affect the visual effect. In addition, once the use of oblique typesetting, it is recommended that all the text content to be used in oblique layout, otherwise it looks uncoordinated.

Vertical typesetting paradigm

Features: Vertical typesetting is suitable to do something with cultural connotations.

Mixed Row Example 1

Mixed Row Example 2

Features: Vertical and horizontal mixed row is very test typesetting ability, belong to high-end skills, although it is difficult to exhaust effect, but occasionally try also may not.

Two, two-color typesetting and three-color typesetting

The following figure shows the design of Taobao is still more common, the crux of the problem is that you have mastered the core of the design method. I have summed up this simple visual effect method into two-color typesetting and three-color typesetting. Of course, the color of the typesetting design is not so simple, I just for the efficient layout of the need to choose such a layout as my design reference template.

Two-color Typesetting example

Features: Text interlacing, and two colors contrast strongly.

Three-color Typesetting example

Features: There are three kinds of text color here. A background color, a white, a yellow, this color layout way color contrast strong but very coordinated. We can use the other contrasting colors when we make our own graphs, and the background color and white can be used as the base colors.

[1] [2] [3] [4] Next page