设计美观还是设计精美

核心提示了解并适当结合平台规范与优势,才能做到最佳的用户体验。在《最新Android & iOS设计尺寸规范》一文中介绍APP 设计规范,同时本文也是一些补充。为了创建最佳的原生APP,就需要你牢记iOS和Android平台之间的差异。这些平台差异

了解并正确组合平台规格和优势,以实现最佳用户体验。在最新的Android

《iOS设计尺寸规范》一文介绍了APP设计规范,本文也是一些补充。

为了创建最好的原生应用,你需要记住iOS和Android平台之间的差异。这些平台差异不仅在视觉层面上不同,在结构和流程上也不同。记住这些差异,以便给当地人

应用最佳用户体验。

本文将重点讨论iOS和Android上的交互设计模式的差异,并阐明iOS和Android上的应用程序看起来不同的原因以及为什么应该这样做。

此外,本文还将提供原生应用程序设计示例,帮助您更好地理解本文所写的内容。

导航模式的差异

界面切换是移动应用中的常见操作。考虑ios和Android之间的本地应用程序控制规范的差异对于导航模式的设计至关重要。Android设备底部有一个全局导航栏。使用导航栏中的后退按钮是返回上一界面或步骤的简单方法。它适用于所有Android应用程序。

全局导航栏

与苹果相比,设计方法完全不同。IOS没有全局导航栏,所以不能指望像Android原生控件一样支持全局返回。这个特性会影响iOS应用的设计,需要设计一个导航栏,在左上角增加一个返回按钮。

iOS上的后退按钮

严格来说,iOS也有回归的全球化操作。直接在界面上向右滑动返回上一页。

全球退货操作

在这种情况下,iOS和Android的区别在于,在iOS设备上,页面的右滑是返回上一级,而在Android上,是切换标签页。

为了保持与其他移动应用程序的一致性,我们必须牢记平台之间的差异。

向左滑动以切换标签

在IOS和Android上,应用程序内的导航模式是不同的。

在材料设计的设计规范中有一些不同的导航模式。Android应用中众所周知的导航方式是抽屉和tab的组合。

抽屉导航实际上是一个菜单,通过点击汉堡图标,然后从左侧或右侧滑出。标签栏一般位于标题栏下方,这样可以很好的管理内容。通过标签栏,用户可以切换应用程序的视图、数据集和功能。

是左抽屉导航;是右边的标签栏

材质设计中还有一个组件叫做底部导航。这个组件对于Android原生应用也是非常重要的。底部的菜单项易于点击和操作。但是,Android规范实际上并不建议同时使用底部导航和标签,因为这可能会导致导航过程中的混乱。

底部导航

在苹果的人机交互规范中,并没有抽屉菜单这样的标准导航控件。相反,苹果建议将全局导航放在标签栏中。选项卡放在应用的底部,这样可以快速切换应用的核心功能。

通常,底部栏中的标签不会超过5个。如你所见,这个组件与Android的底部导航非常相似,只是这种形式的导航在iOS中更常用。

iOS的两种常见导航形式,分段控制和底部标签栏

虽然两个操作系统都有类似的功能,但导航形式仍然是iOS和Android的主要区别之一。两者之间存在一些客观差异,比如Android中有全局导航栏而iOS中没有,以及两者在视觉上的差异。

苹果认为,常见的导航入口应该尽可能在外部,一些用户不常用的功能需要放入汉堡菜单中。与Android规范相比,主导航通常放在汉堡菜单中。

转换标准控件需要额外的开发时间,而且用户缺乏经验。

如果您希望应用程序中的每个元素在每个平台上看起来都一样,那么将需要额外的开发工作来创建最佳的移动应用程序设计。最麻烦的涉及到默认控件,比如单选按钮、复选框、tab开关等。这些控件需要一个定制的视图来显示Android上的类iOS控件或iOS上的类Android控件。

每个平台都有自己独特的交互方式。好的设计是尊重不同平台用户习惯的设计。在为iOS和Android设计移动应用时,我们必须牢记平台之间的差异,这样才能设计出符合用户期望的应用。

两个平台之间的差异的一个例子是日期选择器。Android用户并不熟悉iOS中常见的老虎机形式的日期选择器。在Android中使用这类日期选择器需要重新铺设,无形中增加了开发的难度和时间,也让界面看起来与系统风格格格不入。

左边是iOS标准日期选择器;右边是Android标准日期选择器

左边是iOS标准选择器;右边是安卓标准选择器。

以及IOS和Android中的按钮样式

Android设计规范中有两种不同类型的按钮——平的和凸起的。这些按钮用于不同的场景。在Android中,按钮上的文字一般都是大写的。大写的单词有时可以在原生iOS应用的按钮中找到,但更多时候出现在标题上。

左边是标准的安卓按钮;右边是标准的iOS按钮。

还有一种很有特点的按钮类型Android上的悬浮按钮和iOS上的活动按钮。浮动按钮用于显示应用程序的主要操作。例如,在电子邮件应用程序中编写电子邮件或在社交应用程序中发布状态时,会使用这个浮动按钮。在iOS中,类似的按钮被称为活动按钮,通常放置在底部导航的中间。

左边是标准的iOS活动按钮;右边是标准的安卓悬浮按钮。

与IOS和Android底层操作视图的区别

Android中有两种不同类型的底层操作视图:模态视图和常驻视图。有两种不同类型的模态视图:具有不同操作内容的模态列表和用户点击“共享”图标后显示的应用列表。在iOS上也能找到类似的组件,但在设计风格和布局上有很大的不同。

左边是标准的Android底部菜单视图;右边是标准的iOS标准菜单视图。

触摸范围和系统网格之间的差异

iOS的触控范围和Android略有不同。Android规范也建议所有元素的设计都要以8dp为规范基线。

字体差异

iOS的默认字体是旧金山,Android的默认字体是Roboto。o是一种可以在所有Android界面上使用的字体,包括那些不支持Roboto字体的语言。由于存在差异,我们需要密切关注不同平台的排版和布局规格。

左边安卓字体;右边是iOS字体

交互细节差异

给用户的第一印象通常是基于设计层面。

建立用户的第一印象对产品来说非常重要。在APP开发设计的过程中,可以通过微交互和动画为用户创造有吸引力的体验。

先明确下两个平台的交互和动画的规则和建议,查看一下官方给出的一些标准例子。

以及关注点和优先级——交互设计的目的是将用户的注意力集中在应用中对他真正重要的东西上。两个平台都不鼓励滥用动画,因为过多的动画很容易分散用户的注意力,也会让用户感到焦虑。

一致性和层次结构——要记住交互设计最重要的是通过确定元素之间的层次关系,帮助用户在应用中找到自己想要的东西。贴心、流畅、不唐突的页面跳转可以保证用户轻松操作。对此,两个平台都在动画规范上提出了一些合理的建议。

虽然在使用动画的规范上,Android的材质设计与iOS的人机界面非常相似,但还是有一些明显的区别。用户会习惯特定平台的动画跳转模式,认为只有自己习惯的才是最自然的。

这就是为什么我们要特别注意平台之间的交互形式。这些小细节可以很好的提升用户体验,让用户在不同的平台上有一种自然的体验。

IOS

iOS用户习惯了IOS中的微动画,比如平滑过渡,横竖翻屏,模拟物理规律等等。当应用中出现无意义的动画或者违背物理常识的动画时,用户会感到困惑。

比如用户想下拉刷新界面,想右滑返回。IOS设计规范强烈建议,除非你是在创造游戏等沉浸式体验,否则尽量按照官方的动画规范进行设计。

机器人

根据材料设计规范,一个元素在转换过程中分为出、入或驻,不同的元素会有不同的转换方式。

动画可以引导用户的注意力。当界面发生变化时,动画会在过渡前后建立连续性。导航切换是界面中非常重要的元素。他们通过清晰的结构帮助用户找到自己的方向。比如当一个UI元素扩展到满屏的时候,扩展后的新界面就是该元素的子元素,return可以返回到父元素。

父切换的示例

在父界面上,当点击时,嵌入的子元素将在适当的位置被提起和展开。把过渡的重点放在子界面上,理清孩子和父母的关系。

共享父接口的一致移动可以加强它们的关系。

need-to-insert-img需要插入-img

标签页固定在一个位置,内容界面水平移动。

在应用程序的顶层,切换目标通常被划分为主任务。这些界面通过更改不透明度和缩放值来进行适当的转换。

摘要

当然,也有例外:一些iOS应用遵循Android设计规范,而一些Android应用遵循iOS设计规范。

左边是iOS版Gmail,右边是安卓版Gmail。

左边是iOS的Instagram,右边是Android的Instagram。

但其实很明显——用两个平台系统的组件来设计和应用,过程要快很多。所以,与其把iOS和Android的组件模型混在一起,然后花大力气开发,不如花点时间了解下两个平台不同的设计规范。

 
友情链接
鄂ICP备19019357号-22