android app 图标大小,Android设计规范 Material Design-Style(3图标)

图标

系统图标

定义

系统图标或者UI界面中的图标代表命令、文件、设备或者目录。系统图标也被用来表示一些常见功能,比如清空垃圾桶、打印或者保存。

系统图标的设计要简洁友好,有潮流感,有时候也可以设计的古怪幽默一点。要把很多含义精简到一个很简化的图标上表达出来,当然要保证在这么小的尺寸下,图标的意义仍然是清晰易懂。

65d1102ff72cb76eb933ff7d0dddf74c.png

设计原则

展示一些黑体的几何形状。

一个简洁的黑体图形在采用对称一致的设计时,一样能够拥有独一无二的品质。

659c565ae9568adc5207a00b97ef4241.png 

665cffb5e6a70cfccb0c8a055305ddcc.png

d1e0ea77838b3daef344d7a0498eb14f.png 

d2cccee4d8ac7226019cbdbd2deead13.png

网格、比例和大小

图标网格是所有图标的基准网格并且具有特定的组成和比例。图标由一些对齐图标网格的平面几何形状组成。基本的平面几何形状有四种,具有特定尺寸以保证所有图标有一致的视觉感和比例。

两种形状相同尺寸不同的图标集供您在应用程序中使用:状态栏、上下文图标集和操作栏、桌面图标集。

0c85822b44e3593962b58263f21b876e.png 

5f3a0f804964f3cc9882233159faacb1.png

254189cd3f8b47e705c13834010a5253.png 

5b8e4d37212a0a6f6f32967da91eaf0d.png

c3cff3db8367af1bb0593777d7209516.png 

9c859689bef7a88c1fea04c31329b218.png

圆角

正方形和矩形都应该添加圆角,也可以同时使用圆角和尖角,这样更具凸凹感。所有由笔划或线条组成的图标都有尖角。

e022408428c555bba124cfa267ea8d0d.png 

ec9e6106aa5aac1ca8368226cf7d6d70.png

6898ea393c6d8fea8e17682550e47c98.png 

4f24bf43b4e151eeaca13c66d4b88a89.png

每一个尺寸的系统图标集使用不同大小的圆角以保证视觉的一致性。

5c5e73feac686a1dfec2dbc48ff80ddc.png 

12b655a85fdf9a97550ee35810bec955.png

一致性

一致性非常重要,尽可能使用系统中提供的图标,在不同的app中也一样。

8a36498f7bde7cab6204f9fa60b22f8d.png 

039b7d4c778dc1d436132beefcf83b70.png

上下文和应用中的图标

图标网格决定了图标位于一个固定大小(24dps)的区域内。

a0eeafc5192a984278247de1c59a179b.png 

96eee33eada3975a4063b3b5b8255877.png

非常感谢这些辛苦翻译的小伙伴!!未完待续~~

文章转自:http://design.1sters.com/

=========================关于学ui网=========================

xueui.cn 学ui网发布高质量ui设计教程和设计分享经验,希望打造一个最好的ui学习教程平台!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值