设计新人须知Android设计规范

发布者: 乾学优行者 发布时间: 2020-03-24 浏览 62
      设计规范,其实是由视觉设计师定下的,对色彩以及我们的控件、样式、排版、布局、字体等等进行一系列的规则,主要是用来指导今后的设计工作,确保我们视觉风格的一致性,控制设计的质量,提高我们的一个整体的工作效率。

  安卓的规范是较为常规的,第1种我们看到的是320×480,但是这个尺寸其实是IOS和安卓共有的最小的比例,在设计上我们一般不考虑尺寸太小的这样的一个设计。第2个是我们用到的比较多的也是一个主流尺寸,是480×800像素,那相对于第2个来说,大家能够看到第3个比较大的了,因为我们都知道安卓手机其实大屏幕是一个主流,所以说它的屏幕尺寸相对来说比较大,是720×1280像素。

  接下来我们看一下安卓官方给出的一个UI界面,我们首先看一下,它给出了两套主题,一套是深色,一套是浅色。

设计新人须知Android设计规范

  现在我们先看一下浅色的,我们同样可以看到中间的这张图,它会有一些标题栏的设计,还有一个是Tab栏的一些切换,右侧还有按钮设计、日历及空间的一些设计。 第2套是我们的一个深色,深色主题是布局没变,变的是配色。我们其实能够看出右侧官网的一个键盘和地图。

  接下来我们看一下安卓的ICON的设计,安卓的ICON,其实整体的话没有IOS那么严格,我们能够看到的是安卓的图标设计,形状并不是统一的,因为相对于IOS来说,它其实是一个开源系统,因此它可以做一个定制设计。

  在讲解安卓的规范之前,我们先介绍一下它的计量单位。在我们安卓界面中一般会用到这一个计量单位,叫做 dp,设计师用到的px也就是像素,而dp其实它是一个变量,而且它是一个整倍数的变量。 d p它是开发会用到的一个项目单位,举个例子,如果我们画了一根横线的话,在设计稿中它的标志是 I p x,这Ipx其实在1倍屏或者说在2倍屏,或者说甚至更大的屏幕尺寸里面,我们都知道它其实就是两像素的一个线, d p不是一样的,如果我们开发说我现在这里面是1dp的线,而它在一倍屏幕里面所表现出来的是1dp的线,当它到二倍屏幕里的时候,我们就需要注意它的计量单位就会发生改变,就会变成Ipx,同时它的线条也会相对应的变粗,所以说我们说dp是一个变量,且它是一个整数的变量单位。

  在安卓的这样一个 SDK的一个屏幕里面,它的支持单位,它会有6个单位,分别是px(像素)、in(英寸)、mm(毫米) 、pt(一个物理点,1/72英寸)、dp(与密度无关的像素)、sp(与比例无关的像素)。其中px、 in、 mm和pt主要是用来设置绝对尺寸的单位,因为它不会随着我们屏幕的分辨率进行相对应的改变或者调整。而dp和sp会随着屏幕分辨率的调整进行调整,所以说除了特殊的要求以外,我们建议是使用dp作为我们尺寸单位,那sp其实是我们字体尺寸的一个单位。

  我们继续看一下Andriod  icon的一个设计规范。这里主要介绍的是移动设备上面启动图标的大小,也就是我们主屏幕上的一个图标尺寸,是48×48dp。当然如果它在应用商店里面的启动图标的尺寸是512*512px,这边是需要注意一下。

  字体的规范方面,会有一个字号大小的规范,当然我们需要注意的是安卓4.0之后,它使用的英文字体全部都是Roboto中文字体,全部都是方正兰亭黑体。导航栏的标题一般是18sp,设计师在设计的时候需要注意的是进行转换后是36px;文章标题或者图标名称的话是16sp,也就是32px;文本的字体是14sp,也就是我们说的28px;还有一个需要注意,最小的字体不得小于24px。

图片2_副本.png

  配色规范方面,我们可以看到安卓用色规范比较多,但是我们能够看出它其实是以调色板上基础色为基准,通过我们填充光谱来进行为安卓以及我们的外部还有IOS的环境提供一整套的完整的可用颜色。我们能够看出左侧一栏其实是它的红色以及我们相似颜色的一个界面,然后中间是一个粉色及相似颜色的渐变,然后还有一个是紫色及相似颜色的一个界面,最后是蓝色系以及我们的绿色系、翠绿色系,黄色系、橙色系以及我们的灰色系的一个渐变,以上所讲的其实是我们安卓的一个基础色。

  除了基础色以外,我们需要注意的是一个强调色。一般我们会以鲜艳的颜色作为强调色,主要是用来操作按钮及组件,比如说像我们的开关以及滑片之类的,另外部分的图标以及我们章节的一些标题,也可以使用我们的一个强调色。

  接下来我们看一下主题配色,也就是我们的主题色。主题色是对应用提供一致性色调的一种方法,安卓的主题我们刚刚有讲到,一个是深色主题,一个是浅色主题。我们已经有介绍过了,这里不做赘述。

  接下来就是触摸范围,在这里面有一个理论叫做48dp的设计定律,相比较IOS的控件范围,安卓官方给出的控件范围会更加大一些。

图片3_副本.png

  从上面的图片可以看出,第1个图中的一些浮框的高度,官方给出的规定是48dp也不是说它一定要48,但是这里需要注意的是我的按钮可以是38或者更小一些,但是我们上面和下面留出的间距,必须要确保它有48dp,因为我们有的时候如果真正把按钮做到高度为48的话,会觉得这个按钮过大,所以说我们可以选择一种解决方式,就是让按钮上下的一个距离给它留出来,并确保它的距离大小有48dp。

  接下来我们来看一下安卓手势操作,主要有触摸、长按、滑动、拖动、双击、双击拖动、放大、缩小等八类。

  我们需要注意IOS和安卓的手势的两大系统中其实会有很多的共同之处,但是也会有所不同。像长按就是我们常说的不同,但是我们会发现在IOS系统中,长按是对文字进行一个编辑、复制、粘贴及全选的一个操作,而安卓的操作系统则是对一个list进行一个整体操作,然后它会弹出一个弹框等等,然后我们才能进行下一步操作,这就是两个不同之处。

本页网址:https://www.u-walker.com/news/2242.html

上一篇: 设计师要遵循的IOS设计规范

下一篇: UI、UX概念及发展规划是什么

相关推荐

预约报名

免费试学 先学后付 预约试听 证书认证 就业薪资






400-073-5855
返回顶部