Material Design概述_第1张图片

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概述_第2张图片

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

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

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

Material Design概述

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

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

更多相关文章

  1. Android系统手机重启与恢复出产设置源代码跟踪
  2. Android OnGestureListener用法 识别用户手势 左右滑动
  3. (转)认识Android手机--来自MIUI
  4. android用户界面-组件Widget-进度条ProgressBar
  5. Android View之用户界面...
  6. Android设备上i-jetty环境的搭建-手机上的web服务器
  7. iOS Airplay--Airtunes音乐播放在Android盒子和手机上的实现 (第
  8. react-native android手机webview加载html不显示
  9. Android 之 手机全屏显示

随机推荐

  1. Android(安卓)HTTP GET/POST
  2. Android(安卓)自定义View java.lang.Runt
  3. 设置android全屏的两种方式
  4. android 以太网设置静态ip
  5. Android(安卓)下通过 HTTP 获取天气 API(
  6. mtk android lcm调试
  7. android 使用OkHttpClient上传文件到服务
  8. android读写文件权限管理
  9. Android----View
  10. android整合--UI基本控件Button,ImageBut