视觉赏析：QQ旋风2设计历程（多图）

图1 QQ旋风团队照片

　　2006年腾讯第一款下载器“超级旋风”诞生了，在伴随用户的4年中，主要的精力投入到完善性能和资源上，随着市场上各类下载产品的日渐成熟，用户的要求也越来越高了，为了让用户有更好的下载体验，QQ旋风是不会安于现状的，在确立“创新”的领导地位后，将行进路线作了梳理，化繁为简地归纳到几个关键词上：稳扎，稳打，提升。

　　于是一场浩浩荡荡的“改革”开始了……

　　一、稳扎——前期调研

　　通过数据分析和用户调研。结合QQ旋风本身的特点，团队制定了产品设计的方向：

　　·资源中心，实现找资源、下载、播放、分享一体化。

　　·资源结合紧密，在软件内实现搜索、下载、分享一站式服务。

　　·突出排行榜，热门资源一步到位。

　　·简洁美观 ，操作简单，无过多的干扰元素。

　　·简化下载步骤，点击即开始下载。

　　QQ旋风愿景：打造高速、小巧、绿色的一站式下载器。

　　二、稳打——QQ旋风改头换面

　　QQ旋风Preview1 版

　　设计风格：清爽、简约

　　受QQmusic的启发，设计了资源库（小旋窝），我们希望做到一站式下载，闭环搜索，这里用户可以流畅的查找、浏览和下载资源，避免弹出过多的网页，提升下载过程的体验。

　　视觉风格确定：

　　QQ旋风新面孔（logo）

　　采用稳重的正面角度，速度的仪表盘和箭头曲线造型，打破圆的呆板，并隐含着“Q”的字母造型。使用的元素和造型表现了下载的飞速。

图2 QQ旋风新面孔（logo）

　　邀请了设计中心三位实力视觉设计师：小花、骑士、Mojo大人进行视觉竞稿，输出6组设计稿。设计关键字：亲和力、时尚、轻快、腾讯。

图3 QQ旋风界面设计稿1

图4 QQ旋风界面设计稿2

图5 QQ旋风界面设计稿3

图6 QQ旋风界面设计稿4

图7 QQ旋风界面设计稿5

图8 QQ旋风界面设计稿6

　　最终定稿

　　经过多次专家评审、用户意见收集，最终选用B方案：延续腾讯产品一贯简约风格，色彩区块分布合理，轻巧大方，操作性、扩张性强。

图9 QQ旋风界面设计稿 定稿

　　三、提升——用户调研+交互体验+视觉设计不断优化……

　　QQ旋风Beta1 版

　　QQ旋风整个过程都有用户参与其中，Demo版本完成后，我们邀请了用户到体验室做现场体验，总体评价良好；且在用户的帮助下发现了不少体验上的问题。

　　在后期版本的优化中得到了优化。因此您的热心参与对提升我们的产品体验，是非常有帮助的。

　　默认皮肤选定

　　每次的设计都不是偶然和随意的。默认皮肤的选定，也综合考虑了QQ旋风的产品定位和发展方向，才确以较为沉稳大气的深蓝色作为主界面的颜色。

图10 QQ旋风皮肤设计稿

图11 QQ旋风皮肤设计稿 定稿

　　QQ旋风新春皮肤版

　　悲喜交集的2008年过去了，特别推出新春皮肤版本，给大家打打气，祈求新的一年我们会更好！

图12 QQ旋风新春皮肤版

　　QQ旋风2正式版

　　经过了大半年，今天QQ旋风正式版终于发布了，YEAH!!  

图13 QQ旋风2正式版

　　后记

　　感谢在论坛上、blog上给QQ旋风提出宝贵的建议的朋友，谢谢你们的关心。您的热情参与，您的宝贵建议，是我们提升产品体验的重要保证。让我们联手打造极速、简约、清爽的新一代下载工具。

　　QQ旋风团队任重而道远，因为我们才刚上路……

　　旋风团队的兄弟姐妹：

图14 QQ旋风团队合照

　　（注：原文标题为“我们在路上——QQ旋风2设计历程”，转自Tencent CDC 博客）