为何有应用宁可使用一套奇丑无比的界面,也不愿意跟进 Material Design?

这个问题其实是相当复杂的。从 Google 的发布会提出 Material Design 的设计规范以来,许多人都为 Material Design 所惊艳到。但事实上,大多数应用都无法很好及时跟进这一设计标准。这一点,尤其是在国内,显得更为的突出。我自己实践 Material Design 也有了一段时间,我觉得至少有三点原因。

一、Material Design 设计语言非常复杂,学习成本高,实现难度大。

于 Material Design 复杂的设计语言相比,我敢说,学习难度比你跟进 iOS 的平面化的开发标准要困难十倍以上。Material Design 并不是使用 Google 提供的这些控件、图片设计出来的东西就是 Material Design 了。Material Design 的核心是一个高度抽象化的设计逻辑是对真实事物的逻辑层面的模拟,比起 iOS 以前那种单纯视觉上的拟物比起来,这是一种非常高层次的拟物概念,理解起来确实比较费事。

举个例子来说,

当你有一个如同这样的页面布局。


这样的页面布局下,当用户手指从下向上滚动屏幕的时候,我们先想象一下,这个布局应该如何跟随调整?通常情况下,我们会选择整页内容一起向上滚动。但实际上,这种方法并不是很正确。

我们仔细观察这个布局,去掉状态栏,这个页面也有五个不同的“色块”组成的独立元素。他们分别是 用来选择操作的顶栏Toolbar,然后是 Featured Image,然后是 Topic,下方的 Detail,和一个标记状态的 Button。

然后我们把这五个东西想象成五张真实存在的纸片,他们堆叠在一起类似于下图这样的:


当你移动下面的 Detail 页的时候,其他元素其实应该有着不同的相对运动才对,而不是整体上移。比如 Featured Image 不动,下面的纸片从它上方运动覆盖移动过去,而推到顶时,Topic 页可以成为这页的标题,而下方的 Detail 也继续移动。这个设计来自于 Google I/O 2014 App 的设计。(此应用源代码可以到 GitHub 下载)

这样的设计逻辑并不是来自于哪个现成的模板,而是针对你应用的不同布局不同考虑的,甚至是像素级的细节考虑,对设计者的要求很高,对程序实现的要求同样也很高。这是 Material Design 中许多细腻的 “激动人心的细节” 背后深藏的设计逻辑。更何况,我只能说,我举的这个例子也是 Material Design 复杂语言的一个很小的部分而已。

二、Material Design 的设备兼容性不够好。

Material Design 的设备兼容性是比较差的,当然比起当年 Holo 设计在 Android 2.x 上的完全不兼容不同,Material Design 是可以做到 4.x 的半兼容的。所谓半兼容,指的是使用 Google 提供的控件和兼容包,可以基本显示。但是比如状态栏的颜色的设置、各个控件的 elevation 阴影、selectableBackground 的按钮响应动画都会失效。


(如上图这样的 Elevation 效果,在 Android 4.x 上会被直接“压扁”显示)

而与 Android 2.x 更是完全不兼容了。开发者即使愿意忍痛让 4.x 用户看一个不完整的设计,也不能满足 2.x 用户的兼容需求。

虽然这种苛刻的兼容需求对于大多数应用来说都不是很有关系,但是比如像 QQ(最低兼容至 Android 1.6)、微信(最低兼容至 Android 2.2)这样的应用,他们的市场的广度迫使他们不能尝试这样的事情,毕竟在中国,使用 Android 2.x 的手机的用户依然还是有相当一部分的。

在这样的背景下,Material Design 在 QQ、微信、淘宝 这样的应用上,短时间是不可能实现的。他们处于兼容性的考量,需要使用系统最基础的控件以及利用这些控件组合的自定义控件,而不能去使用高版本才拥有的特性。这样的应用又卡、又慢、又丑也是有一定客观原因的。

三、Material Design 的一些其他劣势。

当然上述的两点原因并不是一些大厂商不使用 Material Design,宁可用自己设计的极丑无比的界面的唯一原因。还有一些细碎的原因,也是左右这个设计普及受阻的砝码。比如像阿里、腾讯、百度这样的企业,他们并不是设计驱动的,而是商业驱动的。如果跟进 Material Design,势必会影响他们的一些商业利益。

比如说,页面的逻辑会受到牵制,他们再也无法放一些活动、广告的按钮放在用户最易点击的地方,颜色也不能总是整片整片的大红大绿。一些页面的访问频次会随着逻辑层级变深而降低。这也是当时 微信 5.2 测试版刚开始试图 Holo 化又叫停的重要原因。


(微信 5.2 内测版截图,图源网络)

更有一些想法是希望 Android 和 iOS 能拥有一样的 UI,使得用户降低学习成本,更快上手,更好赚钱。所以在 Android 上出现底栏两层皮、三层皮什么的就是出于这样的想法。

在目前中国市场上,用户对设计的品味还处于一个比较初级的阶段,对设计几乎没有要求。而你就算有要求,你为了使用应用也愿意去做这样的妥协。开发者做跟进花费的代价远小于他们的收益。恐怕这是许多公司宁可设计一套奇丑无比的 UI,也不愿意跟进 Material Design 的核心原因。

HeckPsi

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

推荐阅读更多精彩内容