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

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

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

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

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

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

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

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

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

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

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

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

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

• 它会让App失去个性,很难采用复杂的设计手法来引导用户——这是拟物化的好处,比如锤子Smartisan的闹钟、计算机,均通过精致的图片简单明了地告诉用户其意义;

• 采取极简设计,只能用点和线来构成图标传递信息,这十分考验设计师的功力,进而形成设计负担,毕竟苦思冥想地创造一个在极简与信息之间平衡的抽象图标,比寻求一张生动翔实的图片需要更多精力。

• 过度的极简设计,让某些UI存在用户迷失的风险,比如一个矢量图缺乏阴影,用户很难分辨这是否是可点击按钮。

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

在这一点上,有信App倒有几分Material Design的感觉,它有一些“自我风格”:创建了新的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
Material 还是扁平化设计?开发者还有第三个答案
2011年,拉里·佩奇担纲谷歌CEO之后,改变谷歌工程师主导的文化,其中一项重要行动便是,下令谷歌设计师将谷歌旗下所有产品重新设计。谷歌

长按扫码 阅读全文