安卓设计规范
安卓系统是谷歌所创造的一个跨平台的设计语言,应用在app、平板、web中,通过对安卓设计规范的总结以达到不断熟悉掌握及应用效果
安卓设计规范

上图是官方对这套设计语言的描述,我们可以把它称之为三大点的切入:叫做实体感隐喻;鲜明、形象、深思熟虑;有意义的动画效果。这三点可以用四个字来形容:叫做言之有物。无论是去做些动态的界面,还是去做一些静态的界面,都要做到言之有物,这就是所谓的实体感隐喻。同时从第一张图片可以看到,在安卓的很多设计规范中,我们会去追求一些层次叠加的层级感。
对于我们新手来说如何更好的上手UI设计,肯定要从基础的屏幕设计指南来入手,什么叫基础的屏幕设计指南呢?也就是大家在做设计的时候,市面上保有量存有量最大的一些机型是哪些?这些机型的屏幕尺寸我们把它叫做常见设备尺寸。在android机型中,4.5英寸以及5英寸这两个屏幕尺寸占有了市场总保有量的绝大部分。4.5英寸的手机屏幕它的机型尺寸为720*1280px,五英寸的屏幕尺寸是1080*1920px,对于我们初入行的设计者来说,一定要把这些尺寸熟背于心。

在安卓设计中,要区分好这些单位的含义:PX、SP、DP,其中,PX(像素)主要针对设计师,SP及DP主要为安卓的开发人员,其中,SP主要是文字单位大小,DP主要是间距大小。了解了这些名词概念,虽然不能够帮助我们直接提升设计美感,但是,这也是UI设计项目和其他设计领域的不同。我们再去做一个界面设计的时候,不仅仅要把界面去做出来,还要懂一些专业术语,并且在做完界面之后的话呢,也有很多切图标注的过程,这样开发人员拿到你的交付文件之后,开发才能够把界面上线。不仅仅是设计,更要理解些交互中的一些概念,亦或者是一些专有名词,这对后续的设计及对接是很有帮助的。
下面以一个具体的图标作为这些名词的详细解释

安卓设计中常见的屏幕尺寸为4.5英寸(720*1280px)及5英寸(1080*1920px),那么如何将4.5英寸的图标适配到5英寸的屏幕中呢?我们可以将左侧图标及文字大小各乘1.5,即1080尺寸下图标大小是720尺寸下的1.5倍,切图适配也是这个道理。
在实际开发过程中,开发不使用PX而是使用DP及SP,那么,他们三者之间有什么关系呢?

从上图我们可以得知:在720*1280px尺寸下,1DP=2PX,1SP=2PX,其比例为1:2,在1080*1920px尺寸下,1DP=3PX,1SP=3PX,其比例为1:3。
在安卓设计中,其基础规范大致可分为文字、用色、图标及Z轴投影
1.文字规范

文字规范可细分为基础字体、字体用色、层级呼吸感。

在制作界面时文字一定要遵循设计规范,不要自己觉得那个字体好看就随便使用哪款字体,在安卓规范中,英文标准字体为Roboto,中文字体为思源黑体。

另外其实大家可以发现,在移动端的界面中(上图),文字和图片占有了界面的大部分范围,那么在文字规范中还会有哪些规范呢?在上文中我们知道在开发中,主要用的单位是SP表示字体类别大小及用DP表示文字间距,在这个界面中如何将主文案及副文案呼吸感和阅读结构做得更好呢?最好的办法就是将内容做好层次分级,所以不要将文字都设置成大小一样。

文字规范除了一些大小层级之外的区别,还会有层级颜色区分,比如标题主文案和副文案,它通过控制纯黑色的不透明度来将其层级进行显示,所以说,在android的设计规范中,更加倾向于通过不透明度的控制来体现出文字颜色上的细节差异。
除了字体大小及字体颜色外,字体呼吸感的控制则主要通过间距来实现,模块间的行间距具体数值为:主字体的1.2~1.5倍。
2.颜色规范

安卓颜色中,主要从UI调色板及用色规范两个方面进行说明。
在安卓设计中,对于颜色的应用不要过于随便,一般使用material design色板,而色板的目地主要是用于视觉层级划分。

用色规范,安卓主要分为状态栏、主题色及强调色,其规范如下图:

在上图中可以看到诸如“500、700”等数字,这些数字在material design色板上也常能看到,其含义表达的是颜色的色重。
3.图标规范

主要为图标一致性、图标尺寸及图标特性
图标一致性主要指的是图标统一性,包含描边粗细、圆角大小、颜色组成及基础图形的复用,使得一整套图标更加标准。
不管是ios或者安卓,图标大量出现的地方多为顶部状态栏及底部菜单栏,这时就会引发出关于两个系统间图标分布规律的分析,以网易云音乐为例

可发现,IOS版中的Tab栏位于安卓版的顶部,而个人中心则在安卓版的侧边栏中。
在图标输出时,我们还应注意到,一般输出尺寸都会略大于设计尺寸,其目的就是为了增加一些空白像素从而使的方便用户点击。
相比IOS设计,安卓设计中有时也会用到悬浮按钮,以印象笔记为例

悬浮按钮的好处:缓解底部虚拟按键占据空间的影响、作为快捷的功能入口
目前而言,大多数设计稿在安卓及IOS之间都是一稿通用。
4.Z轴投影

Z轴是安卓设计规范中一个重要的概念,它使得我们的设计具有了纵深感,在本文中主要从卡片投影及投影深浅两方面进行总结。

一旦涉及到Z轴,则层级及投影肯定是绕不过去的概念,层级不同阴影厚度也必然不一样,总结来说就是Z轴投影越重则层级优先级越高。
好了,以上就是安卓设计中的一些规范,希望能帮到同好们,也希望同好们可以越走越远!

















































































