App example analysis of how to improve the product's temperament from the design details (force lattice)?

Note: The original title "Small Force lattice: details to improve temperament", several English net to the original title changes

Time is always in the spiral of development and change, the design trend is the same. With the development of flat design of mobile end, more and more designers are not satisfied with the dull combination of color block, icon and system font, and put more thoughts into the visual design of improving. From the graphic design extended skills at this time played a finishing touch of the role: some details of the processing for the mobile product interface greatly enhance the brand force lattice.

For example, the beautifully designed Yahoo two star app products Yahoo weather! and Yahoo Digest. In addition to the ultimate in product design and outstanding performance, fuzzy and oblique approach to the entire product brand temperament to a new height. Yahoo weather! Whether in the layout, the use of fonts and colors are exquisite and delicate, sliding when the Gaussian blur processing is smooth and smooth. Yahoo Digest A "broken", without affecting the photo content of the premise, can be visually distinctive, but also in typesetting cleverly for the color tag left a corner of the land. Compared to a knife flat, more smart and not lose the balance feeling.

Foreign excellent cases we have seen a lot, however, Chinese apps in visual design, often with the Western apps can not be compared. For a variety of reasons-such as the font of the mishap, even if the dots than the original less than many, such helplessness to the Chinese apps designers have a lot of trouble. But the Jiangshan generation has talent, and let us also pay attention to the side, summed up in recent years, some rookie Chinese apps how to design through the details, improve the product force lattice.

Choose fonts that match the product temperament

Font is one of the important weapons of designers, the appropriate use of the font, can make the product positioning and content of the feelings of double expression. About font selection and font and product temperament can refer to the other two articles, this is not much to say. ("English Font choice"/"Font and product temperament") but let a lot of designers troubled one thing is, no matter which platform, mobile system with the medium!!!!!!!!!!!!! Inline fonts have become a solution for some of the perfect app designers.

As an "exchange of stories, communication ideas," The writing platform app, Jianshu in order to optimize the reading experience, select the source bold as a built-in font, so that users published in either Simplified Chinese, Traditional Chinese, or Japanese Korean, can have a more ideal performance. Food color product concept is and "live home" together, discover and share the food in the city, so choose exquisite Exquisite founder Orchid Pavilion as the main interface font. The first time users use, you can feel it and other products in the temperament of different.

In addition to embedding simple affinity with the non liner body, such as Lohas joy live such as small fresh and stressed the natural sense of life products, will be selected from the tin's old style or founder Orchid Pavilion, such as the song, can embody the ancient rhyme, but also quite concise texture of the line font to express product positioning and temperament.

Skillful use of graphic design layout skills

As the saying goes, the more homely dishes test the chef's skill, such as tomato scrambled eggs. The more simple the elements the more test the designer, such as white on the black word, or black background. And the beauty of black and white, we can from the master of the original work of the works of profound experience. White flour above, black word is the word is also decorated, is the point is also the line. By adjusting the volume and spacing, the images are randomly formed to construct the rhythm.

Ideat, the ideal home app, inherits the idea of the French Ideat magazine to showcase the "contemporary life" content of design, art and fashion. There are almost no color elements other than black and white in the app interface except for the content picture. The white text, which is lined with black background, is both content and decoration, running through the whole app design element, adjusting the spacing between these words and other content, and playing as a point in typesetting, as a line, even as a different function of the surface.

Of course, if not the content-oriented app, not too much typesetting requirements, may wish to be like ifashion, or is the production of the selected limited food app-enjoy-so, through the direct black line, but also without a crisp.

Watermark Decoration for picture bonus points

The success of the watermark camera tells us that users also like to use water printing to enhance their image of the force, and as over so focused on the photo decoration app, text Watermark is able to sell a good price.

Use in the product interface, watermark-style problem picture will give people a bright surprise. "wow!" In a high-quality pictorial sharing app-big, each of the big newspaper's drawings have been targeted by the watermark text typesetting, and strive to allow users to see a larger world, found more "forced lattice" content. Although typesetting only text and a small amount of decoration, font and color of the overall feeling is strong, unified harmony appears very atmosphere.

More eye-catching poster-style sharing

In addition to the product itself, sharing is a way for more users to know about the product. If it's just a piece of text, is it a bit outdated? Poster-style picture sharing is a good way to catch the eye of passers-by in the era of information explosion, naturally also need more design skills. People who know about the app in the palace of the day are never going to be because of its name or any advertising, but because it's beautifully shared posters. Elegant and texture of the bottom of the map, with the antique font, people are not surprised that it reflects the historical sense of the imperial palace, but through a share of the modern atmosphere. The Daily Palace Museum is not a "Forbidden City", but "the Palace Museum today".

In addition, for users to produce their own content of the app, the user's pictures and text content synthesized in a good typesetting template, and then shared out, but also a way to show the design level. Every day the poster puzzle of P-map, is a functional poster-style sharing. Users will take their own photos, added to the design of the poster template, you can modify the corresponding theme and copy, the program can automatically identify the photo time, location, as long as the simple operation can be combined with a piece of their own posters. Through the poster to share out the photos, is not only through the design of the designer template to enhance the user photo force results, but also the quality of the user temperament and product mix after the results.

Shared with other similar posters, focus on the best friends recommend and share of the app night, but also added a small mind: through the Baidu translation API, the user input text into traditional Chinese, Japanese, Korean and classical, and with embedded fonts-such as Wen Yue Archaic imitation-show, Share the picture and don't have a flavor.

The moving interface is more powerful.

It seems that the traditional design (well, although I do not like this way of addressing) in recent years the limelight has been the interface design, especially the mobile design has been greatly overshadowed, but as the beginning of the article, the design trend is also a constant spiral of development changes. For designers, why and design is the most important, tools and methods are needed through. In addition to keeping up with the cutting-edge technology and design trends, reviewing the classics and examining life, cultivating details, is also one of the important ways to refine design concepts. Of course, in addition to graphic design elements, carefully planned video launch page (not animation!) Also for the product to make a lot of color, see enjoy Start Page, as well as the start page of the Universal K song, you have also been moved to it? (Recommended to download the app experience, or click on the original link to see: http://isux.tencent.com/small-but-big.html)

Sum up

The

Force lattice how to embody? is to simplify, small. To make a difference, you have to have a "heart" besides skill. Attentively from the details of the creation of product temperament, to bring users a sense of pleasure, brand recognition for the formation of a unique product gas field, and who can say is not a force lattice it?