Android 和 IOS 应用程序之间的 UI 设计差异

前言

该设计为 Android 和 iOS 开发带来了出色的用户/客户端体验。这两个平台在其UI/UX方法中有不同的明确亮点。然而，两者都具有可预测的亮点，可确保用户获得更好的体验。

但是苹果，他们试图完全控制他们的项目。它保证客户可以可靠地使用 Apple 的任何小工具。与其他制造商相比，Apple 更注重设计、用户体验和展览。但谷歌他们有一个针对大部分无障碍手机的平台。

我想强调一下 Android 和 iOS 在不同前景上的 UI 差异。

Android 与 iOS

手机市场被隔离在两个驱动阶段之间，截至目前，这两个驱动阶段开创了多功能应用程序设计的先河。
Google 的 Android 和 Apple 的 iOS 正在努力打造他们的设计风格。它描述了应用程序应该如何运行和外观的每个部分。

设计

IOS 和 Android 设计方案从扁平化设计开始，使用两层组件和绚丽的色彩。

Android 的设计规则称为Material Design语言，而 iOS 有其Flat Design规则。谷歌几年前交付了材料设计，成为 Android 应用程序设计的规范。Android 小工具基于 Material Design，而 Apple 遵循人机界面指南。

Material Design 将大量精力放在组件的阴影和移动上，以使客户的导航/路线更简单。在大多数情况下，Apple 规则使用具有较少阴影的平面设计，使元素具有相互叠加的感觉。

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

iOS 应用程序可以从 App Store 下载，Android 应用程序可以从 Google Play 下载。您必须遵守他们的要求，以确保您的应用在这些商店中发布。那里有很多条件，所以我们建议在发布之前研究它们。

阴影

在 iOS 中，使用阴影是可选的。对于 Android，阴影很重要；它们在设计中提供了一个单独的 Z 轴。

iOS 上的特殊模式：撤消和重做

iOS上有一个独特的模式。如果用户摇晃他们的手机，该应用程序允许他们取消或重做他们的最后一个动作。通常，此手势用于撤消键入。

这些是两个平台之间的一些显着差异。然而，他们有很多共同点。一些 iOS 应用程序遵守 MD 指南，一些 Android 应用程序遵守人机界面指南。毫无疑问，我们可以说一件事，通过涉及 iOS 和 Android 的原生部分来规划一个多功能应用程序要快得多。

这两个平台都有喜欢使用它们的用户，这取决于您选择哪一个。尝试通过为任何平台（Android 或 iOS）制作最佳 UI/UX 来确保您的项目在质量上脱颖而出。

我希望以上信息能帮助您克服有关 Android 和 iOS 之间的 UI 差异的疑问。

谢谢！！！