图标的统一性

1)大小的统一

在网页设计中图标的主流尺寸有16×16, 24×24, 32×32, 48×48, 64×64, 96×96, 128×128, 256×256, 512×512。

iOS上,苹果建议44x44pt作为最小的点击目标区域。但实际中,ios和安卓正常出一个设计版本,俩者结合我们在2倍图下最适合的大小为48*48px。

ios功能图标其他尺寸为48加或减4的倍数;安卓android功能图标其他尺寸为48加或减8的倍数。

为什么ios是4的倍数,一个数除以2倍图在乘以3倍图要是偶数最小的数为4;为什么安卓android是8的倍数,安卓开发中最小的单位是1dp,1dp=2px,同时也要满足一个数除以2倍图在乘以3倍图要是偶数最小的数为4,所以安卓要是8的倍数。

在很多带有色块的图标,不仅要保证色块48*48px的大小统一,也要保证里面色块里面的功能图标的大小统一。

2)风格的统一

风格上面已经归纳的很全了,直角图标和圆角图标基础上可以添加一个其他风格,如双色风格;但是剩余的其他风格最好就不要俩俩相加,不然就会给用户感觉很容易乱,也不够简洁,主次不明。

(3)规范的统一

视觉的规范

为什么我们再同样的大小区域去绘制正方形、圆形、三角形,虽然符合了大小统一的特性,但是从视觉上还是不能看上去很均衡?

这就需要我们规范化的去绘制图标,安卓android规范里给出了图标的绘制方法。

圆角的规范

2. 简洁性

简洁性不单单体验在图标的简洁,还要体现在从创意到实际落地的简洁。在使用软件ai或者sketch的时候绘制基础图形不要出现小数点和基数,多用偶数。

3. 层次明确

图标具有可点击性和标识性。可点击性就会有点击前、点击时、点击后三种状态,主流底部标签栏会在点击前使用线性图标,点击时和点击后使用面性图标;也有使用颜色来区分。

4. 延展性

图标的延展性之前在图标的风格也讲到,好的图标可以直接当应用图标或者logo来使用。同时好的图标还可以通过点线面动效变化做下拉加载动画。


  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值