APP icon LOGO design of the font design tutorial tutorial [unique]

Logo the design of many mobile APP icons are designed to convert some fonts. Such as the U.S. group APP icon LOGO, Alipay logo, Tmall APP icon APP icon logo.

If you’re interested, you can go to the top 100 APP on the APP store list. At least 10 of the APP icons logo are written in text.

App Store top 100 app list address:

Http://www.apple.com/cn/itunes/charts/free-apps/

APP icon design

And the source of inspiration for more APP icons: iOS App icon set, |iOS free icon download, -Iconsfeed

Here follows the 25 school Xiaobian to learn font design introductory tutorial case: [unique] font design.

 

Today’s theme is “win to block ten, simply omit the stroke font design, before we have to mention the” Gestalt psychology “, which is the theoretical basis we omit a typeface.

 

When we determine the requirements of mobile APP keyword, we need to analyze the background of font design.

Background analysis of font design:

The only two words give people a very simple feeling, therefore, in the process of design, I removed some of the more complicated stroke structure, so that strokes easier. China has the “life two, two birth three, three things” theory, we automatically compensate the missing strokes through the vision to achieve this effect, increased the connotation of text.

Two

Choose different fonts, font design is not the same.

We can play with “only” two words on the computer, look at the stroke structure, we can find the font in painting and painting primarily vertical cross.

Three
We put the two strokes in the “only” word, so that the strokes are more unified.

Four
Use the rectangle tool and the font skeleton structures, more simple strokes.

Five
The bold strokes, and reduce the font weight, make it a sense of stability to people in the visual.

Six
Next we tried several ways to omit the font, the first structure is very chaotic, rhythm is not in place; second overall good, that point to the “implied” role, let vision will automatically complete the third strokes; no hint of strokes, do not see is “only” fourth characters; and third similar, do not see the graphics or text strokes, omitting too far.

Seven
By contrast, we chose second to optimize. The distribution of stroke thickness is re adjusted so that the strokes are consistent in visual sense, and the gray scale of the font is more average.

Eight
In general, the stroke intensive place to adjust the fine strokes thinning of the place to be bold, adjust the above after stroke, respectively with numbers and letters to represent the corresponding strokes, careful observation you will find that the differences between them.

Nine

To further standardize the use of font auxiliary line, reasonable arrangement of font spacing, make it more overall.

Ten
Font font specification complete, after the more engaging than the original.

ElevenTwelve

The 25 school here is just talking about it. More font design tutorials can go to font legend website and Jingdong master road font design enhancement chapter.

Content source: http://jdc.jd.com/archives/1161

Other related font design tutorials are available:

The design of mobile APP HD screen font selection and font design principles five

2 font graphic design tutorial examples | font design tutorial

Super awesome video Chinese font design and font design tutorial

Leave a Reply