图标

图标是图形界面的重要组成部分,具有指导和标识性质的图形,它具有高度浓缩并快捷传达、便于记忆的特性。
好的图标应该是引用现实中的物品,简化图形元素,具有隐喻,能帮助用户理解,具有指示和引导用户顺利的完成操作,通过提炼具有品牌辨识度的视觉元素,传达品牌特性.

图标尺寸

在常规使用中,为避免图标个数过多,选择8(最小尺寸)、12、16、20、24、32、48、64(最大尺寸)作为主要图标尺寸。

图标颜色

图标的颜色可根据页面的整体色彩比例和信息强调的层级来搭配。可使用品牌色、中立色和功能色,详见颜色文档。

视角

始终保持简洁、平面的风格,不要让图标具有多维度空间感,或者充满了细节。

视觉面积

为了保持整体图形占比的和体量感的统一,图形设计时保持整体图形视觉面积基本一致,以64×64为例,相应的图形区域供参考:

图标尺寸

xxs
xs
s
m
l
xl
xxl
xxxl

图标类型

基础图标
smile
cry
success
warning
prompt
error
help
clock
success-filling
delete-filling
favorites-filling
add
minus
arrow-up
arrow-down
arrow-left
arrow-right
arrow-double-left
arrow-double-right
switch
sorting
descending
ascending
select
semi-select
loading
search
close
ellipsis
picture
calendar
ashbin
upload
download
set
edit
refresh
filter
attachment
account
email
atm

上一篇: 字体 下一篇: 线条