android要求图标格式,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学习教程平台!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/501755.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

华为开发微信鸿蒙版,HUAWEI DevEco Studio

华为鸿蒙2.0开发平台为开发者在PC上面所提供的的开发平台,这个平台能够让用户在PC和Mac上面完成对鸿蒙相关开发内容,开发者能够在这个官方的平台当中开发属于自己的应用内容,更好的开发属于自己的应用并且在上面进行全面的调试,感…

function里面可以写function吗_和田玉不戴的时候,可以长时间泡在水里面吗?

叶子珠宝翡翠批发商城数百万玉石好友聚集地翡翠行业最活跃的领军,实力收藏家都在关注新朋友请点击叶子珠宝翡翠批发商城关注!抢购源头翡翠!请加1号店微信号:stchenchuye(←长按复制请加2号店微信号:feicui1236(←长按复…

android智能老人机系统,国产老人机也可以变智能!可运行Android

原标题:国产老人机也可以变智能!可运行Android相信很多用户对老人机的认知都是大电池、小屏幕、高音量以及功能少。看完下边这个老年机,你的认知可能会被颠覆。微博用户极客村长今天在微博上放出了一张来自国内厂商TETC的老人机图片&#xff…

golang商城_Golang——简单是终极的成熟

Google的Rob Pike在2012年的主题演讲中说:“ Go的目的不是要对编程语言设计进行研究; 这是为了为其设计师及其同事改善工作环境。 与编程语言研究相比,Go不仅仅是软件工程。 换一句话,它与软件工程服务中的语言设计有关。” 演讲揭…

android 换行模式,Android进阶之自定义View(1)实现可换行的TextView

今天来一起学习一下最简单的自定义view,自己动手写一个MyTextView,当然不会像系统的TextView那么复杂,只是实现一下TextView的简单功能,包括分行显示及自定义属性的处理,主要目的是介绍自定义view的实现的基本思路和需要掌握的一些基础知识。…

html调用chr,FpHtmlEnCode 函数之标题过滤特殊符号的代码

FpHtmlEnCode 函数之标题过滤特殊符号的代码更新时间:2007年09月01日 22:11:50 作者:函数名:FpHtmlEnCode作 用:标题过滤参 数:fString ------字符串Function FpHtmlEnCode(fString)If IsNull(fString)False or fS…

html怎么给code标签添加语言,html code标签怎么用?html code标签的作用解释

本篇文章主要的讲述了关于HTML code标签的用法解释,和HTML code标签的用法实例,最后还有code标签的总结。接下来让我们一起来看这篇文章吧首先我们先看看html code标签的用法解释:标签用于表示计算机源代码或者其他机器可以阅读的文本内容。软件代码的编…

网页挂码方式html css,CSS代码 解决网页挂马问题

CSS代码 解决网页挂马问题发布时间:2009-10-01 02:13:24 作者:佚名 我要评论两行CSS来解决网页挂马问题,共5种方案。两行CSS来解决,共5种方案一、iframe{n1ifm:expression(this.srcabout:blank,this.outerHTML);}/*这行代码是…

计算机科学系小学教育专业就业前景,小学教育专业就业方向与就业前景

【导语】现在大学生就业形势越来越严峻,在填报志愿时,如果不是特别喜欢某一专业的话,选一个好就业的专业就显得尤为重要了,就业的专业排名是很多考生和家长朋友们关心的问题,以下是无忧考网整理的小学教育专业就业方向…

java绘制图形代码_ImagePy_Learn | 图形学绘制代码学习:core\draw\polygonfill.py

最近在学图形学绘制,想到了ImagePy框架的ROI涂抹交互很方便,于是啃起了绘制代码。这里主要对ImagePy中一个填充工具进行难点讲解。让我们好好学习Python中的图形学绘制吧。例子代码来源:https://github.com/Image-Py/imagepy/blob/master/ima…

计算机管理中添加用户属性,如何在计算机右键菜单栏中添加属性选项

如何在计算机右键菜单栏中添加属性选项电脑是现在最常用的工具之一,有些用户想知道如何在计算机右键菜单栏中添加属性选项,接下来小编小编就给大家介绍一下具体的操作步骤。具体如下:1. 首先第一步按下【winr】快捷键打开【运行】窗口&#x…

青岛旅游学校计算机证书,【我和我的旅校】青岛旅游学校优秀毕业生郭千瑜

原标题:【我和我的旅校】青岛旅游学校优秀毕业生郭千瑜姓名:郭千瑜班主任:李欣专业:2012级中国民航大学航空班我是郭千瑜,2015年毕业于青岛旅游学校中国民航大学航空班,今年夏天,我就要从韩国首…

计算机网络同步技术,计算机网络同步技术

同步:通信双方的收发数据序列必须在时间上一致,以使接收方能准确地区分和接收发送方发来数据。同步方式:同步传输、异步传输。1.异步传输(起—止式同步方式)异步传输:发送端和接收端的时钟信号是各自独立的。特点:信息…

dts数据库迁移工具_干货分享丨DM8 DTS工具使用小技巧

DTS工具的介绍DM数据库为迁移提供了图形化工具——DTS。DTS可以从主流大型数据库迁移到DM、DM到DM、文件迁移到DM以及DM迁移到文件的功能,极大的简化了迁移操作,让数据迁移变得简单。DTS迁移步骤1.可以查看迁移帮助工具2.新建工程,工程名为qy…

hsv 直方图均衡化_Opencv从零开始 - 「启蒙篇」- 直方图、直方图均衡和反向投射...

本文主要介绍一些opencv关于直方图的一些知识运用,直方图是非常常用的图像处理方法,有时候在很多图像预处理中能起到特别好的效果,大家可以一起来学习探讨~目录直方图计算直方图直方图均衡化CLAHE 自适应均衡化2D直方图直方图反射投影直方图✏…

浙江嘉兴计算机学校排名,嘉兴计算机考研线上课程实力排名

嘉兴计算机考研线上课程实力排名冲刺分清主次现在各科的复习已经进入**后的收尾工作了,现在基本上就是扫除知识盲区,进行知识点的查缺补漏非法学法律硕士考研报考条件而且,妥协次就会有第二次,所以一开始就不要下载那些APP&#x…

b - 数据结构实验之查找二:平衡二叉树_文件系统的灵魂数据结构 B树

其实平衡二叉树的代码实现已经挺复杂的了,但是一山更比一山高,B树算法的原理和代码实现都比平衡二叉树要更为复杂。我没有让大家知难而退的意思,面试的时候肯定不会让你写B树这么复杂的算法,大家先听我讲讲B树这种数据结构的思想吧…

计算机技术如何设计酶,百人学者Nature Chemical Biology发文,发现一种设计酶的新方法...

生物通报道:中科院微生物研究所,荷兰格罗宁根大学的研究人员发表了题为“Computational redesign of enzymes for regio- and enantioselective hydroamination”的文章,利用计算机方法重新设计了天冬氨酸酶,将其转化为不对称加氢…

全国计算机二级哪几门比较热,【热】全国计算机二级office难吗

摘要: 【热】全国计算机二级office难吗为你介绍计算机二级office难吗 计算机二级office比较难,计算机二级office考试通过率大致在22%左右,具有一定难度。想要通过考试,需要多刷计算机二级office真题。 计算机二级office考试难度对…

word总页数不包含封面_6个实用的word模板,让你快速制作表格和目录

Word是我们日常办公经常用到的一款软件,word中自带了一些常用操作的模板,可以方便我们快速实现相应的需求,而且颜值也会提升一个档次,但是不过我们很多朋友都不太知道,今天就给大家盘点一些word中都有哪些好用的模板&a…