QQ音乐2012(贺岁版)设计总结

标签: 交互设计 视觉设计 设计总结 音乐 | 发表时间:2012-04-24 04:21 | 作者:CDCer
分享到:
出处:http://cdc.tencent.com

写在前面
  早在2011年7月,QQ音乐2011beta版的发布便确立了用品牌色–绿色,做为QQ音乐客户端的默认颜色,绿色代表和平、希望、生长和环保,对QQ音乐的品牌形象有积极的正面意义,此外,纵观竞品,常见的客户端配色多为黑和蓝,用绿色也较利于提高产品的识别度。QQ音乐2012贺岁版的视觉,也是围绕绿色和细节进行全面的体验优化。项目从去年12月31号开始,进行了为期15天的高效设计和快速迭代。

改变工作流程
  整个项目时间非常紧张,由产品发起需求–交互–视觉–开发的传统流程无法适应项目进度,而由设计师发挥最大主观能动性,与产品、开发无缝对接,减少沟通成本,并驱动实现更适合的体验。

设计理念
  从对用户听歌时的心情和感觉的研究结果来看,发放的2000多份问卷中,有41.6%的用户选择“清新”,排第一位,其次是“阳光白云飞翔”和“忧伤”。因此,整体的视觉风格的关键词定义为:清新、精致、绿色,希望给用户营造一种自然纯粹、融入万物的感官体验。


绿色的重新提炼
  绿色是一种非常灵活的色彩,在色盘上偏向黄色部分的绿色感觉比较温暖,而偏向蓝色部分的绿则显得比较冷。在项目初期,针对不同感觉的绿,做了几稿视觉输出尝试,邀请了周围的人来选择,从中也有一些有趣的发现,比如男性比较喜欢明度低的深绿色,女性则偏爱明度高的嫩绿,另外,性格内向的人喜欢饱和度偏低比较灰的绿,而性格外向的人则喜欢饱和度高更纯正的绿色。
  

  经过反复比较,结合界面和图标的配色,以及希望传达给用户清新自然的感觉,最后选择了用最接近春天,偏暖的绿色,做为客户端的基准色调。

 

图标的优化
  重新绘制的图标,更强调造型的饱满和所有图标的均衡。在质感上打造单色、轻薄、边缘清晰而不锐利的视觉体验以适配换肤。光源统一为90度向下。

 

界面的优化
  1.质感的打磨:调整质感的轻重,对线条进行弱化处理,让面板的更加透气和细腻。
  2.头部布局:优化业务入口,对负载的功能做减法。

  3.文字和图标的排版:寻找四个方向对齐点,使之平衡、整洁。

最终效果:

后记
  距离发版已经过去2个月了,从收到的反馈数据看来,效果还是比较理想的,日听歌用户数和安装覆盖率较之上个版本都有显著增长。最后感谢开发同学在视觉还原上的耐心配合,感谢产品经理的理解和支持。
  自然赋予万物声响,音乐是人类献给世间的第二自然,QQ音乐做为感情和思想的传递者,希望能将最完美的音乐体验带给大家,这次改版,是一轮经验和力量的蓄积,在用户体验的道路上未来我们会做到更好。

(本文出自腾讯CDC博客: http://cdc.tencent.com/?p=5513)

相关 [qq 音乐 设计] 推荐:

QQ音乐2012(贺岁版)设计总结

- - 腾讯CDC
  早在2011年7月,QQ音乐2011beta版的发布便确立了用品牌色–绿色,做为QQ音乐客户端的默认颜色,绿色代表和平、希望、生长和环保,对QQ音乐的品牌形象有积极的正面意义,此外,纵观竞品,常见的客户端配色多为黑和蓝,用绿色也较利于提高产品的识别度. QQ音乐2012贺岁版的视觉,也是围绕绿色和细节进行全面的体验优化.

QQ HD(iPad)2.3抢先发布:新增Mini QQ音乐

- Lee Jia - cnBeta.COM
QQ HD(iPad)2.3版本火热出炉. 新增Mini QQ音乐;支持选择图片涂鸦;支持视频中新消息提示;支持删除好友,清除全部聊天记录. 更多细节改变等你发现,新版本已提交Appstore,现已在官网抢先发布,快来下载体验吧.

QQ阳光牧场3D 设计分享

- Howard - 互联网的那点事
QQ 阳光牧场,作为腾讯首款3D社区游戏,如今总算守得云开见月明,在 Android 平台发布后,即将登陆 iOS 平台.   在这欢乐的时刻,要特别感谢一下参与项目的 CDC 无线组同学们. 阳光牧场想要传达的感受,单纯而直白:阳光,清新与快乐. 一份久违的宁静,清爽与快乐,也是忙碌在都市生活中一点小小的慰籍.

QQ欢乐斗地主设计分享

- 地安门城管 - 互联网的那点事...
Hello,大家好,我是无线新人设计师echo,第一次做项目分享心情鸡冻的hold不住. 出炉不久尚未烤熟经验尚浅欢迎拍砖. Symbian的夕阳时代,无线手机休闲游戏却依托着越来越强大平台、大展拳脚的设计为我们带来了许多意想不到的创意和惊喜,字里行间都透露着设计师的细致与智慧. 欢乐斗地主作为一款年代比较久远的产品,是我们休闲游戏线的核心,也是是用户规模最大的产品之一.

手机QQ浏览器Logo设计

- Quantum - Rologo 标志共和国
9月9日,手机QQ浏览器发布全新的Logo,近日,该Logo设计者、深圳的GUI设计师shmzfeng在站酷放出了手机QQ浏览器Logo相关的设计稿. (文章中所有图片版权归腾讯公司所有). 最后修订为第5稿,然后针对图形配感觉靠谱的文字,在现有的文字基础上,进行优化字体细节,简要摘录(非定稿). 原文链接:http://www.zcool.com.cn/work/ZOTExMjky/3.html.

QQ 浏览器(android) 设计之路

- goochin - 所有文章 - UCD大社区
经过几个月的时间和大家的努力,手机QQ浏览器(android版)从 2.0 陆续更新到的 2.6. 在经历了设计的千回百转和架构的不断尝试后,终于有了个新面貌,使用体验也比之前版本有了较大提升. 不过,这也仅仅是万里长征第一步,这里先和大家分享下这第一步背后的设计心得. 我们可以先来了解国内局势. 目前,浏览器市场可谓战火不断,狼烟四起.

QQ音乐(iPhone)1.0.17正式发布 并上架App Store

- EELE - cnBeta.COM
感谢企鹅在线(QQezx.com)的投递. iPhone QQMusic是腾讯公司为iPhone/iTouch用户量身定制的一款手机听歌软件,全面支持本地和在线音乐的试听下载服务,并支持从PC端QQMusic收藏夹同步歌曲收藏内容,并支持在线拉取歌曲封面和歌词、在线搜索百万首海量正版音乐功能,为您打造移动生活的全新音乐盛宴.

QQ安全我做主—手机令牌2.0设计分享

- nAODI - 腾讯CDC
  一款小小的工具软件,如何赢得  iPhone app store4星级+评价;Android 电子市场4.5星评价,让我与您一起分享手机令牌的设计过程.   手机令牌是通过6位动态密码保护QQ帐号、Q币和游戏装备等虚拟财产安全的手机软件. 手机令牌每30S更换一次动态密码,用户在敏感操作的时候验证动态密码,以此保障自己的帐号安全.

阳光般的快乐——QQ阳光牧场3D 设计分享

- 雄杰 - 所有文章 - UCD大社区
QQ 阳光牧场,作为腾讯首款3D社区游戏,如今总算守得云开见月明,在 Android 平台发布后,即将登陆 iOS 平台.   在这欢乐的时刻,要特别感谢一下参与项目的 CDC 无线组同学们. 阳光牧场想要传达的感受,单纯而直白:阳光,清新与快乐. 一份久违的宁静,清爽与快乐,也是忙碌在都市生活中一点小小的慰籍.