1 / 9
文档名称:

UI必知之MD和IOS设计规范的区别.docx

格式:docx   大小:2,392KB   页数:9页
下载后只包含 1 个 DOCX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

UI必知之MD和IOS设计规范的区别.docx

上传人:lu2yuwb 2021/11/25 文件大小:2.34 MB

下载得到文件列表

UI必知之MD和IOS设计规范的区别.docx

文档介绍

文档介绍:UI必知之MD和IOS设计规范的区别
LT
在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非常喜欢使用真实世界元素的物理规律与空间关系来表现组件之间的层级关系。
而阴影就是最常见的表现形式:
区别三:配色
MD提倡使用高饱和度的对比色来提升产品的视觉表现力,也就是我在上面提到的大色块。同样的一个功能,从底部栏背景色、插画到按钮,我们可以发现iOS在色彩的使用上比较克制。
知乎之前的安卓版本使用了大面积的蓝色,后来改成跟iOS一样的白色。这样的调整褒贬不一,有的用户反馈这完全照搬了iOS,要改回MD。
产品界面设计中对比效果主要由配色、尺寸、间距和阴影来完成。MD在配色和阴影上做的比较出彩,所以MD风格的产品在视觉表现上更有冲击力。而iOS则显得比较小清新,追求扁平和简洁。所以我们无法去评判这两款设计规范的孰好孰坏,因为其各自的出发点就是不一样的。
当然前面也提到了MD和iOS的差异不仅仅体现在以上说的这三点,还有一些小细节也非常值得我们思考。我们都知道在iOS系统中,用户向右滑动的时候会返回上一级页面。因为苹果手机没有物理返回按键,所以这种机制非常受欢迎,