2018QQ企鹅设计分享

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仅是年度设计规划的开篇，

我们还有很长的路在走，

感谢大家在体验过程中为我们提出宝贵建议，

在后续版本中我们将持续迭代，

达到产品从功能到体验，

真正表里如一的极地雪理念。