Web Design Experience < Eight >20 design mistakes that are often made by novice designers

Many students asked to set up elder brother, why others font is so casual put on the spicy is good-looking, in fact, typesetting can have Brainiac, not casually put on the good-looking. This is like the color of the same, there are ever-changing learning. I believe that you have read Designschool this headline hot article, a certain amount of harvest.

Typography is one of the most important parts of design, and it's not just that it's easy to put beautiful fonts on a handsome background. However, the production of excellent typesetting is not easy, mined areas are scattered, a little attention on the flow of mediocrity. Too easy to ignore the details of the overall design, too much emphasis on visual and easy to ignore the functional, the daily misunderstanding of the more difficult to imagine. Therefore, today we summarize the layout of the 20 common mistakes in the design, to help you comb the daily design of easy to encounter typesetting problems.

and typesetting problems in parallel with the persistent is certainly the color, this book of the color trilogy do not miss the "designer's color theory: Do you really know the color?" "

1. Crowded text: Word spacing

This is a mistake that can easily be overlooked, where the word spacing is too crowded to reduce the readability of the text. Some fonts themselves will be sparse, or too tight, properly adjusted to an easy-to-read state.

2. Dense paragraph: line spacing

Line spacing is also an important factor affecting readability, too compact will be difficult to identify, but blindly pull the gap in the visual effect is not reasonable. The general line spacing is about 50% of the row height.

3, unreasonable stretching and compression

This is another common mistake where images, text, and other elements are not stretched or compressed in the original proportions, causing abnormal distortions and deformations.

To avoid this problem is not difficult, try to maintain proportional to the premise of controlling the length or width of a single element change, in the PS or AI and other software, hold the SHIFT key to stretch, in the web design, as far as possible according to the original proportions to set elements or control a single variable.

4. Ignore readability

As mentioned in the previous article, there are many factors that affect readability, but in many problems, ensuring that the basis for readability is readable-at least let people see the elements themselves. The use of white fonts on a black background generally guarantees readability, but the contrast is obvious, but if the font is too slender, the visual identification is very low. Fonts are too small, color contrast is not enough, too much transparency will cause similar problems, as long as you find it difficult to identify, targeted processing can be.

5. Reading comfort of text

The design requirements of the designer must not be confined to the "can see" degree. The title, the propaganda language uses the bold, the fancy, the decorative font has its function, but the long text body part is needs the user to read for a long time, must maintain the reading the comfortable degree. Font size, word spacing, and line spacing need to be handled carefully. In the traditional typesetting design, this part is more inclined to use liner body, for example, the Chinese newspaper in the use of the Boya song is a specially designed a set of fonts, liner, strokes meticulous, high recognition. However, with the design trends and changes in demand, the current multi-liner body, and need to consider the reading experience on different devices, so there are Apple and Siyuan blackbody.

6. "Orphans" and "widows"

"Orphans" and "widows" are terms in printed typography, usually referring to the short lines of a licensed column, a page header, and a footer with only one or two words at the end of a paragraph. In the text layout of the main design project, these rows or columns are very glaring, if you do not want to let the large white space to interrupt the continuity of the layout, the best solution is to fine-tune the paragraph width, spacing.

7, do not double-click at the end of the sentence space

This kind of input habit is not much in Chinese, but there are many people in English language countries have similar habits, after the end of a sentence to double-click the space to indicate the end, but in today's typesetting design habits, it is generally considered that such input is outdated and unnecessary. This spacing visually affects the fluency of reading and affects typography. Keep restraint.

8. Use too many fonts

This is the most common mistake for novices. The use of a variety of fonts originally for decorative purposes, but controllability is very poor and easy to cause visual interference, usually the number of font type control in two or three species is more reasonable. Too many different styles of fonts will make your overall style extremely difficult to unify, the professional is more difficult to mention.

9. Mismatched fonts

In addition to not using too many fonts, be aware of the use of coordinated fonts. Different styles of fonts used together will naturally give people the feeling of "painting The Wind Strange", distracting users attention, reducing the effectiveness of information transmission. Font collocation is between the science and art of a existence, it requires you to learn typography and font knowledge, but also need a part of the "designer's intuition" to support. In places where consistency is emphasized, the liner body and non-liner body should not be mixed, and in the case of posters, covers, and so on, it is necessary to mix the two or even more types of fonts, and the collocation of the liner body and the non-liner body is very important. Read more about magazines, websites and magazine layouts.

10. Ignoring content

It's important to choose a font and font style, but take a look at the content in your project first. Fonts are emotional, playful, rigorous, romantic, effortless, modern, retro and so on. If the mood of the font and design does not match the content, you will create a sense of disconnection and alienation, which will confuse the audience. Company report is rigorous, do not use full of childlike fonts or decorative fonts, full of tension on the poster with everyday ordinary font is also a design error.

11, form re-over function

This is also a cliché. You can follow the design trends of recent years, find a unique font design a group of cool and unique posters or banner, do the very art. But such a design may have dyslexia, and it takes a long time for the reader to discern its content, so this is the obvious form that is heavier than the function. If you decide to do so, it's best to balance artistry and readability--that is, its functionality.

12. Excessive emphasis

Sometimes you need to reinforce a part that will visually emphasize it and make it stand out from the whole design . There are many common tricks in the text section, italic, bold, underline, uppercase, increase font size, and so on. But do not use all the emphasis on the same text in the same paragraph, this will make it look messy.

13, full use uppercase

Again, this is a common design misconception in English. In the title of the full capitalization, this is no problem, the paragraph if I have to emphasize the place in the past with capital. But before you do, keep the most basic usage of the Conventions: title capitalization, text lowercase.

14. Ignore Hierarchy structure

In typography, the word hierarchy is an academic statement that distinguishes between the importance of text and different elements. For example, we are familiar with the newspaper, the title of the core, the largest size, text capitalization, bold emphasis, followed by the subtitle, font dot, text no longer uppercase, followed by the text, the smallest font. If this hierarchy is broken, users will be confused. Which is important which second, silly division is not clear.

15, not aligned

In the design principle, alignment is one of the most important items. Alignment will make the text arranged orderly and reasonable, visually unified and consistent. The combination of different alignments results in random spacing, unsightly and difficult to read.

16. Using the Alignment tool

The best way to get the typography aligned is to open the Alignment tool for the software, and now the typography and graphing tools have the relevant alignment aids to make your typography more uncluttered with their help.

17. Rough Edges

This problem is more common in English typesetting, the problem is not really serious in Chinese typesetting, such as Office Tools will automatically help you fine-tuning, and more professional typesetting software has the corresponding algorithm to help you solve. This problem in English typesetting is more, you need to handle the adjustment carefully, in fact, this is not a particularly complicated matter, it is important to be careful.

18. Add special effects

Adding special effects is a good idea, but it must be used in an occasional way. Many of its own font effects, such as 3D fonts, large shadows, and distorted effects, are easy to make the design look cheap and too fancy. Take a look at the popular design paradigm and refrain from the urge to add special effects at random.

19. Try new results in important projects

Testing new design techniques, special effects and interesting fonts in important projects is not a good solution, nor is it the right time, not even a professional designer to do. This approach is risky because the new approach is highly unlikely to be practical and reliable, and if you believe your intuition should also be a trial and error in other non-important projects.

20, forget the audit

Design needs to be strict, do not audit after the design is not responsible for the behavior. After the design, it is best to read through the full text, do spell check, to ensure that there is no grammatical errors, typographical errors, which is part of the design.

Web Design Experience < Eight >20 design mistakes that are often made by novice designers