android recycleview长按多选_UI设计中Android和IOS设计差异总结

v2-e45fd6549917734555f070546e7aa4aa_1440w.jpg?source=172ae18b

  由于设计师、产品经理使用的移动设备大部分是iPhone,所以在做设计时,容易忽略Android和iOS的差异,按照iOS的规范进行设计,两端只做一套。

  只做一套的会存在两个问题:

  1、安卓用户的使用习惯不太适应iOS的设计,导致使用时遇到阻碍,任务流程失败率变高。

  2、如果设计师或者产品经理有的异常场景状态没有想到,导致安卓开发没有组件调用,为了省事就直接调用安卓自带组件,导致整个产品在视觉风格上面既有产品风格的组件又有安卓系统的组件,统一性差。

  所以设计师在设计过程中,针对两端的差异性,可以单独将具有差异性的Android部分做出来,保持两端的差异性。今天我就总结了一下android和iOS差异性。

  文章大纲如下所示:

  1、视觉风格和理念

  2、支付规则

  3、推送规则

  4、文件选取规则

  5、手势区别

  6、组件风格

  7、组件用法

  1、视觉风格和理念iOS通过使用留白、简化UI、使用无边框按钮等方式使得呈现的功能更加清晰。

  以功能驱动设计

  留白可以使重要的内容和功能更加醒目、更易理解。使一个应用看起来更加聚焦和高效,如下图1所示。

  让颜色简化UI,使用一个主题色。比如备忘录中用了黄色,高亮了重要区块的信息并巧妙地用样式暗示可交互性,如下图2所示。

  使用无边框的按钮,通过文案、颜色以及操作指引标题来表明该无边框按钮的可交互性。如下图3所示。

v2-5959d59283d45a4dafb6d8e1b193541a_b.jpg

  Material 通过构建系统化的动效和空间合理化利用,并将两个理念合二为一,构成了实体隐喻。

  在基本元素的处理上,借鉴了传统的印刷设计:排版、网格、空间、比例、配色、图像等,使用这些基础的平面设计规范。

  在这些设计基础上,构建出视觉层级、视觉意义以及视觉聚焦。

v2-da1992b43a64cc880f465841ee6f3046_b.jpg

  2、支付规则

  当App含有虚拟商品,那么用户购买方式也不一样。

  对于iOS用户来说,支付渠道必须走苹果支付平台,并抽取30%作为服务费。而android版不用走平台,使用支付宝、微信支付等第三方支付平台即可。

  如下图所示,网易云音乐android版,支付时可以选择支付宝、微信、京东等支付方式。

v2-22409f251aecf5ebb616e565d0cf43d2_b.jpg

  而iOS端则只能走苹果官方平台(App Store)。对于公司来说,抽成30%意味着收入下降,但是这种走平台支付也有一个好处,可以连续订阅,自动续期扣钱。

  3、推送规则

  iOS系统的消息推送必须依靠苹果的APNS(Apple Push Notification Service)服务器来完成,信息与app之间的交互是通过苹果的服务器完成的。

  Android的消息推送相比之下更加开源,在不选择使用GCM的情况下,app的消息推送就需要在自己或者是第三方服务器与设备之间建立一条长连接,通过长连接进行推送。

v2-7edddbfc77194814b2202e965fcc26ec_b.jpg

  这意味着iOS端,即使app的后台杀死,依旧可以接收到推送。而android端则需要保持后台在线才能收到推送消息。

  4、文件选取规则

  iOS系统每个app之间没有文件夹概念,导致无法找到对应app的文件夹。

  如果iOS版app想要发送文件时,则无法选择对应的文件夹里面的文件。但是因为有了iCloud的存在,可以通过iCloud选择文件。

  如下图所示,微信如果想发送文件到微信好友时,点击文件,进入iCloud选择文件发送即可。

v2-6af4e9ada058a71f520bb219d6b7e7c1_b.jpg

  而安卓版则可以调取文件夹,选择对应的文件发送。如下图所示,qq给好友发送文件时,直接进入手机的文件夹中找到对应的文件

  5、手势区别

  android和iOS的手势区别比较大,对于隐藏的操作,安卓长按较多,iOS左右滑动较多。

  如下图所示,安卓针对列表更多操作时,采用长按手势,长按出现菜单。

  而iOS左右滑动出现隐藏的操作。

v2-0b6535f410bf1a8e9fef895afd43d9c5_b.jpg

  6、组件风格的差异性

  iOS和android整体上视觉差异很明显。

  android组件整体呈现通过投影产生层级区分,如下图所示。

v2-1ef56d826a4f4ffa96b0a1dc3bb5810f_b.jpg

  iOS则通过简洁的视觉层级区分,UI设计中Android和IOS设计差异总结如下图的组件样式。单纯的分割线区分层级关系。

v2-f12416023e6c47ff57afc8e678c78b5e_b.jpg

  7、组件用法

  7.1搜索栏

  android常使用搜索图标,用户点击图标进入搜索栏界面。

  iOS直接以输入框的形式展示,用户点击激活输入框,从视觉的角度上看,iOS的搜索栏视觉更强化,更容易引导用户搜索。

v2-c52535d8e4809373dbc92f363a5336ad_b.jpg

  7.2警示对话框

  android对话框文案左对齐,按钮文案右对齐。

  iOS对话框文案居中对对齐,按钮也都居中对齐。

v2-70ae2395f34b3b6263cb93ff12a295d0_b.jpg

  7.3卡片

  android针对于提示语,通常放在卡片里面,而iOS放在卡片外面。

v2-42c82105529903b54ced9e10b401c05f_b.jpg

  7.4toast

  android的tost一般在界面底部,文案左对齐(非居中对齐)。安卓除了toast还有snackbar 。

  iOS一般在界面居中位置,为了强化反馈状态,一般会有图标搭配对应的文案。

v2-b1f2738e7c609d5ec1ebb16122000bcc_b.jpg

  7.5导航栏

  Android版的返回icon,通常用左箭头(中间有一杠)。同时导航栏的标题位于左边箭头之后,标题为当前界面的标题。

  iOS版的返回箭头(中间没有一杠),返回箭头之后为上一级界面的标题。导航栏中间的标题为当前界面的标题。

v2-b9f47400e5cdc2404ae8b6f10bef94b6_b.jpg

  7.6发送按钮

  Android版微信信息发送的按钮放在了工具栏上,ios版微信的信息发送按钮内嵌在键盘上。

  下图为android版发送流程。

v2-009bc88fbe37c007ade45974b839de79_b.jpg

  下图为iOS版发送流程:

v2-5e3742b69cb8a86faaac1b3114fa1312_b.jpg

  7.7更多操作

  针对于更多操作时,android长按通常出现菜单,而iOS长按通常出现底部操作列表

v2-890ee62bb26214277de72805941af6e6_b.jpg

  总结:

  以上是针对iOS和android端部分设计的差异性总结。如果需要做两套设计,那么应该如何设计呢?可以先做一套iOS的,然后针对android端的,组件涉及到不同的地方进行全局替换。例如长按操作,android使用菜单,iOS使用底部操作列表。对话框、底部操作列表和toast等组件进行全局替换即可。因此,您现在已经了解了与UI设计师的工作相关的主要技能。如果您想了解更多信息,请给我点个关注,我之后还会发包含有关在该领域工作的更多相关文章。

越努力越幸运:UI设计色彩趋势总结​zhuanlan.zhihu.com
v2-22dac476f494f4944f3fc08762f73e03_180x120.jpg
越努力越幸运:UI设计中的筛选控件指南​zhuanlan.zhihu.com
v2-976f8e41b4e49f80b4cc2baffd0511ff_180x120.jpg
越努力越幸运:UI设计中踩过的坑​zhuanlan.zhihu.com
v2-2d3242d8629c3f95d9a449ad615cbe56_180x120.jpg
越努力越幸运:平面设计中的字体设计新花样​zhuanlan.zhihu.com
v2-f5fab236bc799708e0a33fd400eb2dad_180x120.jpg
越努力越幸运:平面设计中的国风海报设计​zhuanlan.zhihu.com
v2-3cafb5b4fa8e8b4e0924bff1a9b4ceb8_120x160.jpg

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/542586.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Kotlin程序用于打印JVM版本的Kotlin(打印Java属性)

Here, we will create a Kotlin program to print Kotlin, JVM version (printing Java properties). As Kotlin can be seen as an upgrade of Java, so we will get all versions of java (JVM) using Kotlin also. 在这里,我们将创建一个Kotlin程序以打印JVM版本…

自定义动画属性java_创建酷炫动画效果的10个JavaScript库

原标题:创建酷炫动画效果的10个JavaScript库1) Dynamics.jsDynamics.js是设计基于物理规律的动画的重要Java库。它可以赋予生命给所有包含CSS 和SVG属性的DOM(文本对象模型)元素,换句话说,Dynamics.js适用于所有Java对象以及一系列其它的元素…

php xlsx里插入图片_常见的 PHP 面试题和答案分享

如何直接将输出显示给浏览器&#xff1f;将输出直接显示给浏览器&#xff0c;我们必须使用特殊标记 <&#xff1f;and&#xff1f;>。PHP 是否支持多重继承&#xff1f;PHP 只支持单继承。PHP 的类使用关键字 extends 继承另一个类获取图片属性&#xff08;size, width, …

java调用构造函数中某一个值_Java如何在枚举的构造函数中调用另一个枚举值

Java中的枚举(enum)是一种存储一组常量值的数据类型。您可以使用枚举来存储固定值&#xff0c;例如一周中的天&#xff0c;一年中的月等。您可以使用关键字 enum定义枚举&#xff0c;后跟枚举的名称为-enum Days {SUNDAY, MONDAY, TUESDAY, WEDNESDAY, THURSDAY, FRIDAY, SATUR…

python 示例_Python日历类| yeardatescalendar()方法与示例

python 示例Python Calendar.yeardatescalendar()方法 (Python Calendar.yeardatescalendar() Method) Calendar.yeardatescalendar() method is an inbuilt method of the Calendar class of calendar module in Python. It uses an instance of this class and returns a lis…

js:插入节点appendChild insertBefore使用方法

首先 从定义来理解 这两个方法&#xff1a; appendChild() 方法&#xff1a;可向节点的子节点列表的末尾添加新的子节点。语法&#xff1a;appendChild(newchild) insertBefore() 方法&#xff1a;可在已有的子节点前插入一个新的子节点。语法 &#xff1a;insertBefore(newchi…

pandas concat_pandas-数据合并-concat(最全参数解释,含代码和实例)

pandas中的concat的功能&#xff1a;假设你现在需要将多个数据合并&#xff0c;前提是&#xff1a;这几个文件列名都一致&#xff0c;也就是说这几个文件格式完全一样&#xff0c;只是数据不太一样&#xff0c;类似于合并多个文件这种&#xff0c;实际数据分析中也会遇到这种情…

java中的de是什么_【转】java中main函数解析

源地址&#xff1a;http://www.cnblogs.com/xwdreamer/archive/2012/04/09/2438845.html从写java至今&#xff0c;写的最多的可能就是主函数public static void main(String[] args) {}但是以前一直都没有问自己&#xff0c;为什么要这么写&#xff0c;因为在c语言中就没有这样…

JAVA多线程(一)线程安全问题产生的原因

JAVA线程内存与主存间映射示意图Java内存模型中规定了所有的变量都存储在主内存中&#xff0c;每条线程还有自己的工作内存&#xff0c;线程的工作内存中保存了该线程使用的变量到主内存副本拷贝&#xff0c;线程对变量的所有操作&#xff08;读取、赋值&#xff09;都必须在工…

两顶点的路径长度为k_计算两个顶点之间的所有可能路径

两顶点的路径长度为kWhat to Learn? 学什么&#xff1f; How to count all possible paths between two vertices? 如何计算两个顶点之间的所有可能路径&#xff1f; In the graph there are many alternative paths from vertex 0 to vertex 4 在图中&#xff0c;有许多从…

php debug_print_backtrace,php中debug_backtrace、debug_print_backtrace和匿名函数用法实例

本文实例讲述了php中debug_backtrace、debug_print_backtrace和匿名函数用法。分享给大家供大家参考。具体分析如下&#xff1a;debug_print_backtrace() 是一个很低调的函数,很少有人注意过它.不过当我们对着一个对象调用另一个对象再调用其它的对象和文件中的一个函数出错时,…

covariance matrix r语言_时间序列分析|ARIMAX模型分步骤详解和R中实践

这是关于时间序列的第N篇文章&#xff0c;本文将介绍ARIMAX模型&#xff0c;简单来说就是在ARIMA的基础上增加一个外生变量。ARIMAX和ARIMA相比在理论上没有太多新的内容&#xff0c;所以本文直接介绍在R里怎么一步一步跑ARIMAX。在阅读这篇文章前&#xff0c;需要对ARIMA有一定…

linux系统编程之文件与I/O(六):fcntl 函数与文件锁

2013-05-14 11:26 8290人阅读 评论(2) 收藏 举报分类&#xff1a;linux系统编程&#xff08;19&#xff09; 版权声明&#xff1a;本文为博主原创文章&#xff0c;未经博主允许不得转载。 一、fcntl函数 功能&#xff1a;操纵文件描述符&#xff0c;改变已打开的文件的属性 int…

python 使用异常函数_您如何测试Python函数引发异常?

python 使用异常函数This article elaborates on how to implement a test case for a function that raises an exception. 本文详细介绍了如何为引发异常的函数实现测试用例 。 Consider the following function: 考虑以下功能&#xff1a; import redef check_email_forma…

php 远程图片合拼,PHP实现将几张照片拼接到一起的合成图片功能【便于整体打印输出】...

本文实例讲述了PHP实现将几张照片拼接到一起的合成图片功能。共享给大家供大家参考&#xff0c;详细如下&#xff1a;/*** 作品合成程序* 针对单面&#xff0c;封面不做特殊处理*/$src_path $argv[1]; // php该文件&#xff0c;第一个参数是文件夹名(作品集)&#xff0c;可相对…

bandizip最后一个无广告版本_如果非要选择一款压缩软件的话——Bandizip

全世界只有不到0.00~1 % 的人关注了我们得到你的关注是小帮的幸运压缩解压软件是电脑一个必备软甲&#xff0c;前面的文章介绍了一款开源小巧无广告的压缩解压软件windows工具软件选择之压缩软件——7-Zip&#xff0c;如果有人用不惯的话可以试试今天的这款。Bandizip 是一款来…

[MVC学习笔记]1.项目结构搭建及单个类在各个层次中的实现

新人刚开始学习ASP.NET MVC&#xff0c;若有不足之处希望能得到您的指点&#xff0c;不胜感激&#xff01; 先来一张项目的层级结构图: Model&#xff1a;模型层&#xff0c;主要是各种类型、枚举以及ORM框架&#xff0c;框架完成数据库和实体类的映射。项目中选用了微软的开源…

日期getUTCSeconds()方法以及JavaScript中的示例

JavaScript日期getUTCSeconds()方法 (JavaScript Date getUTCSeconds() method) getUTCSeconds() method is a Dates class method and it is used to get seconds from the current time according to the UTC (Universal time coordinated). getUTCSeconds()方法是Date的类方…

dedecms 在模板里引入php文件夹,dedecms如何添加并引入php文件

前言&#xff1a;有些时候我们需要创建一些单独的PHP文件&#xff0c;但是随便放入的PHP文件是不能够编译织梦 dedecms的标签的&#xff0c;所以我们需要引入织梦标签的编译引擎方案。例如&#xff0c;我们在根目录创建 example.php&#xff0c;代码如下&#xff1a;<?php …