图标

图标QQ图形体系是年轻充满活力的,通过从外到内、从表现层到内核层的四维思考,给用户带来年轻生机的视觉体验。同时,QQ图形体系遵循着严格的绘制规则,保证QQ图形体系的严谨、规范、一致。

定义|图标库

概述

QQ图形体系通过从外到内、从表现层到内核层的四维思考,给用户带来年轻生机的视觉体验。

这四个维度从外到内分别是造型层、色彩与质感型、语义层、内核层。

绘制规则

设计师需严格遵循该规范,以保证QQ图形体系的一致性。

尺寸:共定义7种尺寸,不同环境下等比例缩放。


内容区域:图标主体在内容区域内,在部分特殊造型需要调整大小感知时可延伸至修剪区域。图例以56px示意,其他尺寸等比缩放。


图标细节:不同尺寸的图标有不同的裁剪区域,图标造型尽量使用正圆与直线进行组合或裁切。图例示意56px图标的圆角、线末端细节和剪裁线宽定义。