Android与iOS：应用程序用户界面设计的差异和比较

移动领域的两大风向标--Android和iOS，也是移动应用设计时最大的两个竞争对手。Android与iOS在市场份额、受欢迎程度、使用人口统计方面数据不相上下，在这里，我们对比了Android和iOS之间的简单设计差异，这将帮助我们弄清一个与另一个有何不同。

由于碎片化的原因，安卓系统的应用设计会有细微的差异。

我们先来了解一下Android与iOS UI应用设计在扁平化设计和材质设计方面的对比。

人机界面指南主要基于三个原则。清晰、尊重和深度。简单来说，该方法支持极简主义，使用简洁的元素，注重排版和扁平化色彩。

简而言之，Android Material Design被认为是Flat设计的升级版，带有拟态性（一陆闷碰种流行的设计概念，即让所代表的物品与现实世界中的对应物相似）。

用Google设计副总裁 MatíasDuarte 的话来说，它是–

有了这些基础知识，让我们从7个方面研究两个平台之间的差异。

目录

1. 导航

2. 按钮

3. 图标和屏幕分辨率

4. 字体

5. 控件

6. 卡片

7. 警报

对于iOS应用程序，总是在“后退”按钮旁边提示上一个选项卡的名称。在中间，显示当前选项卡的名称，而在右上角则显示“编辑”或“完成”（控制按钮）。

说到Android的设计规则，应用程序通常在抽屉菜单或后退按钮（可选）之后的左上角显示标题。移至右上方，总是有一个 *** 作项，例如搜索图标（也可以是多个，例如“收藏夹”图标），其后是溢出菜单。

在iOS中，主导航始终显示在底部，功能菜单专门用于存储一次性功能。而在Android中，通常会在功能菜单中看到主要导航，或者以搜索栏，浮动 *** 作按钮等形式在整个界面中存在。

ios界面指南中，没有类似抽屉导航菜单的标准控件。iOS的全局导航被放置在应用屏幕的底部，一般位于最末位的 "更多"标签下找到二级导航。

Android中，二次导航是一个抽屉，一旦按下功能菜单图标，就会从左到右打开，同时产生一个深色的遮罩层。

有四种方法可以在iOS应用中实现“后退” *** 作：

在某些情况下，Android应用程序中给出了类似后退的 *** 作，您可以通过该 *** 作进入前一个标签。但是，最常见和最简单的方法是使用导航栏中的后退按钮（Android 10中现在是可选的）。

iOS和Android中的按钮风格最主要的设计区别在于，iOS中的按钮遵循扁平化的设计模式，不带阴影、支持标题大小写。Android遵循Material Design，带阴影且字母大写。

另一个比较重要的按钮是Floating action button（FAB行动呼吁按钮）。例如安卓系统中Gmail的compose按钮，iOS系统中社交媒体应用的新建文章按钮。

两种系统都使用8dp的网格来构建屏幕结构，而最常见的边框是16dp。

在开发移动应用程序时，以预定义的尺寸设计图标是非常关键的。这里有一个表，描述了所有的测量。

这些表格一开始可能会让人有点不知所早谈措，但是如果你知道基本尺寸，并且能够使用倍数进行检查和导出，会发现这并不复杂。

多年来，苹果一直是Helvetica Neue字体的粉丝，然而在2015年，苹罩桥果开始使用San Francisco，它更节省空间，非常适合手机、台式机和iOS Watch使用。

Android系统，一直使用Roboto作为标准系统字体。在可预见的未来，谷歌也没有计划改变这一深受喜爱的元素。

控件设计包含搜索、CTA按钮、选择控件和标签等元素。每一个都满足了这样或那样的目的，让我们来看看他们的位置。

搜索功能对于两个平台来说都非常重要，苹果最近还在iMessage中加入了 "搜索栏 "。

在苹果中，搜索选项有两种类型--突出和隐藏。通常情况下，搜索图标会显示在上边的选项卡上，而有时需要从上到下拖动屏幕才能显示搜索栏。此外，如果要取消搜索查询，可以按 "取消"，如果要清除，可以用 "X"。

在安卓系统中，没有隐藏的搜索栏，你总能在上层标签中找到一个。如果要取消搜索，只需点击"←"图标即可，如果要清除查询，则和iOS中的一样。

浮动的动作按钮（FAB）在Android中充当主要行动按钮，可以出现在顶部应用栏或一些组件的边缘。而iOS应用中的主要行动按钮总是出现在页面的右上角。

不过也有一些例外，少数iOS会在底部工具栏显示CTA，而Android则在上部工具栏显示。

如果需要显示一些选项，可以在iOS平台上使用选取器控件，选取器一般出现在底部。

对于在Android平台上显示很少的选项，通常使用一个出现在原地的下拉菜单，或者一个出现在中心的模态对话框，使用模态框时应用背景变暗。

据观察，iOS系统并没有一个视觉上类似于 "标签"的控件。它使用的是一个分段的按钮。Android使用了"扁平化设计的tab"来实现同样的效果。

卡片是图片、文字、视频的集合，还包括按钮和评论。

在iOS中，卡片的特点是无阴影、全宽、无圆角。而在安卓系统中，卡片的设计有阴影、沟槽、圆角等功能。

安卓系统的提醒采用的是扁平化的按钮样式，具体尺寸可以在材质设计指南中找到。 *** 作按钮被放置在提醒的右下角。这些 "按钮 "完全以文字为主（全大写），让用户更容易理解。

至于iOS系统的提醒，则是用分割线隔开。它们基本采用句子或标题的形式，在独立的区块中呈现。它们被放置在d出窗口的中心。

本文涵盖了iOS和Android所有的初步差异，希望对你有所帮助，而设计一个iOS或Android的移动应用，总是有迭代的准则，所以，一定要保持信息的更新，及时调整自己的产品设计。

Q. 为什么iOS和Android上的应用看起来不一样？

品牌和意识形态的不同，已经波及到他们的 *** 作系统的运作方式。两个平台的UI设计已经成为品牌的符号化。

Q. 如何设计一个原生应用？

在设计原生应用时，必须始终遵守iOS UI应用设计指南和Material设计指南。这样才能使应用与它所要针对的平台同步。另外，这些平台有不同的要求，所以你的应用必须满足它们才能在应用商店上发布。

Q. iOS比Android更方便用户使用吗？

这个问题的答案是纯主观的。它是基于用户的个人偏好。有些人可能会觉得iOS更实用，而有些人则在各方面都偏爱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  表示取消按钮点击时图标。

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

《Android程序设计》（Zigurd Mednieks）电子书网盘下载免费在线阅读

链接: https://pan.baidu.com/s/137V6xbHolcjVL2-hQj7-OQ

提取码: c56z

书名：Android程序设计

作者：Zigurd Mednieks

译者：祝洪凯

出版社：机械工业出版社华章公司

出版年份：2013-3-1

页数：456

内容简介：

如何才能构建设计良好的Android应用？通过本书提供的权威指南，深入探索Android核心模块及其API，了解如何创建可以运枯拍行在一系列Android设备上的出色的应用软件。本没哪羡书将带你探索行之有效的应用设计和实施方式，包括一些应用框架，你可以把这些框架作为自己项目的起始点。

深入传感器、缓睁本地开发、3D图形和许多其他主题，并发现如何在选择的平台上构建应用程序。如果你要进阶到高级程序员，你将学会如何创建良好的Android应用程序。

作者简介：

Zigurd Mednieks是领先的OEM、企业和创建基于Android系统的创业投资顾问。

Laird Dornin是一家大型无线运营商的高级工程师，在Java、Android、J2ME、SavaJe和WebKit方面有丰富的经验。

G.Blake Meike是一位经验丰富的开发人员，为移动和服务端平台构建Java应用有丰富的经验。

Masumi Nakamura是Where Inc.的Big Data和Recommendations组的首席架构师。

---