ios和android设计规范区别
发布网友
发布时间：2022-04-22 04:53
共2个回答
热心网友
时间：2023-05-20 01:14
App 界面的整体视觉组成大致可以分为四个部分：
StatusBar（状态栏）、TopBar（头部栏）、Body Content（内容区域）、FootBar（底部栏）。
StatusBar 的样式由系统 UI 决定，除背景配色外，不需要做其他的设计。
TopBar 两个系统平台规范上的显示高度与内容布局有明显的差异，按各自的规范进行设计。
Body Content 除控件外，采用相同的布局与视觉设计。
FootBar 除控件外，采用相同的布局与视觉设计。
二、Android差异化设计案例解读
1. StatusBar/TopBar 差异化设计
2. 常用的三个系统图标/控件差异化
3. 搜索/输入控件差异化
4. 弹窗样式差异化
三、Android系统交互与iOS系统交互的差异化设计
1. 交互方式：
除了上面提到了弹窗样式与交互差异化之外，对于一些系统交互行为，推荐尽量使用 iOS 与 Android 各自平台的系统控件与交互方式，降低开发与用户学习成本。系统交互行为主要包含以：返回上级/关闭当前页面的方式、通知开启或者关闭设置、发送/提交内容（键盘自带或者新增按钮点击）、Item 列表排序/删除、提示窗显隐、时间选择控件、手势操作等等。
2. 交互动效：
交互动效也推荐尽量使用 iOS 与 Android 各自平台的系统提供的动效。比如 iOS 的镜头切近与高斯模糊，Android 的纸墨磁吸等等。
单条 item 的交互差异示例
总体来说，就是以 iOS 版为参照，底部栏与中间内容区域尽量保持相同的设计，通过对状态栏、头部样式、控件（开关、选框、搜索、输入）、系统图标（返回、分享、更多）、弹窗样式、系统交互进行 Android 规范化差异，以保证该 App 的设计在两个不同的系统平台即能符合中国用户的使用习惯，又能适当体现系统的不同风格与特性。
热心网友
时间：2023-05-20 01:14
1.android4.0包括三个虚拟按键：返回、home和最近任务，而ios只有一个物理home按键，返回按钮一般放置在导航栏左上方。
2.android的主要操作栏在屏幕上方包括：向上+图标+页面名称+主要操作+更多（次要操作），主要操作栏还提供视图切换功能。ios包括导航栏、工具栏、tab栏，导航栏包括返回+标题+主要操作，工具栏包括一些次要操作，tab栏承担页面视图切换的功能。
3.android规定tab栏应在屏幕上方，主要操作栏下面，尽量不要放置在屏幕下方，防止与虚拟按键误操作，而ios的tab栏在屏幕下方。
4.android长按会出现情境操作栏，对内容项进行选择及内容项的主要操作功能，而ios很少使用长按功能。
5.在手势操作上，android可以向左滑动删除单条内容，或滑动屏幕切换不同视图，而ios向右滑动删除内容，并且提供摇一摇返回等功能。
6.界面表现形式不同如：文本输入框、弹出框、选择器、操作按钮图标等。
但是，可以看到，为了保持用户体验及平台的一致性，以及资源的可重复利用，两个平台在界面布局上应尽量统一，有些app也会打破这些差异性，好多android的app在布局上与ios相同。
