Android和iOS的UI要设计一致吗?

概述

我个人偏向于遵守各自平台规范,你可能就有疑问了,不一致岂不是设计要增加很多工作量吗?这个疑问确实戳中了一个点,但是不是这个问题的要害,我们先来假设UI要求完全一致和不一致两种情况。

iOS的界面UI风格

完全一致

优点:

  1. 对UI设计的要求降低(只需要知道iOS的设计风格)
  2. UI的工作量降低(这个降低程度其实微乎其微)
  3. 如果老板是iOS用户感觉产品使用起来很nice(幻觉)
  4. 这是反用户需求的设计或者说是设计师的强迫症

缺点:

  1. 各个平台的用户体验不一致,特别是Android用户使用起来感觉比较怪(因为用户手机上有很多应用,你比较特别哟)。
  2. android程序员开发成本大大增加(这个形容一点不夸张),我们可爱的android工程师需要重复发明轮子(这个轮子有可能不是一般的轮子,可能会影响整个android系统的稳定性,真的是得不偿失)。

按照各自平台规范

优点:

  1. 用户体验一致,最起码不感觉那么别扭。
  2. Android程序员终于可以和iOS在一个起跑线开发了(不然老被老板问为啥慢一拍)。
  3. 减少开发过程中UI和开发的争吵和厮打。
  4. 容易抽取出各自平台的设计规范,方便设计和开发的工作和维护
  5. 设计师和用户从正面认识到变化中的 android UI 规范,设计也得与时俱进嘛(Android已不是当年的Android了,有些偏见得用我们的知识去弥补)

缺点:

  1. 增加了UI学习成本(这个我感觉说是缺点比较勉强)
  2. 部分地方需求做出两个平台各自的设计风格.

平台不同举例

导航: 抽屉式 vs 底部标签

导航设计似乎是设计界的圣战话题之一。Material Design最新的设计规范中也纳入了iOS的底部标签栏。

Material Design底部标签栏

按钮
Floating Action Button是Material design中一个特殊的存在。

Floating Action Button

顶部分割控制

iOS叫它Segment Control,在Material Design中则叫做Tabs。

顶部分割控制

对话框

iOS的默认系统警告对话框只有内容+两个按钮,而在Android上变成了 对话框标题+内容+两个按钮

对话框

相关资源

Android设计规范中文地址:http://wiki.jikexueyuan.com/project/material-design/
iOS设计规范地址:https://developer.apple.com/ios/human-interface-guidelines/overview/themes/

评论

Ajax Android AndroidStudio Animation Anroid Studio AppBarLayout Banner Buffer Bulma ByteBuffer C++ C11 C89 C99 CDN CMYK COM1 COM2 CSS Camera Raw, 直方图 Chrome ContentProvider CoordinatorLayout C语言 DML DOM Dagger Dagger2 Darktable Demo Document DownloadManage Element Error Exception Extensions File FileProvider Fresco GCC Git GitHub GitLab Gradle Groovy HTML5 Handler HandlerThread Hexo Hybrid I/O IDEA IO ImageMagick IntelliJ Intellij Interpolator JCenter JNI JS Java JavaScript JsBridge Kotlin Lab Lambda Lifecycle Lint Linux Looper MQTT MVC MVP Maven MessageQueue Modbus Momentum MySQL NDK NIO NexT Next Nodejs ObjectAnimator Oracle VM Permission PhotoShop Physics Python RGB RS-232 RTU Remote-SSH Retrofit Runnable RxAndroid RxJava SE0 SSH Spring SpringBoot Statubar Task Theme Thread Tkinter UI UIKit UML VM virtualBox VS Code ValueAnimator ViewPropertyAnimator Web Web前端 Workbench api apk bookmark by关键字 compileOnly css c语言 databases demo hexo hotfix html iOS icarus implementation init jQuery javascript launchModel logo merge mvp offset photos pug query rxjava2 scss servlet shell svg tkinter tomcat transition unicode utf-8 vector virtual box vscode 七牛 下载 中介者模式 串口 临潼石榴 主题 书签 事件 享元模式 仓库 代理模式 位运算 依赖注入 修改,tables 光和色 内存 内核 内部分享 函数 函数式编程 分支 分析 创建 删除 动画 单例模式 压缩图片 发布 可空性 合并 同向性 后期 启动模式 命令 命令模式 响应式 响应式编程 图层 图床 图片压缩 图片处理 图片轮播 地球 域名 基础 增加 备忘录模式 外观模式 多线程 大爆炸 天气APP 太白山 头文件 奇点 字符串 字符集 存储引擎 宇宙 宏定义 实践 属性 属性动画 岐山擀面皮 岐山肉臊子 岐山香醋 工具 工厂模式 年终总结 开发技巧 异常 弱引用 恒星 打包 技巧 指针 插件 摄影 操作系统 攻略 故事 数据库 数据类型 数组 文件 新功能 旅行 旋转木马 时序图 时空 时间简史 曲线 杂谈 权限 枚举 架构 查询 标准库 标签选择器 样式 核心 框架 案例 桥接模式 检测工具 模块化 模板引擎 模板方法模式 油泼辣子 泛型 洛川苹果 浅色状态栏 源码 瀑布流 热修复 版本 版本控制 状态栏 状态模式 生活 留言板 相册 相对论 眉县猕猴桃 知识点 码云 磁盘 科学 笔记 策略模式 类图 系统,发行版, GNU 索引 组件 组合模式 结构 结构体 编码 网易云信 网格布局 网站广播 网站通知 网络 美化 联合 膨胀的宇宙 自定义 自定义View 自定义插件 蒙版 虚拟 虚拟机 补码 补齐 表单 表达式 装饰模式 西安 观察者模式 规范 视图 视频 解耦器模式 设计 设计原则 设计模式 访问者模式 语法 责任链模式 贪吃蛇 转换 软件工程 软引用 运算符 迭代子模式 适配器模式 选择器 通信 通道 配置 链表 锐化 错误 键盘 闭包 降噪 陕西地方特产 面向对象 项目优化 项目构建 黑洞
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×