美文网首页
Material Design概述

Material Design概述

作者: 许宏川 | 来源:发表于2015-11-06 19:18 被阅读131次

    Material Design是设计规范

    Material Design是Google推出的一种视觉设计语言,起因Android的UI风格特别凌乱,而且各种“借鉴”IOS风格,弄得不伦不类。所以Google从Android 4.0就开始推出Android Design试图提出官方设计规范供开发者参考。Material Design主要用于Android,也可以应用在网页设计。

    Android的碎片化

    其实Google一直为Android的碎片化操碎了心,很想统一用户体验。从一开始推出Nexus手机自带原生系统作为示范,收回虚拟按键的控制权,后来又提出视觉设计语言,甚至还听说想统一CPU(我觉得不太可能,百花齐放才是Android的繁荣原因,而且高通、三星、联发科、华为不得跳出来咬死Google)。
    物美价廉的Nexus手机虽然便宜但是除了少数极客销量很低,在大陆的销量几乎可以无视。在15年的6P、6X之前的Nexus手机虽然处理器和系统一直属于上乘,但是拍照和续航都很差,从14年的6儿子开始也失去了廉价的标签。所以购买Nexus手机体验到原生系统和及时更新系统服务的Android用户很少,用户习惯早都被各种手机厂商带坏了。所以Nexus手机除了给极少数用户带来小众逼格之外没什么功劳。
    虚拟按键我个人觉得是个很丑的设计,一开始是觉得Android按键太乱,有的有搜索有的没有(2.X时代),返回键有的在左边有的在右边,所以想收回控制权统一使用虚拟按键。这个设计首先占用屏幕,其次“海带条”真心不好看。另外在大屏手机返回键在下方真心体验没有IOS在左上角好。因为单手操作时大拇指在向上扫动要比向下扫动舒服。
    至于提出视觉设计语言就是很好的事了,一来可以解决UI碎片化的问题培养用户习惯,其次很漂亮。可惜到目前为止并没有多少人遵守,还是各种IOS风。例如像这个音量设计,真是无力吐槽。


    遵守设计规范,为统一体验出一份力

    不管怎么样,咱们要学好Material Design及日后推出的更优秀的设计语言。为Android的做出一份贡献。
    接下来的几篇文章会写Material Design的规范,目前最好的了解资料是Google官方的Material Design文档,我在极客学院看到了有中文版,为辛苦翻译的同学点赞。

    我这里只是复述一下,主要是自己巩固一下。然后对于官方文档我不太习惯西方人表述方式,还有就是顺序我觉得不太好。另外会添油加醋点个人的看法。

    Material Design概述

    接下来才进入到正文,Material Design(以后简称MD)是什么样子。
    我通读了文档之后,总结了MD有以下内容:

    • 扁平化
    • 沉浸式
    • 卡片(MD的UI大部分是由一张张卡片组成。官方的文档叫做Material,翻译过来是材料吗?但是我觉得大部分的材料都是卡片,所以后面的文章很多时候我会说成是卡片)
    • 遵守物理规律(例如阴影分正射和斜射,阴影随高度的变化而变化,卡片之前不能穿透,卡片移动有加速度概念)
    • 用户的输入有反馈
    • 动画有意义
    • 然后就是有一些推荐的布局、组件、一套标准的配色方案,数据的展示格式,字体大小,控件高度(例如Button多高,Dialog多高,FAB多高,通过阴影大小反映高度。)

    相关文章

      网友评论

          本文标题:Material Design概述

          本文链接:https://www.haomeiwen.com/subject/jprchttx.html