User Experience Design Tutorial: Graphic design of the title design skills

Source: Internet
Author: User
Tags key words

Web page Production WEBJX article introduction: the design of title text in visual design.

Before I put the graphic design of the visual presentation is divided into: composition, tone, elements and content of the four major components, so I divided into four parts, which elements are divided into the title, the main body and three parts of the scene, today is about the title part. Before you talk about the title design, let's talk about the basic premise of these four parts:

Order

Goal
What do we do for a design? The company asked visual designers to do art packaging ads for what?

Money!

Purpose
Our company is a listed operating company, the company exists to profit in order to make money, we visual designers are packaging, we aim to the company's product art packaging well,
Let the user have the vision to enjoy, the better guidance goes to spend, earns the user the money, therefore, we do is the commercial design.
Users agree with us, can let art guide them to more happy to browse, to consume our products is our success.

Therefore, business design must be based on the user's point of view.

Good design habits
Because our design is from the user's point of view, it is recommended that each time the design is completed, first ask yourself, you can ask others to test, if you are the user, see if this design attracts you, whether willing to read down

Characteristics of the user
Most people are always busy, life in a hurry, the general outside of the offline advertisers to see not more than 3 seconds, what can let their eyes stop? Network information Dazzling, how can you quickly browse and click the user to stop the view? In fact, you are all users, ask yourself-it must be a visually compelling advertisement that attracts your attention, as well as advertising text that you are interested in. Online advertising is mainly based on banner, the reason is the same, can let the person who walks to keep sight, can let in the neighbor Luo everywhere to browse the website user to stop the line of sight advertisement, must be sufficient visual impact and capture force plane main body, another is to highlight the sensitive title and key words.

Title text article

Graphic Design In addition to the visual to give people a beautiful enjoyment, more important is to the vast number of consumers to convey a kind of information, a concept, so in graphic design, not only pay attention to the appearance of visual beauty, but should consider the transmission of information.

The title is mainly to express the advertising theme of the essay, general in the graphic design played the role of the finishing touches, to obtain the instant effect of the impact, is often the use of literary techniques, to lively and exciting short sentences and some image exaggerated methods to arouse consumers desire to buy. Not only to win the attention of consumers, but also to win the psychology of consumers. (Referencing the net text)

The most basic requirements of the title:

Clear


Excuse me, three seconds above banner who can see clearly write what? Who can hold the eye?

The three main characteristics of the title:

Logic

The title choice should be concise, easy to remember, the general strength of the phrase, not necessarily a complete sentence, there are only brilliantly words of the phrase, but it is the most important part of the advertising text.
Title text is not suitable for too long, often three or four words for a pause, as a designer, to know how to refine the title of the primary and secondary and grammatical logic, so that the audience can read a sudden catch goods expressed meaning, such as: I believe I can fly! Design time, you can refine: I believe, I will fly, refined immediately understand the purpose is that I can fly; everything is possible, pause should be: all, all possible; technology people-oriented, pause should be: technology, people-oriented, technology how? is people-oriented;

Accurate text extraction, so that users can quickly capture the key words.

315 topic "Fake let me very uncomfortable" this title, highlighting the word should be fake let me very uncomfortable, immediately know false, but, if in order to indulge the effect and make a fake it makes me very uncomfortable, it becomes false is cool

There is the title Word pause goods focus on the color of the match, text change or color changes will also cause misunderstanding. So please note that refining the key text logic and refining the pause skills, directly affect the information effect.


The above picture is not explained by the designer, I thought 33626 is the telephone number, what call sets out to rent? The original is 33626 suites, so the design time is not separate.

Integrity of 

General Advertising language title in the design of the general use of basic fonts, or slightly change, and should not be too flower, to strive to eye-catching, easy to read, in line with the advertising performance intent, in the form of the title text to have a certain symbolic significance, stout and beneficial black body to feel the delicate, suitable for electrical appliances and light goods; round head with Curve, (a) Suitable for women and children in commodity applications; dignified and honest old song body, used for the traditional commodity logo stable and with a sense of history; elegant and beautiful new song, suitable for clothing, cosmetics, and italic character to the screen brings a sense of wind, bring a dynamic. (Referencing the net text)

Title text design try to use the same font, in the graphic design of the title text to be highlighted in the layout, so the integrity of the title is particularly important, if you encounter too much text, if the overall binding is not strong, then in the point more than the face of the visual will appear loose force, can not withstand the field. More often, the title is actually better than a face. Show a few positive examples of different styles:

The number of fonts is best unified in 1-2 kinds, in English as a combination of lines

The combination of the main subtitle

More entertaining title design, in the clear premise, no matter how complex the background, are
Can highlight the overall title, then one of the simple techniques:

Take a look at several notable examples:
Before modification

Do design should always look far away, or they will be bound in small space, like painting plaster, the overall positioning, the separation of light and shade, and then the details, the process of the eyes and ideas are always constantly in the mobilization of the whole. Reason, as if the above example, do not grasp the whole to design works, there will be "infantile paralysis" effect
After modification
On the headline, at least it looks as if the piece of text is a whole clear


More than 2 kinds of Chinese characters, there is no overall title design, do not say 3 seconds to catch eyeball, that is, slowly look, are not clear should read that sentence first, after that sentence; designers and reviewers should be aware that all negative designs displayed are not allowed to occur in mature companies.

Here are some examples of the overall title:
Ago
After

Ago
After

Ago
After

Ago
After

In the design of the title, if the text too long should branch, where the grammar pauses to do some relevant details of the word, as far as possible to combine the point of the text into the surface, plus the details can be modified by their own decoration, that the integrity and sense of taste came out

Guiding nature

Title in the entire layout, should be in the most eye-catching position, should pay attention to match the needs of illustration modeling, the use of visual guidance, so that the reader's eyes from the title naturally to the illustrations, text transfer. For example, the United States used basketball superstar foot wear "Nike shoes" on the field to fly a leap, to "who said I can not fly!" "Exclamation statement, the title and photo into one, the image of the boast of the quality of shoes, people feel lively, formed their own personality. (Referencing the net text)

For example, the screen is a person loudly with the speaker to say the title, then the title should be from the drum began from the fine to the big, perspective from oblique to direct performance more vivid, if only in the next text, will be dull a lot, in the guide on the former has no vitality


The guiding title needs and the picture interaction is bigger, also is more vivid

The effect of the word-coining

Text is always written in a flat or ad, but we use our own designer's artistic sense, to change the text into a graphic, will appear the finishing touches of the effect of the word is point, layout is the line, plus the focus of the word refined out, change to let him become a map, then dot line without me to know is the eternal Union, They actually have fun and challenges, but also a sense of achievement, in the word-word, first understand the subject of the content, according to the content to change,
For example, the following examples

(This work is the first draft, overall or incomplete, because there is no correlation between the title and word-formation, here is the role of words)

The Asian Games Torch is called the trend, but the design of this body when the torch two fonts and changes to the image of the flames, is undoubtedly the latter performance is more vivid and appropriate. can also reach a few seconds to spread the effect of eyeball, the key is that Chinese characters are very Chinese characteristics of the seikkyi elements, it is worth to become the foundation of Chinese characteristics design.

I personally support the designer to use the Chinese character of the special code to express the title.

Many times, the title of the design more should be a face, in fact, the title of these characteristics around us casually can refer to the magazine cover, the cover of genuine games, the title design of the logic, integrity and guidance are very good, suggesting that we see more think, If a designer walks on the street and combines what he sees into the composition of his heart, it's easy to put that into your personal style.



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.