Material 还是扁平化?开发者还有第三个答案

2011年,拉里·佩奇担纲谷歌CEO之后,改变谷歌工程师主导的文化,其中一项重要行动便是,下令谷歌设计师将谷歌旗下所有产品重新设计。谷歌启动“肯尼迪”项目,召集公司里的骨干设计师,重新设计Google的每一项产品,寻找一种共同的设计语言。三年后即2014年的Google I/O大会上,MaterialDesign被隆重介绍,MaterialDesign提取自卡片的材质和真实的光影,在UI 设计上提取出具体的物理细节,只保留物理特效、光影和层次,能够实现不错的动画效果,它在繁复的拟物化设计与极简的扁平化设计之间找到了一种平衡。

时隔多年,中国的开发者因为各种理由未能选择MaterialDesign。与此同时,Apple 的扁平化设计却大行其道。不过,随着Material Design规范成熟,陆续开始有App尝试拥抱Material Design,回到谷歌希望的轨道上。开发者正在迎来“二选一”:是继承乔布斯的衣钵继续“扁平化”,还是回归谷歌希冀的MaterialDesign上?

对于向左右还是向右走的问题,有些App给出了第三个答案,比如Ingenious Taxi,比如有信电话。

跟扁平化设计说再见走极简路线

从iOS7.0开始,扁平化设计在苹果的引领下成为一种流行,追随者不计其数,比如被吐槽无数的Instgram等,甚至一些跨界的奥迪、惠普的Logo设计也曾加入到这一阵营中。不过,也有一些App对扁平化设计说了再见,试图走自己的道路。

像IngeniousTaxi,它的设计是一种超越扁平化的透明的极简风,它更加现代和立体,也更加节约点和线的每一次运用。

而有信App也是走的这样一条路线,舍弃一切多余的颜色、边界和平面,以拨号键盘为例,有信电话拨号盘取消了顶部banner底色,取消了拨号数字边界,相比iPhone自带拨号盘更加简洁。

这两个App深得乔布斯“少就是多”的真传。这种尝试接下来是不是一种新风向也未可知。

移动互联网是信息大爆炸的时代,人类对朝夕相处的硬件、软件都提出极简的设计要求,不论是最流行的智能手机,还是操作系统,极简化都是大势所趋。Apple和谷歌分别宣扬的扁平化设计和拟物化设计,均是奔向“大道至简”这个目标而去。只不过,Apple更收敛,谷歌在动画、图标、色彩上相对丰富一些。

极简化设计让用户只需关注内容本身,设计师必须克制表达欲望,产品团队则要控制业务诉求,一切都要为用户需求让步。对于一款主打通信的产品而言,极简设计需求更迫切——用户使用通信服务时环境十分复杂,例如开车、走路、单手操作等等,接受的外部干扰足够多,App应当追求的是尽量不要给用户任何干扰。有信App采取极简设计,让UI本身承载的信息流足够轻,正如其给图标的新名字“氢-icon”所表述的意境一样,用户聚焦在沟通所需的信息本身。

轻量后文艺探索风格化的设计之路

必须要承认的是,没有完美的设计范式,极简化设计好处多多,但依然有缺陷。

  • 它会让App失去个性,很难采用复杂的设计手法来引导用户——这是拟物化的好处,比如锤子Smartisan的闹钟、计算机,均通过精致的图片简单明了地告诉用户其意义;
  • 采取极简设计,只能用点和线来构成图标传递信息,这十分考验设计师的功力,进而形成设计负担,毕竟苦思冥想地创造一个在极简与信息之间平衡的抽象图标,比寻求一张生动翔实的图片需要更多精力。
  • 过度的极简设计,让某些UI存在用户迷失的风险,比如一个矢量图缺乏阴影,用户很难分辨这是否是可点击按钮。

Materia Design在拟物化与扁平化之间寻求折中,通过动画、特效、光影、层次等方式来引导用户,丰富UI效果,有着微弱的拟物化,传递信息更容易。

在这一点上,有信App倒有几分MaterialDesign的感觉,它有一些“自我风格”:创建了新的ICON“U粒”,这创意借鉴了叶绿体,比旧版的字母“U”表达更生动而美观。它的图标设计遵循了Material Design的“轻量级拟物化要求”,辅以文字描述,让用户一看就明白,还采取了“断点设计”起到画龙点睛的效果。“轻量后文艺是有信本次Ui改版的主要设计理念,我们的App在方方面面都有所体现”有信设计总监Katherine曾表达自己的观点。

全新色彩应用形成文艺范

不论是土豪金,还是玫瑰金的风靡,均表明色彩是眼下用户相对容易接受的设计语言,相对于线和点的功能性而言,色彩更能表达情感与精神。在色彩的运用和表达上,Briefpay和Weather就曾采用大面积柔和色彩来增进与用户的交流。无论是复古的还是新潮的,很多App都力图建立自己专属的文艺风格。在精神消费日趋重要的今天,文艺这样的精神食粮,正在成为组成App内核新的奢侈品。

豆瓣App是文艺范领域的一个代表,它也被豆瓣宣称为“旗舰App”,一方面,豆瓣的内容内核决定了其文艺风格,另一方面,豆瓣APP的色调,文案等进一步加强了这一风格。其今年释放出新的品牌理念“我们的精神角落”之后,文艺风格愈发浓烈。

有信电话作为一款通话类的App,在基础色彩选取上,毫无悬念地运用了绿色,这是遵循了色彩界的普遍规律。不过这种冷绿还是较少见的,通常情况下,暖绿可能更倡导沟通,比如微信的色调。而冷绿,更突出的是文艺感,这点是在向豆瓣的风格靠拢。至于其为这种色调命名的“山湖绿”可能是为了和开机大屏的内容表达相呼应,用户能不能被感染,很大程度上取决于用户的个人风格。因此这种设计可以说是相对小众的。

就豆瓣App和有信App的整体UI来看,豆瓣App设计拟物化设计更多一些,更丰富;有信App设计则比扁平化设计还要扁平,更极简。

极简设计是未来。大洋彼岸的Instagram,在成立五年来首次大动干戈地改头换面,棕色的宝丽来相机被换成一个点+线条+颜色的抽象图标,就足以证明这点。就连对拟物化设计情有独钟的锤子UI设计总监方迟也认为“扁平化是大趋势,不过锤子选择将拟物化与扁平化结合打造自有风格”。有信App同样没有拘泥于Material Design或者扁平化设计的条条框框,而是进行了自我演绎,寻找更适合自身和更贴合用户的设计语言。

锤子、有信的心态,反映出App在Material 和扁平化设计之外的另一种可能:拥抱极简,但保持风格,只要符合直觉的审美,不给用户增加负担,管它什么阵营呢。

原文发布于微信公众号 - 罗超频道(luochaotmt)

原文发表时间:2016-06-07

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏目标检测和深度学习

深度 | 斯坦福大学李飞飞等人谈AI医疗:病床边的计算机视觉

选自新英格兰医学杂志 作者:Serena Yeung、N. Lance Downing、Li Fei-Fei、Arnold Milstein 机器之心经授权编译...

382130
来自专栏AI科技评论

干货 | 十条学术写作生产力法则

科学研究需要向不同的受众传达新的、令人激动的新发现。而书面交流对于一个想要取得成功的科研人员来说是至关重要的,毕竟,我们都必须写出高水平的文章来获得学位的毕业资...

6720
来自专栏程序人生 阅读快乐

数学之美(第二版).pdf

几年前,“数学之美”系列文章原刊载于谷歌黑板报,获得上百万次点击,得到读者高度评价。读者说,读了“数学之美”,才发现大学时学的数学知识,比如马尔可夫链、矩阵计算...

85310
来自专栏AI科技评论

动态 | 2022 年 AI 会发展成什么样子,IBM 做出了 5 大预测

AI科技评论按:近日,IBM 从人工智能、智能传感器、智能望远镜、检测器、医学设备的发展这五个维度,对人类 2022 年的科技与生活做出了五大预测。 预言一:自...

30180
来自专栏和蔼的张星的图像处理专栏

秋招记录

今天9月29号,昨天下午签了华为,软件开发,薪资白菜价,不过也可以接受。因为想留在西安,华为基本上算是最好的选择了,所以暂时也不打算在找了,秋招算是结束了。 ...

15220
来自专栏机器之心

深度 | 斯坦福大学李飞飞等人谈AI医疗:病床边的计算机视觉

选自新英格兰医学杂志 作者:Serena Yeung、N. Lance Downing、Li Fei-Fei、Arnold Milstein 机器之心经授权编译...

35490
来自专栏人工智能头条

泥沙龙笔记:parsing 是引擎的核武器,再论NLP与搜索

15470
来自专栏量子位

还没通关“猜画小歌”?击败谷歌AI的秘籍在此

不是因为这家公司要被欧盟罚款50亿美元,而是因为Google首款微信小程序“猜画小歌”:跟AI玩我画你猜的小游戏。

12520
来自专栏VRPinea

VR还能这么玩?盘点那些小白也能轻松上手的艺术创作应用

36660
来自专栏华章科技

微信群干扰你的日常生活了吗?75.4%的人这么说……

“五六十个群聊,哪天能全退了,世界就安静了……”看着朋友圈里朋友发的吐槽微信,在一家媒体工作的王新(化名)心有戚戚焉,立马回了一条评论:“我早就100多个了。”...

7310

扫码关注云+社区

领取腾讯云代金券