关于实践 Material Design 的三个基本问题

本文系受 NEXT 邀请分享「优秀的 Material 应用」产品集所写的专栏文章,首发于 36氪


说起 Material Design,相信不用介绍太多。这是 Google 自去年 Android 5.0 开始推广的全新设计语言,而整个设计语言的暗喻基于 material——材料和质感。随着 Android 5.0 的普及、国内第三方 ROM 的更新和跟进,相信 Material Design 会真正成为国内开发者们所面临的产品抉择——我们的应用要不要采用 Material Design?要想清楚这个决定,那 Material Design 是什么、为什么要采用 Material Design 以及在自己的产品中怎样实践 Material Design 会成为首先要回答的三个问题。

Material Design 是什么?

这里不再赘述,Material Design 的官方设计文档就是最好的答案。其中,理解 Material Design 最核心的是要理解 material 的隐喻和特性:空间层级、阴影、质感、表面和触摸反应。另外,知乎上也有相关讨论可以一看。

为什么要采用 Material Design?

关于这个问题的答案,无外乎内外两个角度。

从产品自身来说,如果是垂(yong)直(hu)类(shao) 的应用、需要以设计作为突破点、用户群偏年轻又或者是一款全新产品,再加上设计师们对 Material Design 有理解和认同,那么采用 Material Design 会无比正确。它会让你应用的界面在 Android 上第一次拥有完整、自洽以及颜值颇高的视觉和体验,比如我们就自认为极简汇率 for Android 的界面其实比 iPhone 版还要漂亮。但如果你的应用拥有大量情况复杂的用户(例如超过一千万日活、既有学生也有老人),那对于采用 Material Design,你则需要更为慎重的考量。因为就目前来说,Material Design 还属于一个早期(不成熟)的探索性草案:很多交互过于高级复杂(比如 drawer 层级太深)、连Google 自己对某些设计的实践都常常冲突,以及 Material Design 浓浓的「逻辑理性」都可能会让严重依赖感性和直觉的普通中国用户产生使用上的困惑和障碍。

而从外部环境来说,无论自身完成度如何,在 Google 的力推之下,Material Design 都会成为 Android 生态中的「趋势」和「风潮」。如果你从营销、口碑角度去考虑,那么越早采用 Material Design,你的收益会越大。比如更多的曝光——应用商店和媒体会更优先推荐采用 Material Design 的应用,或者更高的口碑——极客用户会对你的应用产生好感和喜爱,进而主动传播你的产品。

所以,你的应用是否要采用 Material Design?这其实不是一个设计决策,而是一个产品决策。这更多取决于你自己产品的实际情况、目标人群、团队、营销推广等设计之外的角度考量,或者,还得受限于老板(产品决策者)的品位。

如何在自己的产品中实践 Materail Design?

这个问题最好的答案就是「Material Design 产品集」中提到的 30 多款应用,欢迎大家补充,我也会持续更新。

这里面有一开始就采用 Material Design 的全新应用(例如 Today Calendar),也有采用 Material Design 进行改版的成熟应用(比如 Evernote)。所以,最好的学习方式就是琢磨这些已经汇集了大量产品经理、设计师和工程师心血的现有产品。

在我看来,这些应用所体现的是两种不同的产品策略:一种是不改原有交互和逻辑、只引入 Material Design 部分显著特性或元素的视觉升级,而另一种则是真正从 material 出发的 Material Design。

Material 式视觉升级一般会这样做:兼容透明状态栏(Translucent Status Bar,谢谢@NovaDNG 指正),引入 FAB(Floating Action Button),引入 Material Color,将字体改为 Roboto 或思源黑体,更改 drawer 视觉样式(浮动遮盖)等等。总之,尽量不改动原有交互方式和层级逻辑,只做视觉样式上的升级适配,以最低成本让应用看起来像 Material Design。

而真正从 material(材质)开始思考的 Material Design 应用是怎样的?很遗憾,除了 Google 自家的少数应用和原生 Android 5.0 的内置应用,目前还没有真正意义上 100% Material Design 的第三方应用出现。这里的主要原因是目前 Android 5.0 的普及率还不高,大部分目前的 Material Design 应用其实都要运行在 4.x 系统上。这使得开发者们基本上无法依赖 Material Design 的原生特性,需要考虑体验上的向下兼容从而导致无法完整落实 Material Design。从另一方面来看,现阶段大家对 Material Design 的理解又都尚属粗浅,要做到完整符合Material Design 设计的原点——材质和空间层级,很难且成本很高(例如这个问题)。

最后

无论如何,Material Design 的出现,是 Google 对跨平台产品设计提出的纲领性文件。即便目前还不够成熟完整,我们需要留意的事实是:这是继苹果的《iOS 人机交互准则》之后,真正具有广泛影响力和高度独特性的移动人机交互规范。而从长远来看,这会让 Android 生态的体验更加完善统一。

不过,一个有意思的悬念是:无论是一路追随 iOS
的 MIUI 和 Flyme、还是坚定拟物的 Smartisan OS 和其他林林总总的第三方 ROM 们,对 Material Design 是跟还是不跟?以怎样的方式融入 Material Design?又或者,是否打造一款纯正 Material Design 的 ROM 会是一种更为「四两拨千斤」的选择?而据我所知,一加的 H2OS 正在这么做。

回到开发者自身,采用 Material Design 的另一大好处——倒是可以让应用更好地融入到不同风格的第三方 ROM 中。不信?你随便去下载一款 Material Design 应用,无论你是 MIUI、Flyme 还是 Smartisan OS,应用本身都和不同风格的系统 lancher 产生了令人惊奇的和谐交融,毫不违和。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,294评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,493评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,790评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,595评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,718评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,906评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,053评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,797评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,250评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,570评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,711评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,388评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,018评论 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,796评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,023评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,461评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,595评论 2 350

推荐阅读更多精彩内容