神刀安全网

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

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 深得乔布斯 少就是多 的真传。这种尝试接下来是不是一种新风向也未可知。

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

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

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

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

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

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

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

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

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

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

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

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

全新色彩应用形成文艺范

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

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

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

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

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

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

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

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

微博 @ 互联网阿超 微信 罗超( luochaotmt

转载本站任何文章请注明:转载至神刀安全网,谢谢神刀安全网 » Material 还是扁平化?开发者还有第三个答案

分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址