QQ 2012设计理念 • 极地企鹅

腾讯CDC
0 评论 6655 浏览 1 收藏 7 分钟
B端产品经理要负责对目标行业和市场进行深入的分析和调研,了解客户的需求、痛点、期望和行为,找到产品的价值主张 🔗

2012,注定是一个特别的年份。
QQ,也正迈向一个里程碑式的版本——QQ2012
QQ经典的DNA是蓝色+白色。蓝白本优雅,我们不禁联想起优雅的爱琴海…
而QQ2012的蓝白来自哪里?
南极的蓝天与白雪…
QQ2012的设计理念是如极地雪般的纯净、轻盈、自由、灵动。
也是QQ2012产品特性、体验设计的年度目标。

为什么是极地雪来寓意QQ2012的设计理念?
1.企鹅源自南极极地,2012界面的蓝白配色来自极地的蓝天与白雪;
2.极地雪的纯净、轻盈、自由、灵动特质与产品年度方向吻合;
3.南极是地球仅存的净土之一,融入产品引导用户关注与呵护我们的自然环境;
4.极地的日出、星轨、极光等多彩景观,寓意QQ的绚丽多彩,但她又是别样的纯粹。
(宽广如极地,绚丽如星轨、纯净如晶雪、生机如日出)

 

设计理念融入登录界面
一体化的登录与Loading设计,体现极地雪理念中的纯净与灵动,同时新版节日设计铺满界面,空间更自由。
Loading动画是与理念相呼应的雪花点的聚合,同时寓意开放平台的聚合。

 

登录界面会根据用户登录时间变换
譬如傍晚登录会伴随极地晚霞的景观。
让用户在使用产品前,就感受到更灵动的纯净心境。(在后面版本实现)

 

从极地纯粹蓝天白雪提炼出QQ2012的配色。

 

主面板的头像、个人业务布局的优化,体现一个更纯净更符合区域逻辑的体验。
新控件滚动条、搜索栏等的设计更加轻盈。

 

多会话窗口的自由合并分离,也是源自设计理念的自由与灵动。
小工具栏图标设计更考虑轻盈与表义明了。

 

视频、语音的界面设计都呼应了极地雪的设计理念。

 

图标设计语言 • 极地雪
QQ2012在图标设计也是源自统一的设计理念
1.单型原则:图标都统一简化为单一元素,让用户第一眼更易辨识与明了,呼应极地雪的纯净轻盈;
2.空间饱满度:每个图标的空间饱满度保持在80%-90%的统一范围(见下图);
3.统一光源:界面与图标的光源统一为正上方,投影正下方,控件按下状态往正下方移(见下图);
4.四海皆宜:图标需要与无穷的皮肤融合,定义中性配色,边缘统一85%的透明过度。剪影平面图标智能跟随皮肤换色;
5.平面与立体:功能性图标定义为剪影平面风格,业务应用类图标用正俯视角度风格增强点击欲。

 

QQ2012 Beta1图标汇集:

 

好友形象的设计升级,提升细腻与时尚度,后面版本将普及至群:

 

群空间首页Home图标在饱满度、统一光源、统一俯视角度等都做了设计升级,烟囱袅袅等细节让图标更具生机与灵动:

 

群设置图标根据“单一原则”让表义更简洁明了,杜绝元素的无谓叠加。同时角度采用统一的小俯视角度设计。

 

QQ2012官网设计也是源自统一的设计理念。

 

QQ2012 Beta1仅是年度设计规划的开篇,
我们还有很长的路在走,
感谢大家在体验过程中为我们提出宝贵建议,
在后续版本中我们将持续迭代,
达到产品从功能到体验,
真正表里如一的极地雪理念。

附:QQ2012精彩壁纸下载:

 

  • (本文出自Tencent CDC Blog,转载时请注明出处)
更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 目前还没评论,等你发挥!
专题
53786人已学习14篇文章
标题党,又爱又恨。但是如果你是运营,连标题都起不好,那就呵呵哒了。
专题
13709人已学习12篇文章
追热点蹭热点是互联网相关从业人员的一种潜意识,尤其是运营岗、市场岗。本专题的文章分享了如何做节日营销。
专题
12438人已学习12篇文章
构建UGC社区是很多社区平台的必经之路,它能助力平台内容生产,为社区提供活水源泉。本专题的文章分享了如何构建UGC社区。
专题
18598人已学习14篇文章
智能客服类产品,最根本的价值在于以低成本取代人工客服工作中大量重复性的部分。本专题的文章分享了如何搭建一个智能客服。
专题
15226人已学习13篇文章
本文作者总结了那些踩过的坑,为大家详细的罗列出了规范的产品管理流程及规范。