必知之和设计规范的区别.pdf

UI 必知之 MD和 IOS 设计规范的 区别 在 UI 设计师日常工作中，很重要的一个工作前提就是要熟知设计规范，那 么对于移动端的设计规范， 你们知道吗？那么， 接下来就让小编给大家着重地分 析一下 MD 和 IOS 设计规范在阴影、导航和配色这三个方面有什么区别吧，希 望对大家能够有所帮助！ Material Design （以下简称 MD ）是谷歌研发的一套视觉语言设计规范， 主要应用于安卓类应用。 iOS Human Interface Guidelines （以下简称iOS ）是苹果公司针对 iOS 设计的一套人机交互指南，目的是为了使运行在 iOS 上的应用都能遵从一套特 定的视觉以及交互特性，从而能够在风格上进行统一。 相对来说，我们对于 iOS 的设计规范更加熟悉。因为考虑到成本，设计师 进行产品设计的时候只会出一套 iOS 的设计稿，然后去适配安卓机型。很少会 针对安卓机型再出一套 MD 风格的方案，这种现象虽然存在但是并不合理。不 同的系统 / 平台采用了不同的设计语言，不同的设计语言会培养出不同的操作习 惯。 例如使用安卓手机的用户平时见到的都是 MD 风格的界面，突然下了一个 iOS 风格的应用， 那么操作起来就会很不习惯，增加了学习成本。 为了让产品可 以适用不同平台用户的操作习惯， 提供 MD 和 iOS 两套设计稿是非常有必要的。 区别一：阴影 MD 意味着大色块 + 阴影，为什么 MD 如此痴迷于阴影？从它的名字就可 以看出来， Material Design ，这里的 material 指的是纸张。因为来源于现实 生活，所以 MD 非常喜欢使用真实世界元素的物理规律与空间关系来表现组件 之间的层级关系。 而阴影就是最常见的表现形式： 同样的账户注册页面，安卓界面中按钮带有阴影，而 iOS 界面中按钮没有 阴影。 FAB （Floating Action Button ） ,带有阴影的浮动操作按钮甚至成为了 MD 的一大招牌。相比较而言 iOS 更加扁平化。 区别二：导航体系 产品导航体系主要由菜单栏构成， 而根据位置以及交互方式可以分为顶部栏 菜单、底部栏菜单和侧边栏菜单。 iOS 的导航体系主要由底部栏菜单构成，而 MD 大量使用了顶部栏菜单和 侧边栏菜单。 当然这里并不是去评价 MD 和 iOS 哪个导航体系更好用，我说下自己的观 点。底部栏菜单的使用非常方便用户在单手握持情况下的操作， 但是对于大屏手 机来说， 单手操作会显得很吃力。 如果用户改由双手握持手机， 那么从易用性上 来说底部栏菜单没有任何优势。 MD 的方案更加注重对界面空间的利用， 侧边栏菜单就不说了。 以底部栏菜 单为例，在安卓机型中用户滑动的时候底部栏菜单会隐藏， 方便的用户可以看下 知乎，安卓版的底部栏用户滑动的时候会隐藏，而 iOS 则是固定不动的。 侧边栏的优势还体现在可以提供更多的标签，底部栏菜单最多可以放 5 个。 但是侧边栏菜单需要用户点击才能调出来， 比较隐蔽，而底部栏和顶部栏相对来 说就会显得一目了然，总之各有千秋。 至于为什么 MD 会抛弃底部栏菜单，我个人的理解是设备原因。因为安卓 机型底部有三个物理按键， 如果采用底部栏菜单作为主导航模式，