网站建设资讯

NEWS

网站建设资讯

android设计规范,Android开发规范

安卓设计规范

在讲安卓设计规范之前我们先来看看一下的问题:

公司主营业务:成都网站建设、做网站、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。创新互联公司是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联公司推出西和免费做网站回馈大家。

*规范是什么?

*规范的目的是什么?

*怎样进行规范?

规范是什么

规范:意指明文规定或约定成俗的标准。或是按照标准,规范的要求进行操作,使某一行为或某一活动达到或是超越规定的标准。

也就是说 规范通过制定一些规定与约束 (如字体大小,界面尺寸,图标大小等) 使某一行为 (如项目开发,组件库的组件等) 达到标准 。

制定规范的目的是 确保设计的统一性与合理性 。规范维护的是项目的统一,而不是设计师个人的设计。想一想在公司里,除了设计,前有产品经理,后有程序员,还有用户,你做的东西都是要交给他们的。产品经理看你的设计是否展现了她的需求(设计内容是否包括前期讨论的内容),程序员问你要各种切图(图标、组件、布局、间距、字体大小等),用户看你的设计(颜色,图标使用的大小范围等),如果设计师完全没有规范,全凭自己的“天马行空”设计出来的东西,是会带来很大的麻烦的,举个简单的例子,切图规范,如果你的命名只有自己能看懂,那你就不要发给程序员了吧~因为发给他他也找不到哪个是哪个,这个图标应该放在哪里。你所做的设计是为了公司项目服务的,是为了客户服务的,所以你设计的东西就得满足项目中其他职位(产品经理、程序员)使用的需求,以及符合用户的使用习惯。所以 规范是为了项目利益最大化,高效化而在团队中制定成的约定。

不同的规范虽然内容不同但是包含的内容其实是差不多的,通常包括布局,颜色,图标,组件,字体这几个方面。接下来我们就来看看安卓中常见的设计规范,相信学习了之后,以后项目里的设计规范你都很清楚了,在设计中多加注意就行。一个产品设计完成之后,进行设计规范制作也是对项目总结的一个方法。能注意规范且会制定规范。

在进行app设计的时候,我们都会先建画布大小,当然是根据安卓界面尺寸来建立的。安卓手机那么多,不必每一个都记住。只要记住一两个,懂得之间的换算关系就行了。

目前安卓端主流尺寸主要是@1.5x,@2x以及@3x,记住下面三个就够用了。

@1.5x    480x854 /540x960

@2x      720x1280( 这是我最常用的界面尺寸)

@3x      1080x1920

考考你,那@1x是多少呢?

除了知道界面尺寸外,还得知道状态栏,导航栏,菜单栏的高度是多少,设计时建立好相应的参考线。

建议取用 720 ×1280 这个尺寸,这个尺寸 720×1280中显示完美,切图后的图片文件大小也适中,应用的内存消耗也不会过高。

对于图标其实在规范上面有很多要注意的,比如图标大小,图标设计,图标切图规范,这里就重点讲图标大小,之后会再讲图标设计规范。

安卓系统中,中文使用的是谷歌思源,英文使用的是Roboto。思源字体,是一种非衬线字体,Adobe称思源体为Source Han Sans,Google称思源体为Noto Sans CJK. 思源体包含7个自重,也就是7中不同粗细的字体。

对于字体或许在设计过程中你会选用其他字体,但是需要注意你所用的字体是否利于用户阅读,是否舒服等问题。

对于字体的大小,在界面设计过程中,需要统一,比如所有正文是统一大小,所有标题是统一大小。

不同风格的字体大小,给人的感觉也是不同的,我们要学会灵活应用。安卓文字单位是sp,以下文字是按照@1x倍率来规范的

在安卓中,标注距离一般用dp,标注文字用sp,而知之间的换算关系为:

1dp=(屏幕ppi/160)px

不清楚单位的,可以去找上一篇文章了解px pt sp dp ppi。

Android开发需要的设计交付物至少要有:高保真UI图,标注,切图

这是最后,也是最重要的一点,因为你所切的图是要交到程序员的手里的,他写的程序达不到你想要的效果可能就是他看不懂你给他的规范~

1.切图尺寸必须为双数

2.单像素的图会出现边缘模糊的情况

3.命名需要规范

基本上 App 的切图可分为下面几大类: 背景、按钮、图示、图片、照片、TabBar icon 等。

一般命名规范可以为:

前缀:位置 组件 用途

后缀:状态

如用btn-xxx.png 来命名 。App 里的按钮拥有 4 种属性,分别为一般normal、点击highlight、不能点击disabled、选中(selected)。

但不追求精致与完整度的话,只出一般属性按钮图档就可以了。如果是点击(hightlight)状态就可以命名为:btn- cancel-hightlight.png  表示取消按钮点击时图标。

就算不是按照很严格的规范来命名,至少能让程序员知道你这个图标是在那种情况下使用的图标,这就需要设计师跟程序员很好的沟通,方便整个团队的开发,提高团队的开发效率

浅谈iOS与Android设计规范:6类交互设计规范对比

iOS和Android两个不同的平台,肯定是有很多区别的,下面就从交互的角度,谈谈区别。

以前就读过IOS和Android的规范,但是觉得没啥大用处,因为现在APP为了保持一致性,通常在IOS和Android上的设计是一样的,而且一些小公司只设计IOS的交互原型,因为只要IOS上能用,安卓上肯定没问题,前段时间,和一个人聊,问我它俩的区别,当时一脸懵逼,不知从何说起。毕竟是两个不同的平台,肯定是有很多区别的,下面就从交互的角度,谈谈区别。

一、全局导航

IOS:通常放在底部,方便用户点击

Android:通常放在上面,下面有物理按键,防止误操作。

解析:因为Android比IOS多了物理按键,为了防止误操作,所以只能将全局导航放在上面,但是随着屏幕越来越大,上面是手指无法触及的区域,所以切换起来相对成本较高。

二、二级导航

IOS:通常放返回、上一级标题、标题(居中),操作通常只有一个

Android:通常返回控件、logo、下拉菜单、重要操作、更多操作

解析:IOS显示了上一级的名称,让用户点击返回后,心里有预期,Android放了APP的logo,增加了品牌性,但是就使用来讲,用户不知道点击会回到哪,下拉菜单和更多操作都需要点击才能显示,增加了操作步骤。

三、工具栏

IOS:通常放在最下面,方便操作

Android:放在导航栏里,将重要操作放在外面,其他放在更多里。

解析:IOS将操作都放在底部,区域更大,操作更方便。Android将操作放在了顶部,显得很拥挤,并且还收起了一部分,需要用户查找,但是却节省了空间,让内容显示区更大。

四、提示框

IOS:出现在屏幕中间,可以带图标,可以不带,可以是静态的,也可以是动态的。

Android:不可以带图标,不能是动态的,最多只可以带一个操作按钮,最多只能出现一个提示,不能和低端的悬浮按钮重合。

解析:IOS的设计理念是尽量不打扰用户,只要用户能看见变化,轻易不会出现提示,只有一些用户无法感知时,才会出现提示框,所以可以是动态的,像调节音量。Android的提示要比IOS重一些,因为它可以带一个按钮。

五、警示框

IOS:标题和按钮是必须的,可以有内容和输入

Android:主要有四种:用途、内容、事件、表现。

1、用途包含了标题,内容和事件。

六、手势定义

IOS的手势规定有8种,如下:

解析:IOS只有8种手势,Android有14种,但是很多都不常用,个人感觉IOS的8种已经完全够用了,定义那么多种,用户的学习成本就会提高,而且Android的有些手势并没有定义可以做什么,所以给出这么多手势也没有用。

结语

本文对IOS和Android的规范进行了对比,Android的规范那是相当详细,但是IOS的只给出了设计原则,所以,一些是我自己总结的,可能对比的还不够全面,欢迎大家一起讨论。

Android UI规范是什么

从事UI设计行业的朋友都知道,每一张设计稿都是有规范尺寸的,并且IOS的和Android还不同,IOS UI设计规范为375*667 1x的尺寸,那么Android UI规范是什么呢,下面让我们一起来了解一下。

01

在做Android UI设计的时候,画布的尺寸我们一般都是选择360*640 1x,也就是说是选择720*1280这个尺寸。

02

我们从上到下来进行了解,最上边的是状态栏,状态栏的高度是25。

03

在状态栏中肯定就是信号、电源以及时间这些了,每个Android定制系统的摆放样式都不同,这一点不用纠结。

04

状态栏下边就是导航栏了,导航栏起到的是导航作用,高度是45px。

05

导航栏中间一般都是有文字来起到提醒作用的,导航文字的大小一般都是18px。

06

在最下方就是我们的标签栏了,标签栏的作用就是给用户提供切换界面的作用,标签栏的高度为50px。

07

在标签栏中摆放的肯定就是我们的ICON图标了,要注意,图标的切图点击区域不能够小于24px。

08

一些ICON图标的下方还会有文本,这里文本的大小一般就是10或者是11px了,因为范围有限。

特别提示

本文尺寸均为1x。


名称栏目:android设计规范,Android开发规范
链接分享:http://njwzjz.com/article/dsdjocp.html