Essential for operation: 3 quick-start typography tips

Although there are many typesetting principles on the Internet and many authors have summarized and studied typesetting methods, for us, all of this is just talk on paper. It is of no value if we don’t try to do it ourselves. So this time we are going to talk about typesetting methods that can help everyone get started quickly, in other words, they are little tricks. But before we talk about the tips, we need to understand:

1. What is the purpose of typography.
2. Where in the enterprise do we need to use typesetting?

1. Purpose

As a commercial designer, we first need to consider whether our output has commercial value, and then consider creativity and aesthetics. Therefore, our goal is to convey information to users more efficiently. Okay, so the design principles for efficiently conveying information are: highlight the main content, make the picture clear, guide the line of sight, and use eye-catching creativity and color matching.

2. Where do we need to use typesetting in the enterprise?

Depending on the size of the company, each designer may be responsible for different things. As far as I know, the following places may need typesetting: web pages, apps, ppt, promotional h5, materials, posters, vi, effect display pictures, printing, etc. Our company is also recruiting PPT designers to serve the big guys, with a salary of 10k+, which is incredible. (This advertisement)

Tip 1: Use of boxes and short lines

In fact, the layout of boxes and short lines has been popular in the design circle for a long time. Recently, someone on ZCOOL also shared the role of similar boxes or square elements in design layout. In fact, everyone forgets it after reading it. Do you really still remember what the great writer said in the article? You don’t remember it, right? It’s not that what the experts said was bad, but that they were just others analyzing and you were just reading it, and you would naturally forget it after you finished reading it. If you really want to try this little trick, then we will start practicing it.

Step 1: Prepare an element you like as a theme, such as a model, mobile phone, app page, etc. Here I take a page I made for Zhuibo as an example and prepare an app page first. The background needs to be a solid color, so I’ll start with a yellowish one. You can use white as the base color first.

Step 2: Draw a small frame next to the element. It should not be too big or too small, but slightly thicker. Then type in the box, remember the font thickness to make a clear distinction between the main title and text, align them, and finally draw a short line under the content. Of course, you can use the short line and the content as you like.

Step 3: Expand the content of the picture. At this time, the left side of the picture is relatively empty, so we can also think of some ways to fill the blank space, but remember not to fill it too full, leaving blank space is also important. In the second step, the text on the right is used to explain the content of the page, and then the text and elements on the left can be used for headlines and decorations, short lines, boxes, small squares, etc. Finally, add a signature in the lower right corner and you’re done!

The picture below was arranged by me using model elements, please be gentle with it. Okay, have you mastered some little tricks?

Tip 2: Letter Overlay

Let’s first appreciate the letter-covering typography

step1: It’s still the same smell and it’s still the same model. Please place her gently on the drawing board.

Step 2: Lay out irregular and naturally scattered English letters, but the arrangement must be regular and have a certain connection with the content to guide the visual flow. As mentioned before, the primary purpose of typesetting is to convey information, so we should not only lay out the letters, but more importantly, convey and guide the information.

Step 3: Add appropriate minor modifications and commercial needs.

Just like the following, do you have the visual sense of a blockbuster?

Tip 3: Card suspension

Tips 1: The card floating layout is very different from the above two. The above two are more of an embellishment to guide users to discover information. The floating card is more of an auxiliary display of the main content and is an extension of the main content.

Tips2: The role of the card is different depending on the proportion of the entire screen. Generally, when the card needs to explain the content underneath, it cannot be used in a large area. The content is still more important and should be displayed in a large area.

Tips 3: When doing app design and web design, you need to consider whether more requirements can be displayed using cards. Here you need to consider development and future expansion needs.

So the model is still below. We use the third type of card floating to make her into an app page for buying clothes. Isn’t this a one-woman multi-purpose app?

Summarize

These three tips are used more frequently and are quicker to learn. I teach you methods here in the hope that you can practice more, learn by analogy, think more, look at the works of foreign masters and try to figure out their design ideas, because methods are dead, but ideas are alive.

Mobile application product promotion service: APP promotion service Qinggua Media advertising

The author of this article @Yjjj was compiled and published by ( Qinggua Media ). Please indicate the author information and source when reprinting!