Web Interaction Design: "Small fresh" style of visual expression

Source: Internet
Author: User
Keywords Popular

Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall

  

"Small freshness", a new term that has become popular in recent years, is used to describe a cultural phenomenon, to define the style of a class of music, literature, 1980.html "> Photography", and it is also derived from the appellation of those who love such styles. In peacetime work often can hear a familiar conversation: "A certain design style is very small fresh ...", "This color is too small and fresh not very suitable" ...

In fact, as a 10243.html "> visual designer, I have been puzzled by this kind of style in the visual performance, what kind of design is a small fresh feeling?" Is it just a sense of ambiguity? During a recent operation sharing training, there were also operators asking me, How can PS has a small fresh style of the picture, which also caused me to this kind of visual design performance of in-depth thinking. The following is a few aspects of my collation, to help me extract this type of style in the visual performance layer of the key points, just a little humble opinion, a little design sentiment.

First of all, what are some of the most distinctive or representative elements in the "little freshness" we can see?

So I found a lot of pictures with "little fresh" tag, found that women are always the highest frequency in this type of style picture, whether it is the back or the legendary 45 degrees angle, there are travel elements such as old-fashioned suitcase, railway, backpack and so on, as well as micro-cameras, sunshine, distinctive still life and other elements, And in the photographic technique, the big aperture, the intentional excessive exposure, the backlighting photography, the random lomo style and so on.

  

Secondly, in addition to the common elements mentioned above, color is of course an important aspect. But from the "small fresh" literal meaning to understand, her use of color is a faint very refreshing that kind of color? I did an emotional version of the analysis through her and 2 other keywords, and colorhunter the site to extract key colors and fine-tune them to find color changes.

  

Once again, through the emotional version of the analysis of extraction with color, found it really "small fresh" visual color, the saturation of the color is not high, and from the whole color stereo model, she is in the bottom of the highest position of the lightness axis, is with the gray tone, this perhaps in order to better display such visual style unique, or nostalgic or sad feeling. The following figure is an example of two color models:

Cold color

  

Warm color

  

Finally, we encountered in the Web page design "small fresh" design style, the specific performance in what place?

1. Color, the above has mentioned this style in the color stereo position, she is also the user to obtain information in the process of the fastest to let users feel.

2. Page frame, according to the above analysis, such design style for the layout of the page frame is not stingy to use white, or simple lines to the relationship between the module segmentation, in such a design style, the individual feel watercress, netease impressionist have done quite good.

  

3. On the texture, "small fresh" design texture is lightweight, or simply abandoned the use of texture, replaced by a clean and tidy large color block.

4. Graphic elements and texture, as much as possible using a simple way of expression, such as graphics chamfer, icon, etc. are simple, but without losing the details. In short, the design style depends on the positioning of the product itself, the style must match the product itself.

Recent feeling is very impetuous, write articles can practice heart. Will be a holiday, take this blog post as a point of time before the summary of the design experience, is not a master design, just a mixed design circle for many years old, the article may have the place, but also please smile.

Source: http://www.aliued.cn/

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.