Design Case Analysis: the emergence of QQ public welfare icon

Never extinguished love icon--Tencent Public Welfare Month donation program "QQ chief icon" birth

Tencent "Monthly Donation Program" advocates caring people, through the form of monthly small donations, long-term concern and support public welfare projects. And hundreds of millions of love with friends, each month 1 of love, drip pay, into the love of the sea, forming a strong public welfare forces, at any time to help people in need of help!

"QQ Public Welfare Icon" official debut, so that QQ users easy to achieve the public welfare desire to offer love.

"Monthly donation Plan" icon design is a major challenge, because the significance of giving it, is lit, will be ranked on the mini card first, QQ users of the "public pass", let love pass the entrance. Through it to condense 990 million QQ love power.

The small icon of this 16*16, entrusted with the burden, in the early design process, tried a lot of options, after all aspects of consideration, layers of screening, by pony personally pointing, and finally finalized this heart-loving heartbeat icon,: Red dancing ribbon used the original public welfare Network logo shape, Background a touch of warm yellow, symbolizing the spirit of the light, lighting countless children's life dream.

After the introduction, see more and more users of its hot and favorite, by everyone known as the QQ icon in the "Chief icon", which is the greatest recognition and encouragement to designers, now to review the "monthly donation" icon design process.

We have been thinking of the sapling (Bud, leaf) of the shape, symbolizing the love, being cared for, sowing the seeds of hope, so that love in each person's heart rooting germination.

Here is a preliminary attempt.

After the proposal, we can not see the shape of the appearance of the first eye difficult to identify the shapes of leaves (Fig 1 above).

The tree was then redrawn, the color of the stem was adjusted, and the strategy of Pixel edge was used to make the leaves jump out of the background, highlighting and easily recognizable. (Figure 2 above.)

The pixel brings another problem: too cartoon! So continue to optimize, weakening the edge, the size of the leaf position reversal, focus on the center of gravity, highlighting the lower right corner of the level of numbers (Figure 3 above).

At this point, on the basis of the plan, can think of the adjustment action is a pixel a pixel tried, basically no can optimize the space, thought it was done! But suddenly someone proposed icon color and our QQ music icon too close, easy to create confusion. It is true that there is interference in the identification of the icon. Similar shape, matching color, and placed in the same tool bar, it is difficult to stand out.