由于设师、产品理使用的移动设备部分iPhone,所以设时,易忽略AndroidiOS的差异,按照iOS的规范行设,两端只一套。
做套会存在两个问题:
- 安卓用户的使用习惯不太应iOS的设,导致使用时遇到阻碍,任务流程失败率变高。
- 如设计师或者品经理有异常场景状态没有想到,导致安卓开发没有组件调用,为了省事接调用安卓自带组件,导致个品在视觉风格上既有品风格组件又有安卓系统组件 ,统性。
所以设师设过程中,针对两端的差异性,可以单独将具差异性的Android部分出,保持两端的差异性。
iOS通过使用留白、简化UI、使用无框按钮方式使得呈的功能加清晰。减少使用框、渐变阴影,使界面尽可能轻化,从突显内。以功能驱动设,突出重点内并传达交互性。
留白可以使要内容和功能更加醒目、更易理解。使个应用看起来更加聚焦和高效,如下图1所示。
让颜色简化UI,使用一个主题色。比如备忘录中用了黄色,高亮了重要块的息并巧妙地用式暗示可交互性,如下图2所示。
使用无边框的按钮,通文案、颜以及操指引标题来表明该无边框按钮的互。下图3所示。
Material 通构建系统化的动效和空间合理化用,并将两个理念合二为一,构成隐喻。
在基本元素的处上,借鉴了传统的印刷设计:版、格、空间、例、配色、图像等,使这些基础的平面设计规范。
这些设基础,构建出视觉层级、视觉意义以及视觉聚焦。
当App含有虚拟商,那么户购方式一样。
对于iOS用户,支付渠道必须走苹果支付平台,并抽取30%作服务费。android版不用走平台,使用支付宝、微信支付第三方支付平台即可。
如下图所示,网易云音乐android版,支付时可以选择支付宝、微信、京东等支付。
而iOS端则能走苹官平台(App Store)。于公司来说,抽成30%意味着收入下降,是这走平台支付也有个好处,可以连续订阅,自动续期扣钱。
iOS系统消息送必须依靠苹APNS(Apple Push Notification Service)服务来完成,信息与app交互是过苹服务完成。
Android的消息推送相比之下更加开源,在不选择使用GCM的情况下,app的消息推送就需要在或者是第三方服器备之间建立一条长,通过长进行推送。
这味着iOS端,即使app的后杀死,依旧可以收推送。而android端则需要保持后在线才能收推送消息。
iOS系统每个app之间没有文件夹概念,导致无法找对应app的文件夹。
果iOS版app想要送文件时,则无法选择对应的文件夹里面的文件。但是因为有iCloud的存在,以通iCloud选择文件。
如图示,微信如果想发送件到微信好友时,点击件,进入iCloud择件发送即可。
而卓版则可调取件夹,择对应的件发送。如图示,qq给好友发送件时,直接进入手机的件夹中到对应的件
android和iOS的手势区别比大,对隐藏的操,安卓长按,iOS左右滑动。
如图示,卓针对列表更多操作时,采长按手势,长按现菜单。
iOS左右滑动出隐藏的操作。
iOS和android整体上视觉差异很明显。
android组件整体呈通过投影产层级区分,如下图所示。
iOS则通过简洁的视觉层级区分,如下图的组件样式。单纯的分割线区分层级关系。
1. 搜索栏
android常使用搜索图标,用户点击图标进搜索栏界面。
iOS直接输入框的形式展示,户点击激输入框,从视觉的角上看,iOS的搜索栏视觉更强,更容易引导户搜索。
2. 警示对框
android对框文案左对齐,按钮文案右对齐。
iOS对话框案中对对齐,按钮都中对齐。
3. 卡
android针对提示语,通常放在卡里面,而iOS放在卡外面。
4. toast
android的tost一在界面底部,文案左对齐(非居中对齐)。安卓除了toast还有snackbar 。
iOS一般在界面居中位置,为强化反馈状态,一般有图标搭对应的文案。
5. 导航栏
Android版的返回icon,通常用左箭头(中间有一杠)。同导航栏的标题位于左边箭头之后,标题为当前界面的标题。
iOS版的返回箭头(中间没有一杠),返回箭头之为上一级界面的标题。导航栏中间的标题为当前界面的标题。
6. 送按钮
Android版微信信息送的按钮放在工具栏上,ios版微信的信息送按钮内嵌在键盘上。
图为android版发送流程。
图为iOS版发送流程:
7. 更操
针对更操时,android长按通常出现菜单,而iOS长按通常出现底部操列表
以上是针对iOS和android端部计的差异性总结。
果需要做两套设计,么应该何设计呢?
可先做一套iOS的,然后针对android端的,组件涉及到同的地方进行全替换。
例如按操作,android使用单,iOS使用底部操作列表。对话框、底部操作列表toast组件行全局替换即可。
欢迎关注作者微信公众号:「Echo设计笔记」