腾讯QQ爱心图标设计过程 -pc6资讯

您的位置：首页 → 网页设计 → 经验技巧 → 腾讯QQ爱心图标设计过程

腾讯QQ爱心图标设计过程 时间：2010/2/8 17:40:00来源：本站整理作者：我要评论(0)

腾讯QQ爱心图标设计过程：

    腾讯“月捐计划”倡导爱心人士，通过每月小额捐款的形式，长期关注和支持公益项目。并和亿万爱心网友一起，每人每月1份爱，点滴付出，汇成爱海，形成强大公益合力，随时帮助需要帮助的人！
    “QQ公益图标”正式亮相，让QQ用户轻松实现献爱心的公益愿望。

    “月捐计划”的icon设计是一次重大的挑战，因为赋予它的意义非凡，被点亮后，将排列在迷你资料卡上的第一位，是QQ用户的“公益通行证”，让爱传递的入口。通过它来凝聚9.9亿个QQ的爱心力量。
    这个16*16的小图标，被委托重担，在前期设计的过程中，尝试过很多方案，经过方方面面的考虑，层层筛选，由pony亲自指点，最终敲定这颗充满爱心意义的跳动的心形icon,：红色舞动的丝带沿用了原公益网logo的造型，背景一抹温暖的黄色，象征着心灵的光明，点亮无数孩子的生命梦想。
    推出后，看到越来越多的用户对它的热捧和喜爱，被大家誉为QQ图标中的“首席图标”，这是对设计师最大的认可和鼓励，现在来回顾一下“月捐”icon的设计过程。
    前期我们一直构想着树苗（芽、叶）的造型，象征着被关爱，被呵护，播种希望的种子，让爱在每一个人心中生根发芽。
    以下是初步尝试。

方案提出后，大家感觉造型看不清楚，第一眼难以辨认叶子的形状（上图1.）
    于是重新绘制了树苗造型，调整了茎干的颜色，采用像素化边缘的策略，使叶子跳出背景，突出显示，易于辨认。（上图2.）
    可像素化之后带来另外一个问题：过于卡通！于是继续优化，弱化了边缘，将大小叶子的位置对调，集中重心，突显右下角的等级数字，（上图3.）
    至此，在该方案基础上，能想到的调整动作都一个像素一个像素尝试过了，基本没有可优化的空间了，以为大功告成！可突然有人提出icon的配色和我们的QQ音乐icon过于接近，容易产生混淆。大家反复斟酌，确实对icon识别性上存在干扰。造型雷同，配色雷同，并摆放在同一个工具条上，很难脱颖而出。

继续奋战....

    保留上一个方案的思路，仍采用叶子的造型，去掉了背景色，和music的icon对比出差异化（上图1.），可自己琢磨后，感觉此方案造型单薄，含义浅显了一些，于是继续深入，将两瓣芽组合成心形，延展寓意。（上图2.）
    在确认每一个造型方向后，都尽力把能想到优化点做到最好。
    大家知道16*16的icon表现是有限的，一个四方格子，不能太满当，也不能太单薄，在造型和色彩融合上需要一点一点的润色，故此有一美名，叫绣花功，哎呀，功夫梦能否圆满？还得看大家点评……
    结果总是令人激动地~~~~，大家一致认为造型寓意不丰满，正赶上QQ农场菜园子收菜，放在菜地里正合适~~~~
    继续奋战.....

    延展上一个方案的思路，想到了树的造型，会更饱满，树干采用“You”的首字母“Y”的变形，托起一片新生和希望，强调每一位用户的参与性，为公益事业做出点滴贡献。（上图）
提案后，大家觉的有距离感，寓意虽然很好，但不够直观，色彩亲和力不够，并不能让用户从中感受到公益的力量和温暖。
    继续奋战.....

    这次换一种思路，跳出最初构想的圈子，苗、芽、叶、树本身就限制了icon的色彩，搭配工具栏的蓝色背景下，很难突出显示。何不保持公益的统一性，将现有镂空的logo造型重新包装，让它适合16*16的表现。(上图)
    事实证明，换一个思维，抛开原有定势，经常出去转转，总能找到出路的。

文章评论

查看所有0条评论>>