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,一经查实,立即删除!

相关文章

自定义动画属性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, …

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;有许多从…

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…

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

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

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

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

mybatisplus代码生成器_想做时间管理大师?你可以试试Mybatis Plus代码生成器

1. 前言对于写Crud的老司机来说时间非常宝贵&#xff0c;一些样板代码写不但费时费力&#xff0c;而且枯燥无味。经常有小伙伴问我&#xff0c;胖哥你怎么天天那么有时间去搞新东西&#xff0c;透露一下秘诀呗。好吧&#xff0c;今天就把Mybatis-plus的代码生成器分享出来&…

c++ websocket客户端_websocket使用

websocket使用一、介绍在项目开发过程中&#xff0c;很多时候&#xff0c;我们不可避免的需要实现的一个功能&#xff1a; 服务端实时发送信息给客户端。比如实时公告、实时订单通知、实时报警推送等等&#xff0c;登录后的客户端需要知道与它相关的实时信息&#xff0c;以便进…

在cordova中使用HTML5的多文件上传

2019独角兽企业重金招聘Python工程师标准>>> 我们先看看linkface给开放的接口&#xff1a; 字段类型必需描述api_idstring是API 账户api_secretstring是API 密钥selfie_filefile见下方注释需上传的图片文件 1&#xff0c;上传本地图片进行检测时选取此参数selfie_ur…

linux常用命令和配置

2019独角兽企业重金招聘Python工程师标准>>> 启动php&#xff1a; /etc/init.d/php-fpm restart 查看PHP运行目录&#xff1a; which php /usr/bin/php 查看php-fpm进程数&#xff1a; ps aux | grep -c php-fpm 查看运行内存 /usr/bin/php -i|grep mem iptables如…

centos7时间同步_centos 8.x系统配置chrony时间同步服务

centos 8.x系统配置chrony时间同步服务CentOS 7.x默认使用的时间同步服务为ntp服务&#xff0c;但是CentOS 8开始在官方的仓库中移除了ntp软件&#xff0c;换成默认的chrony进行时间同步的服务&#xff0c;chrony既可以作为客户端向其他时间服务器发送时间同步请求&#xff0c;…

ICWAI和ICWA的完整形式是什么?

ICWAI / ICWA&#xff1a;印度成本与工程会计师协会/印度儿童福利法 (ICWAI / ICWA: Institute of Cost and Works Accountants of India / Indian Child Welfare Act) 1)ICWAI&#xff1a;印度成本与工程会计师协会 (1) ICWAI: Institute of Cost and Works Accountants of In…

crontab 日志_liunx 中定时清理过期日志文件

问题描述经常遇到日志文件过多&#xff0c;占用大量磁盘空间&#xff0c;需要定期删除过期日志。问题涉及方面删除过期日志的脚本。定时任务删除任务脚本先查询到过期的日志文件&#xff0c;然后删除。语法find path -option [ -print ] [ -exec -ok command ] …

将搜索二叉树转换为链表_将给定的二叉树转换为双链表(DLL)

将搜索二叉树转换为链表Given a Binary tree and we have to convert it to a Doubly Linked List (DLL). 给定二叉树&#xff0c;我们必须将其转换为双链表(DLL)。 Algorithm: 算法&#xff1a; To solve the problem we can follow this algorithm: 为了解决这个问题&#…

cuda编程_CUDA刷新器:CUDA编程模型

CUDA刷新器&#xff1a;CUDA编程模型 CUDA Refresher: The CUDA Programming Model CUDA&#xff0c;CUDA刷新器&#xff0c;并行编程 这是CUDA更新系列的第四篇文章&#xff0c;它的目标是刷新CUDA中的关键概念、工具和初级或中级开发人员的优化。 CUDA编程模型提供了GPU体系结…