以用户为中心的设计

这是UCDChina提前预览网页留下的存档,不包括作者可能更新过的内容。
推荐您进入文章源地址阅读和发布评论:http://webteam.tencent.com/?p=1240

Qzoneing主题视觉设计分享

作者:柱子  |   发布: (编辑)稻草   |   时间:2009-07-20 22:26:37 文字大小:- +

2009年 6月6日,空间4岁啦!

与此同时Qzone月登录用户2亿,同时在线用户也突破了1000万。这是让人欢欣雀跃的数字,在空间同事眼里,空间的成长就像是自己孩子的成长一样,并为孩子取得的成功感到喜悦。为了分享这样的快乐,设计师参与了产品同学策划的Qzone庆生活动负责为活动设计logo、海报。

由于项目时间紧、视觉质量要求又比较高,产品同学希望拿到更多的设计形式来进行挑选,还特意向组织申请了一部PSP做为奖品,这大大的提升了大家参与这个集体项目的积极性,虽然需要在业余时间完成,但是有趣的形式和诱惑的奖品还是刺激起了大家的激情。经过Qzone设计师内部的讨论,我们商量出先由设计师们各自完成一款logo设计demo,待logo确定后进行海报的设计工作。下面先展示一下logo demo的部分效果图:


从设计师完成的几款logo初稿中惊喜的发现,构思和元素选取上有异曲同工之意。空间logo中的五角星,星球和代表”Qzone”的Z被从新表现和诠释不同的气质。加之彩带,光环和欢庆的元素的结合表现着庆典主题logo的欢庆氛围。
经过讨论决定采用第一套方案。不过需要进行些优化,比如初稿中的丝带显得不够飘逸,整体色彩不够明快,文字的造型质感不够细腻。设计师对logo进行了后期的修改和质感的处理,为了方便后期运用于印刷,因此选择在AI里根据设计初稿重新绘制。经过一些细节调整之后,下图为Qzoneing logo的定稿:


在构思logo的设计时,首先把现有的能代表空间元素和发散想象的与活动主题相关的元素都罗列出来,比如空间固有元素星球、五角星、代表”Qzone”的Z;结合活动主题构想的元素有文字“Qzoneing”、彩带、光环、皇冠等等;接下来就是这些关键词视觉化并相互碰撞组合成新的图形。把觉得满意的构思从草图中筛选处理进行绘制。

Logo选定后,由菜花同学跟进活动海报的设计。
如何体现Qzong特色和反映出生日、突破千万的庆典氛围又不失简洁大气,一目了然的设计是设计师面临的难题。在经过几次头脑风暴后,最初的一个构思是从空间进行时这一主题入手。将“ing…”拆分为四张海报表现,单张海报有独立的创意点,合在一起后又能反应出空间不断成长,不断发展的意义。


这样的表现形式得到了大家一致认同,不过“ing…”代表什么意思呐?恐怕很难让人马上理解。形式很好,内容需要优化!因此我们沿着这个方向发散,从内容上考虑新的表现。就这样地球村的想法孕育而出。空间SNS平台联系着千万用户,我们在空间里写日志、贴照片、停车、种水果、买卖好友…地球村这不正好是Qzone最好的表达吗?想法出炉后,时间紧迫,熬夜是必然了。星球、绿地、树、房子、道路,地球村渐渐有了模样。

 
接着把Qzone的应用元素与地球村融合,困难又迎面而致。Qzone的应用元素风格各异,而且数目很多,砌在一起后感觉很乱,为了解决这个问题。选择尝试了不同的排版形式,从星球发散出图形,图形围绕星球等等,这样在解决了画面零乱的问题的同时,也使得画面有了不同的沟通样式,丰富了整体的效果。

大功告成!
大家从接到设计任务、讨论、构思到制作、修改,每一个过程都融合着设计师的认真和努力。更重要的是这个过程是Qzone设计师们集体辛劳的结果。在设计的每一个阶段都得到了组内设计师的帮助和建议。特别感谢的是LeungweiChao、柱子、产品等各位亲爱的同事的建议与技术支持。

设计小贴士:进行大型活动主题的设计时,充分的讨论,提前收集相关元素,构思完善风格,从相对易把控的内容或者想法比较成熟的地方现开始,这样在设计过程中更容易找到突破口,时间把控程度更高。

文章撰写:柱子/菜花

更多
打印  |  类别:视觉设计  |  源地址

UCDChina的书

《UCD火花集2》封面
UCDChina编著,定价35元
从卓越网购买 从当当网购买

《UCD火花集》封面
UCDChina编著,定价25元
从卓越网购买 从当当网购买

《应需而变——设计的力量》封面
UCDChina团队成员JunChen译,定价29元
从卓越网购买 从当当网购买

《网页设计解析》封面
UCDChina团队成员周陟著,定价62元
从卓越网购买 从当当网购买

《赢在用户》封面
UCDChina团队成员Angela译,定价29元
从卓越网购买 从当当网购买

《用户体验的要素》封面
UCDChina团队成员Angela译,定价25元
从卓越网购买 从当当网购买