下载此文档

【最新】ui必知之md和ios设计规范的区别.docx


文档分类:办公文档 | 页数:约8页 举报非法文档有奖
1/8
下载提示
  • 1.该资料是网友上传的,本站提供全文预览,预览什么样,下载就什么样。
  • 2.下载该文档所得收入归上传者、原创者。
  • 3.下载的文档,不会出现我们的网址水印。
1/8 下载此文档
文档列表 文档介绍
UI必知之MD和IOS设计标准的区别
在UI设计师日常工作中,很重要的一个工作前提就是要熟知设计标准,那么对于移动端的设计标准,你们知道吗?那么,接下来就让小编给大家着重地分析一下MD和IOS设计标准在阴影、导航和配色这三
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会抛弃底部栏菜单,我个人的理解是设备原因。因为安卓机型底部有三个物理按键,如果采

【最新】ui必知之md和ios设计规范的区别 来自淘豆网m.daumloan.com转载请标明出处.

相关文档 更多>>
非法内容举报中心
文档信息
  • 页数8
  • 收藏数0 收藏
  • 顶次数0
  • 上传人吴老师
  • 文件大小542 KB
  • 时间2022-07-28
最近更新