Android 和 IOS 应用程序之间的 UI 设计差异_ios与安卓ui设计规范区别

Apple 规则内容从一开始就很高兴，这可以帮助客户毫无问题地浏览页面。此外，尽管 Android 标题放在左侧，但 iOS 标题通常会被重点关注。

Material Design 可以被视为平面设计的改进，带有一点拟物化。基本点是制作一个为世界升级但由实际单词动画的 UI，以使其对用户/客户直观。

对于 Android 设计，您可以参考材料设计指南、组件和图标。

苹果使用“扁平化设计”。它基于三个主题——清晰、顺从和深度。应用程序的内容应一致且以用户为导向。它侧重于颜色、排版、对齐和图形元素。Apple 为设计师提供了一些Photoshop、Sketch和Adob​​e XD的设计资源。

应用程序图标

Android 设计倾向于在其界面设计中使用更多的汉堡菜单，而 iOS 使用底部选项卡方法。这种差异不太明显，因为设计师使用了类似的导航元素来使用户的工作更轻松。

每个应用程序图标都应该显示为其他重要的东西，但 iOS 和 Android 上的应用程序图标形成鲜明对比。所有的 iOS 图标都是方形的，然后在角落处被四舍五入。

苹果申明要在没有基础的情况下拉直图片，远离文字、照片、连接点组件等过多的组件。

所有 iOS 图标都是方形的，后来在四角处圆润。

但是，Android 图标在背景中可以是透明的，并且您可以具有适合图标区域的任何形状。

应用程序图标是每个应用程序的新颖图片，在 iOS 和 Android 上进行跟踪。用户/客户通常选择是否要在应用程序图标中找到有关应用程序的更多信息。一个像样的图标会引起人们的兴趣，并且是为什么有人下载/购买应用程序的基本理由。

导航

Android 小工具具有三个按钮，即返回、主页和概览。这些按钮使用户能够在电话上做大部分事情；新一代 iPhone 没有导航按钮。没有主页按钮使设计人员可以在应用程序的设计计划中进行合法导航。由于 iPhone 上没有后退按钮，Apple 在应用程序中还有另一个标志，即从左向右滑动以返回。

FAB

两个系统之间的对比之一是FAB（浮动操作按钮），它是 Android 的一个显眼部分。它用于在特定屏幕上显示用户选择，占区域，并可用于界面的各个部分。

iOS 的 FAB 按钮是另一个“号召性用语”按钮，它允许用户/客户端做出一些动作。其中一些按钮可能比其他按钮具有更高的需求或渗透性——诸如推文、上传、发布更新等活动按钮。

应用导航

在通过应用程序导航时，Android 的基本组件是抽屉菜单。此菜单从屏幕的一侧滑出并包含下拉列表组件。对于 Android，同样使用页面标题正下方的选项卡并用于更改应用程序内的页面。

在某种程度上，在 iOS 上，屏幕下方有一个标签栏，允许用户/客户端在多个屏幕之间切换。通过屏幕左上角的后退按钮或从左向右滑动来完成导航返回。

按钮和复选框

按钮和复选框的设计是两个平台在大小写和样式视图上的直接对比。材料设计有两种按钮——扁平和凸起。Material Design 按钮上的文本是大写的。在某些情况下，iOS 使用大写按钮，但文本通常是标题大小写。

操作按钮

本地 iOS 和 Android 应用程序按钮之间的区别之一是浮动活动按钮，它是 Android 应用程序的一个使用组件。

复选框

我们看到的另一个组成部分是两个阶段之间的差异；在复选框的样式中，您可以在上图中看到这种差异。

Android 使用 Material 复选框。iOS 使用开关而不是复选框和复选标记列表而不是单选按钮，因为这些是 iOS 预期的图形。

选项卡与分段控制

在分页上，Android 使用 Tabs，而 iOS 使用分段控件。选项卡和分段控件可以直接位于导航栏下方。Android 上的选项卡上的标题是大写的，而在 iOS 上，它们是分权的，它们是 Title Cased。
通常不超过固定标签栏中的五个内容的数量。更广泛的片段更容易挖掘。在 iPhone 上，一个分割控件应该有五个或更少的部分。

黑暗模式

主题是改变两个平台整体外观的一件事。这是黑暗模式，它提供了安全的电池寿命和更好的外观的优势。部分本地应用程序缺乏黑暗的选择。苹果的深色模式出现在 iOS 13 更新中，记录了各种使用深色模式的点。它提供了比 Android 更统一的枯燥洞察力。

在 Android 上，深色模式文本具有纤细的灰色变体，降低了对比度，使阅读屏幕上的文本变得困难。但在 iOS 中，颜色选择得很好。深色模式下的文字和系统都绚丽而干净。

排版

这两个平台都建议使用他们的系统字体样式，Android的Roboto和 iOS 的San Francisco。消息的实际大小是比较的，但 Material Design 在字体大小和格式上涉及更多对比，而 iOS 使用粗体。Android的另一个属性同样是在这个阶段，更多的空白区域被利用在文本之间。

其他差异

分接区大小的不同要求

根据标准指南，最小的点击区域大小在 iOS 上为 44x44pt，在 Android 上为 48x48dp。

App Store 与 Google Play

总结

**其实上面说了这么多，钱是永远赚不完的，在这个知识付费的时代，知识技能提升才是是根本！我作为一名8年的高级工程师，知识技能已经学习的差不多。**在看这篇文章的可能有刚刚入门，刚刚开始工作，或者大佬级人物。

像刚刚开始学Android开发小白想要快速提升自己，最快捷的方式，就是有人可以带着你一起分析，这样学习起来最为高效，所以这里分享一套高手学习的源码和框架视频等精品Android架构师教程，保证你学了以后保证薪资上升一个台阶。

这么重要的事情说三遍啦！点赞+点赞+点赞！

【Android高级架构师系统学习资料】高级架构师进阶必备——设计思想解读开源框架

第一章、热修复设计
第二章、插件化框架设计
第三章、组件化框架设计
第四章、图片加载框架
第五章、网络访问框架设计
第六章、RXJava 响应式编程框架设计
第七章、IOC 架构设计
第八章、Android 架构组件 Jetpack

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

bbs.csdn.net/topics/618156601)**

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！