QQ2012设计理念 -极地企鹅(2)

UI / UI设计教程 /      

uimaker
UI设计师 / 江苏 南京

来源:CDC   作者:腾讯CDC

关键词

 

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

 

 

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

 

 

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

 

QQ2012 Beta1图标汇集:

 

 

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

 

 

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

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

 

 

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

 收藏