快讯

视觉赏析:QQ旋风2设计历程(多图)

2009-05-22 09:42  出处:PConline  作者:Tencent CDC  责任编辑:zhuomingchuang 

QQ旋风2设计历程
图1 QQ旋风团队照片

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

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

  一、稳扎——前期调研

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

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

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

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

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

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

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

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

  QQ旋风Preview1 版

  设计风格:清爽、简约

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

  视觉风格确定:

  QQ旋风新面孔(logo)

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

QQ旋风2设计历程
图2 QQ旋风新面孔(logo)

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

QQ旋风2设计历程
图3 QQ旋风界面设计稿1

QQ旋风2设计历程
图4 QQ旋风界面设计稿2

QQ旋风2设计历程
图5 QQ旋风界面设计稿3

QQ旋风2设计历程
图6 QQ旋风界面设计稿4

QQ旋风2设计历程
图7 QQ旋风界面设计稿5

QQ旋风2设计历程
图8 QQ旋风界面设计稿6

  最终定稿

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

QQ旋风2设计历程
图9 QQ旋风界面设计稿 定稿

键盘也能翻页,试试“← →”键
本文导航
第1页:QQ旋风界面设计稿
第2页:QQ旋风皮肤设计稿
IT热词搜索 来源:360新闻
相关文章