图标

更新时间:
2023-10-27
下载文档

图标

图标作为用户界面信息传达的图形媒介,相较于文字,图标更具有视觉表现力,能够让用户快速的识别信息和了解相应功能。

设计原则

图标设计是 UI 设计中的一个重要组成部分,它可以提高用户的认知和操作效率,增强界面的美观和趣味性。

图标设计应遵循以下原则:

简洁精致
去除多余的细节,突出主要的特征,便于用户快速识别。
统一美观
笔划宽度、圆角、倾斜角、透视要一致且视觉舒适。

图标样式

图标样式主要分为线性、填充、功能和运营图标,根据不同的使用场景去选择使用。

线性图标
填充图标
功能图标
运营图标

图标大小布局

系统图标设计以 16 vp 为标准尺寸,中央 14 vp 为图标主要绘制区域,上下左右各留 1 vp 作为空隙。

正方形
圆形
横长方形
竖长方形

图表绘制

图形特征:线条粗细为 1 vp,端点为圆头,外圆角为 2 vp,内圆角为 1 vp。

绘制需要注意以下几点,针对特殊形状的图标,需要单独去调整。

视觉居中
不规则图形需要依据视觉感官去手动调节。
线条角度
线条倾角建议使用 15° 或 45° 角度。
文档内容是否对您有所帮助?
有帮助
没帮助