目 录CONTENT

文章目录

浅论安卓(Android)与苹果(iOS)的交互设计差异

慧行说
2017-05-31 / 0 评论 / 0 点赞 / 1,128 阅读 / 844 字 / 正在检测是否收录...
温馨提示:
本文最后更新于 2023-05-21,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

目前移动端的操作系统基本上由安卓(Android)与苹果(iOS)垄断,大部分移动端设计也是针对这两个系统的,今天我们就来分析下这两者的产品设计有哪些不同。

导航方式不一样

iOS的TAB按钮一般放在页面底部,而且不能通过滑动来切换,只能够通过点击来进行页面切换。如下图。

iOS底部TAB按钮通过点击切换

安卓则是滑动与点击均可进行TAB页面的切换,如下图安卓版微信,可通过左右滑动与点击切换页面。

安卓版微信可通过左右滑动或点击切换TAB页

单条item的操作方法不同

在iOS中对单条item的操作有两种,点击和滑动,点击一般进入一个新的页面,滑动会出现对这条item的一些常用操作。这里以微博消息列表item为例。

微博消息列表左滑出现删除按钮

而在安卓系统里要完成同样的操作则需要对单条item进行长按,如下图。

安卓版对列表长按进行其它操作

针对新版安卓QQ,已经出现列表可左右滑动,包括锤子OS也增加了对单条item的左右滑动设计,这里不做特殊说明。包括苹果6s以上设备的3D触控功能。

二级页面导航条区别

iOS:这里以iOS版本的微信朋友圈为例。

  • 返回箭头+父级页面标题;
  • 当下页面标题(居中,可以没有);
  • 重要操作:可一个或多个;
  • 更多操作:横向省略号。

微信朋友圈截图

目前部分IOS软件的更多操作设计也有用竖向省略号的。

安卓:这里以安卓版陌陌聊天窗口为例。

  • 返回箭头+当前页面标题:这个跟iOS的最大区别在于去掉了父级页面的标题;
  • 当下页面标题:居左,与返回箭头有一定间隔;
  • 重要操作:可一个或多个;
  • 更多操作:竖向省略号;

更多操作为竖向省略号

4. 弹出框样式区别

这部分逻辑是统一的,但是细节不一样。一般iOS的文案内容居中,安卓的居左。样式也不大一样。另外,不论安卓还是iOS,按钮都是否定在左,肯定在右,见下图(图侵删)。

安卓与iOS弹框对比

按钮圆角细节

在按钮圆角的设计上,iOS比安卓的更为圆滑,见下图。

IOS按钮

安卓按钮

列表指引

iOS会在单个可点击的列表上加右箭头,提醒有更多内容可供点击,见下图:

注意列表的小箭头

想对与iOS,安卓的设计理念为所有区域均可点击,没有小箭头指示,见下图:

安卓的列表无小箭头

屏幕分辨率不一样

安卓:720X1280或者1090X1920;
iOS:750X1334或者1242X2208;

应用内更新的方式

iOS一般通过应用商店统一更新,APP内部不提供手动点击更新按钮,而安卓则在APP内部保留了更新入口,见下图。

iOS版无手动更新入口

安卓版本有手动检测更新入口

以上就是我在从事移动APP产品经理的岗位上总结出来的部分,欢迎大家补充指正。部分内容来源于互联网。

0

评论区