图标
icon是用来帮助表现信息的图形,为了帮助用户快速识别信息,要求icon具有简洁、清晰、易识别的特点。
字体图标
http://www.iconfont.cn iconfont 上有图标库,加入团队后可以根据项目下载图标。所有会随换肤变色的图标都使用svg图标,用在纵导航、操作按钮图标等。
尺寸
字体图标用于纵导航、操作栏(20*20px)
工整
将图标作没有意义的形变往往加大了认知成本,所以,图标要工整,避免用户使用「空间联想」,「形变矫正」等多余的认知行为。
简洁
不要为了丰富视觉而增加图标的细节,或是过于复杂的几何曲线,要保持图标干净整洁、严谨清晰。
视觉修正
在绘制图标时,不应刻板遵守逻辑上的等宽等高,通常,人眼识别圆形与方形面积时,圆形会偏小,方形会偏大。因此须使用边宽为1px的边界进行视觉修正,确保方形图标的高宽始终小余圆形图标总宽度2px。
位图图标
带有渐变、透明度的图标使用PNG图标,不会随换肤改变颜色。用于单据图标(4848)、应用图标(6262)。透明度变化增加深度和复杂性,却不会破坏原有扁平化的风格
色彩
单据图标由前景图标和背景相结合,我们只需要提供前景图标