资源描述
在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会抛弃底部栏菜单,我个人了解是设备原因。因为安卓机型底部有三个物理按键,假如采取底部栏菜单作为主导航模式,轻易造成用户误点击。
类似还有web类应用,因为浏览器控件栏也在底部,所以假如采取了底部栏菜单一样会造成用户误操作。
区分三:配色
MD提倡使用高饱和度对比色来提升产品视觉表现力,也就是我在上面提到大色块。一样一个功效,从底部栏背景色、插画到按钮,我们能够发觉iOS在色彩使用上比较克制。
知乎之前安卓版本使用了大面积蓝色,以后改成跟iOS一样白色。这么调整褒贬不一,有用户反馈这完全照搬了iOS,要改回MD。
产品界面设计中对比效果关键由配色、尺寸、间距和阴影来完成。MD在配色和阴影上做比较出彩,所以MD风格产品在视觉表现上更有冲击力。而iOS则显得比较小清新,追求扁平和简练。所以我们无法去评判这两款设计规范孰好孰坏,因为其各自出发点就是不一样。
当然前面也提到了MD和iOS差异不仅仅表现在以上说这三点,还有部分小细节也很值得我们思索。我们全部知道在iOS系统中,用户向右滑动时候会返回上一级页面。因为苹果手机没有物理返回按键,所以这种机制很受欢迎,不过在部分特定场景时候就会有问题。比如假如我想复制微博里“一曲肝肠断,天涯何处觅知音”,选中光标从左向右滑动,这时就会返回上一级页面,尤其不方便。所以我只能从右向左进行复制,我以后试了一下微信和QQ,发觉默认复制是整条动态,这也算是一个折衷方案。
iOS和MD两种设计风格,不是让我们现在就去为自己产品做出两套设计稿,这个现在来说也不太现实。很多国民类应用全部只采取了一套设计稿,大家全部这么做,整个大环境就是这么。不过还是那句话,存在不一定合理。出两套设计稿即使现在看起来不现实,不过我们也要做好准备,要有危机感。
假如您还想要了解更多相关信息,能够拨打右边官方电话,或点击进入优途时代官方网站进行咨询,或在文章下方留下您联络方法也是能够,优途专业客服人员看到信息会第一时间给您回复。
优途不仅仅是一家UI培训机构,同时也是一家专业UI设计企业,我们用户有联想、金山、中兴、环境保护部、国家电网等国家部委和百强企业全部和优途有项目合作。
优途时代师资团体全部由五年以上著名互联网设计师、产品经理组成,全部为实战出来设计师、产品经理。
展开阅读全文