图标
图标作为用户界面信息传达的图形媒介,相较于文字,图标更具有视觉表现力,能够让用户快速的识别信息和了解相应功能。
设计原则
图标设计是 UI 设计中的一个重要组成部分,它可以提高用户的认知和操作效率,增强界面的美观和趣味性。
图标设计应遵循以下原则:
简洁精致
去除多余的细节,突出主要的特征,便于用户快速识别。
统一美观
笔划宽度、圆角、倾斜角、透视要一致且视觉舒适。
图标样式
图标样式主要分为线性、填充、功能和运营图标,根据不同的使用场景去选择使用。
线性图标
填充图标
功能图标
运营图标
图标大小布局
系统图标设计以 16 vp 为标准尺寸,中央 14 vp 为图标主要绘制区域,上下左右各留 1 vp 作为空隙。
正方形
圆形
横长方形
竖长方形
图表绘制
图形特征:线条粗细为 1 vp,端点为圆头,外圆角为 2 vp,内圆角为 1 vp。
绘制需要注意以下几点,针对特殊形状的图标,需要单独去调整。
视觉居中
不规则图形需要依据视觉感官去手动调节。
线条角度
线条倾角建议使用 15° 或 45° 角度。