The legend of the director: Graphic design-the connotation of not far-fetched

Source: Internet
Author: User
Keywords Lenovo we nbsp;

Lenovo, not to say that Lenovo Oh ~ is a psychological activity of people, this psychological activity allows people to the world has a natural understanding and expression.
Through the understanding of natural things and the evolution of the abstract, people create a lot of graphics, words to express various meanings, to convey information to others.
People continue to accumulate experience, the characteristics of Lenovo experience has been deepened and intensified, prompting the development of the design activities of the expression.
To this day, we have been able to use the previous Summary of Association Law (Similar Association, Proximity Association, Contrast Association, causal Association) to display the design, to our users to convey a variety of information.
But......

Other people in the heart of Lenovo activities, we have how much control ability?
We can have, we must have!

This article will share three questions:
What makes people associate? &http://www.aliyun.com/zixun/aggregation/37954.html ">nbsp; Elements of graphic design (tiles)
How do you direct people's associations? Design Process (crafts)
What kind of spirit to director Lenovo? Design Principles (centroid)

Graphical design of "relative" many, such as information graphic design, information visualization design, visual communication design and so on.
We can say that they are all related to graphs, meaning, data or logic. In the final analysis, they are to convey the information intuitively, accurately, quickly and clearly to the people in order to gain understanding and empathy, and even quickly be remembered.

In order for people to really associate with the director and understand what we mean, we need to study and understand the following:

We typically use different visual elements, representing different data and information dimensions, to organize these meaningful elements into diagrams, and to control one or more element variables to reflect the correlation between data information.

Different information for different graphic design

1. Simple Objective-image characterization

2. Simple meaning
You can solve the problem by using the base histogram (or pie chart, etc.) and the concise diagram, as in Example 1 and 2 above.

3. More complex logic or content
To express our "designer's Day" (the original image is too large, here a little smaller to put up)


haha ~ can you list all the information points here?
......
In short, the various elements of the collocation and use, according to the actual need to co-ordinate arrangements, to achieve every detail are reasonable arrangements.

1. Our first eye to let users see the clues, must be clearly protruding.
The information to be put into a graph is at least associated with a thread that runs through the whole. This clue is often the subject of this diagram. The information organization depends on this clue.
As a "designer's Day", the clue is one day at a time, so I follow the clock's scale to correspond to what each period will do, and mark out four time key points.
Speaking of which, a small case:

This is a friend "with my Story" module, designed to tell me what the friend and I have in common, of course, is actually want to create perfect information and interaction opportunities.
You can also experience, it hidden in the official version of the QQ2011, the other side of the Information Card window.
To say, the original plan is not Rainbow Bridge, is a friendship tree, please see:

The original idea of the designer is the friendship tree between the two friends, the roots of the abstract extension of the root system, each root branch of the end point to a property, meaning that nutrients supply the friendship tree growth. When the property is at the same time the root is green, when the attribute is not simultaneous the root is grayed out. The more the two people have the same attributes, the more nutrients they have, the more tree roots are green, the more lush the trees will be.
Evolution during initial interaction:


More and more rules and simplicity.
But the "friendship tree" that is abstracted to organize a bunch of data is getting weaker. The weakest and strongest performance is set:

The weakest time is only two leaves of the bud, but to drag a good lump of "roots."

According to the interactive scheme, the lines are simple, the color is simple, the feeling of flat is lighter.
But the grey and green roots are not well identified, and when Gray is too much, the negative emotion that may be caused to the user is not well convergent.

More stressful is, visual processing, in order to avoid the disharmony of the page separation, removed the "horizon" feeling, the separation of the ground, the underground boundary is no longer, small bud was swollen expansion of the root of the flood, the overall expression is not obvious.
At this point, the result is more difficult to associate the clues to the diagram, and the real meaning behind ...

Later, the intention to change, the use of Rainbow Bridge to symbolize the friendship between the two, rising to the sky a property bubble. The more the same attributes, the greater the curvature the Rainbow Bridge spans. Not over the part of the gradient to the white low saturation, so that the main goal is large enough, the same degree of identity is easy to identify, the page color is full up, and avoid the disharmony of the page segmentation, is a relatively successful one optimization.

Back to the summary:
The clue of the topic is the beginning of people's condemnation of the association understanding. If other people even the clues that you are the organization of the information is not understood, then there is no way to think of the logic of your diagram, this figure is white.

We organize them into a clue in order to express a bunch of complicated information succinctly and clearly.
Sometimes a subject (such as the "Friendship Tree" and "Rainbow Bridge" above) can be condensed for this clue to carry the logical relationship of the information.
The condensed body, is the first to stand out, from it, the user is observing the information and its relevance, better understanding of information and logic.
If you are projecting information to extrude information, what is the main purpose of this subject?
Therefore, Lenovo's process needs the order, needs the Director!

2. We arrange the "plot", must conform to people's cognitive understanding and objective law, close to real life experience.

For example, on the feeling of color:
Color in the application, is the use of people's psychological awareness of the law to strengthen people's association and understanding.
such as Orange is warm corresponding to hot active;
Blue is cold and calm, corresponding to inactive.
So orange to blue transition gradient, naturally become a people's understanding of ideas, he will very consciously feel your meaning.

For example, the order of events:
In the description of the process, if we figure the protagonist is a faucet, using it to series process, that is
Start from the handle, followed by the rotation point, faucet, outlet, and eventually go to the outflow of water droplets.
It is impossible to come backwards, otherwise it does not conform to the logical order of objective facts.

For example, the continuity Association of a situation

In the actual project of QQ related design, we usually make individual information of a user appear independently, but we often intend to let the user compare with others ' chart, then let them feel the difference and fun.
So there's a problem--how do you feel when the user doesn't see the other person's chart, what stage or grade does he have? How else would he have taken the initiative to compare?
Look at the case:


This is the QQ profile graphical expression design of a process plan (the final plane dropped).

Our intention is to "user QQ value" an image of sustenance, while satisfying the strong and weak contrast between the user expression.
At first I want to use a fruit basket expression, the higher the value of the melon species richer, the number of more, so that users see their own basket of things will be relatively accurate sense of the QQ is what the situation, there is no let him excited.
But the idea of brand continuity has not been taken into account, the implementation also has difficulties, inconvenient background drawing, if the pure map, 10243.html "> visual designer's workload will be increased in vain, so give up."

Later, when thinking of animals of different physique--feeling too bad with our brand, when users see only their own charts, there is no natural continuity between independent animals in state, making it more difficult for users to imagine a clear comparability with others.
The thought of different sizes of birds (the ones above)--consistent on species, and a certain continuity between images--is too bad for our brand.
Finally decided to use the different age of the QQ penguin-finally tightly buckle our own brand, and from young children to the transition of the state of youth has a good continuity, strong association, when users only see their own charts, no matter what period of the penguin, he can associate to the corresponding state. And it is easy to stretch the thought of what kind of state, he has to do something to improve their QQ overall value.
The first draft of a small penguin painted by a visual classmate:


In short, any detail in the logical expression should be as close to the facts as possible. That is to say, the connotation of graphic design is not far-fetched.

Conclusion:
In the current work, we have not encountered a very complex, huge data systems need to do visual design expression.
Previously contacted the project, id.qq.com new version of the personal QQ profile, friend View statistics (age distribution, gender distribution, geographical distribution), client friend card "and my Story" (Friends with attributes), etc., are also the expression of simpler information groups. (To tell the truth, these requirements are relatively superficial, but first of all, simple works well ~) design process we have gone through a detour, there have been entanglements, here as a cautionary tale, for the later to analyze the reference.

The above article provides you with some key words, do not expect an article can catalyze a group of Daniel.
Want to know more you first Baidu Encyclopedia make up, and then slowly broaden, in-depth, search for your knowledge of thirst.
Finally, look forward to your thick and thin hair!

Over ^^

One of the external cold jokes:
When I use the word "Lenovo" to search for the picture material I need ... I was devastated.

(This article is from the Tencent CDC Blog, reprint, please indicate the source)

Related Article

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.