迷失在扁平化设计风潮

   文章对现在风靡全球的扁平化设计给予了深刻的思考。牡丹花确实是很美,但如果世界上都剩下了牡丹花了,你又会作何感想呢?

  本文源自Medium,本文发稿时原文在短短几天时间内已经获得了364个推荐,中文版本由天地会珠海分舵进行编译。文章对现在风靡全球的扁平化设计给予了深刻的思考。牡丹花确实是很美,但如果世界上都剩下了牡丹花了,你又会作何感想呢?这里让我们从著名乐队别安的《光辉岁月》的一句歌词开始:“缤纷色彩闪出的美丽,只因它没有,分开每种色彩……”


  扁平化的盛行

  伟大的UI设计扁平化盛行的2013-2014年间,设计师们将无数的像素都挥洒在扁平UI上面。

  这段时间是可视化设计界的伟大转变时期:始于当时微软的充满现代主义感的咄咄逼人的Metro风格,风靡于iOS7的发布并令扁平化竞争进入白热化状态,而说到将扁平化最大化最全面进行实现的,可能就要数谷歌的Material Design设计语言的推出了。

  扁平化设计不但将拟物化设计置之死地,且在其坟墓上尽情地跳舞,并抹掉其墓碑所留下的所有斜边,阴影和冷酷的碑文的痕迹(编者按:这三者正是拟物化设计的特性)。


  这就是设计技术很自然的前进步伐 - 发展,改变,然后流行起来,这些都是无可避免的。也许太阳今后也会为这些美妙的设计而变色。妄自臆度未来设计潮流究竟会变成什么具体的样子其实是个不切实际的游戏,但去看看我们现在所处的情况并推测未来潮流发展的方向倒是个很有意义的事情。

  当今可视化设计状况调查

  以下列出了我们当今在软件中常用到的可视化设计的状况:

  1 深受iOS和Material Design的严重影响,可视化设计师们常常会跟着它们的屁股转。

  2 使用扁平的有着最小限度的阴影的方形,里面常常放着一幅大图或者视频作为背景并使用大标题的文字。

  3 内容之间包含着大量的负空间(negative space),而网格化的布局又让其具有很低的信息密度,关注于粗体且明朗的字体。

  4 去边界化,块与块之间的边缘从浅白色逐渐往生气盎然的深红色进行过度;而图片上更倾向于柔和及低饱和度的色彩。

  5 经常使用模糊效果以及冷光四射的霓虹灯效果。这些使用在市场广告上是非常有效的,但用在交互产品设计上就不是很必要了。

  6 在可视化设计倾向于更直接明了的情况下,“清新”和“优雅“这些现代设计的理念更多是通过平滑的动画和渐变效果的形式给体现出来的。

  总的来说,大部分当今的可视化设计语言都是关注在简洁,易用方面的。当然,还有很多其他的设计趋势,但以上这些总的来说就是设计最终效果所瞄准的方向了。他反映了可视化设计的审美关在数十年的历程中已经达到了一个比较成熟的高度了。


  有人认为这种简约主义的设计风格趋势预示着我们的用户成熟度已经达到了一个层次:用户天生就知道如何通过UI进行交互,它们不需要再伤脑筋去寻找拟物化设计时代的那些需要用斜面来暗示用户的按钮了。用户再也不需要这些辅助的拟物化的方式来引导我们该如何对UI进行操作,所以设计师们可以更加自由发挥来表现自己的风格,而不需要担心用户的学习曲线。最终,移动设备的屏幕就可以做得越来越小来容纳这些更简单更平易近人的设计了。(编者注:在这里编者嗅到的更多的是作者反诘的语气)

  可视化设计包装商品化

  但是当你眯眼斜视这一大堆这些应用的时候,你真不会觉得它们太噁心,好吧,雷同吗?你难道真不觉得它们咋一看起来非常漂亮,但时间长了觉得索然无味吗?

  当所有的产品都认为采用这么一个最新潮的设计方式是必不可少的情况的时候,那么这些产品都会变成一些大同小异的统一包装起来的商品。这些昨天看上去还很清新宜人的应用很快就会给人感觉俗不可耐。而这种设计方式的模仿成本极其便宜这个事实又更进一步的让这种审美走向单一化:你只需插一张模糊的图片进去作为背景,中间再加些Helvetica Neue字体在上面,那么你基本上就已经完成这种设计的一大半了!

  那么这里我们究竟存在着哪一些其他方面的缺失呢?对我们这一代人来说,互联网及其周边的技术是驱使我们的文化向前迈进的主力军,单独来看待的话,所有这些设计其实都是如牡丹花般的非常漂亮的。但是谁又愿意生活在一个只有牡丹花的世界里面呢?

  如果说当前的设计风格是因为触摸屏设备这种技术的出现而沉淀出来的话,那么也就是说如果又有新的技术出现的话,那么就会触发新的设计风格的诞生。

  科技发展引领设计审美的转变

  如果这种设计风格真的是由新科技所催生的话,那么我们这个时候往回看看过去的历史也许可以找到答案,去看一下其他的领域,看看该领域的设计师们对科技的改变又是如何应对的。

  早在20世纪初,法国著名建筑师Le Corbusier找到了一个相当新颖的建筑技术来增强混凝土的抗压能力:钢筋混凝土技术。这个发现让他可以打造出此前在结构上就根本不可能办到的建筑物,房屋地基只需要几条钢筋混凝土的柱子就完全能支撑起来,这种建筑方式让房子变得极其的省料和简化,这也就让Le Corbusier找到了一个令当时的人目瞪口呆的建筑风格,所有之前人们认为必不可少的部件在该方法面前都变得是多余的,甚至是令人讨厌的。


  虽然这种创新的设计风格的影响力是史前的,但是,大家现在凝望四周,我们其实并没有看到所有建筑物下面都是有几条钢筋水泥柱子给支撑着的啊。为什么会这样呢?其中一个原因应该就是,虽然这些创新常常看上去都是很好的,甚至有时单独来看的话是精彩绝伦的,但是如果所有的建筑物都是这个样子的话,这个城市就会变得非常的单调非常的没有生气了。Le Corbusier曾经有个没有实现的叫做“光荣之城”的梦想- 在巴黎建立起所有同一风格的60层高的高楼大夏,当时如果真给他实现了的话,那么我相信这将是一个社会和审美学上面的一个大灾难。这不仅仅是实现现代化所不能容忍的,更不用说如果这样做了的话,巴黎的设计风格就不可能在后来能影响那么多其他伟大的城市的建立了。


  另外一个打造一个城市的选择就是一个更加自下而上的,有机的,且将各种建筑风格融为一炉的方式。城市规划的激进分子和评论家Jane Jacobs在她精彩绝伦的书《美国伟大城市之生与死》中提到,“有一种城市规划方案比完全的丑陋和无序更加面目可憎,这个可憎的的方案就是,通过忽略或者压制那些挣扎着要显露出来的需要我们付诸实现的真正的秩序,来达到一个表面上有序的假象。

  无穷无尽的遵循拷贝同一种设计风格,就算这个风格是如何的妙不可言,人们都会感觉索然无味,甚至会感觉丑陋的。这个观点对软件的可视化设计也同样适合,如果现在所有的软件看上去都是一个模样的话,我们就会失去了去欣赏一些别出心裁的其他风格的东西的机会了。

  有如我们现在所生活的城市,我们其实都住在互联网的数字空间里面。这些空间带给我们的感觉是非常重要的,所以我们如果需要让这些空间变得各有各精彩的话,我们就需要在功能的考虑上和呈现形式的更少束缚上达到平衡。多样且丰富的设计美学会让每个产品都能独树一帜,通过这样子做才能让我们找到设计的真谛。

  那么下一步要怎么做呢?

  那么下面很有必要提出一些问题,我们尝试想象一下一个更成熟的软件可视化设计的新纪元应该是什么样子的:

  1 在我们的桌面电脑这个范畴上面,那些支持在上面进行拖放的面板看上去应该是对2D点阵设备的一个很好的补充。当今的很多方面的设计其实都受到了平板等手持设备的设计风格的影响。所以在这种程度上说的话,扁平化设计其实更应该被看成是针对触摸屏设备的原生设计风格,也许触屏设备上面的应用天生就应该是长这样子的。触屏设备这些新科技震撼着我们的心扉,从而影响了我们设计的方式。那么科技设备很容易就更新换代的特性又将会如何影响着我们对将来可视化设计风格的看法呢?扁平化设计又还能主宰多长时间呢?

  2 每一波潮流经过时其实都会引发相应的一些变动。根据一种潮流的潮涨潮退的自然特性,迟早有一天“少就是多”这种说法是不会再成立的(编者按:作者应该是针对前面说的扁平化设计成为当前所有人趋之若鹜的设计风格这种情况,认为不应该只有一个设计风格,而应多元化发展)。90年代的桌面电脑出版软件的出现引发了大量岑差不齐的电子杂志的泛滥,2000年个人电脑如家电般的普遍让我们进入了像素点的世界,现今我们来到了我们的触摸屏设备和扁平化设计风格的年代。那下一波又是什么呢?相信我,肯定还有下一波的。

  3 一个具有更高美感的充满各色各样的软件的世界看起来应该是怎么样的呢?也许是一个你的信用卡提供商的软件和你的袜子订阅服务软件不再看上去像是同一个应用的时候的那么一个世界?一旦一个风格变得难以置信的风靡的时候,就会又其他类型的风格站出来尝试走另外一条道路。那么也许下一波潮流就是一个设计多样化的潮流。

  我们现在和互联网设备进行互动的数字信息变得越来越碎片化,这些信息通常都会以“卡片”的这种零碎的形式呈现给大家。也许将来很多应用的功能都已经在操作系统层级进行提供了(编者注:想像下这样一个情景,今后社交软件的大部分功能和游戏的大部分功能都已经包含在操作系统层里面了,开发人员需要做的都是调用一个不同的API 就能在一个设计好的界面上运行了,那么你觉得到时QQ这个应用和《暗黑破坏神》这款游戏在没有运行时看上去还会有多大区别吗?)。如果这样的话,这将会导致可视化UI设计更加大同小异吗?或者,会有一个反这种潮流的行为被倡导起来吗?

  技术就犹如野火一样迅速的蔓延全球。假如存在另外一个有着数十亿网民的世界,那么如果给他们带去跟我们现在的盛行的扁平化设计风格大相径庭的风格,品味,以及文化影响的话,他们最终又会变成什么样子呢?是不是也是跟我们现在一样友扁平化设计风格一统江湖呢?

  那么究竟将来哪种,或者说哪些设计风格将会成为现实呢?这里我不敢妄下断言。

  也许将来新的设计风格并不会以暴风骤雨的方式降临人间,而更多是以润物细无声的方法随风潜入我们的设计思考中。毕竟,在桌面隐喻(编者注:桌面隐喻,图形用户界面的主要特点之一,是指以现实世界中已经存在的、人们已经熟知的事物为蓝本,将电脑的数字化以UI的形式抽象出来让人们感觉像在真正的办公桌上工作一样。)已经出现了很长的一段时间之后,真正代表现实世界的拟物化的设计风格才来到了我们的眼前。所以又有谁敢妄加判定说当前这种数字对象的简约设计风格不会在未来很长的一段时间陪伴着我们呢?

  虽然,我自己本身对这是抱着非常怀疑的态度的!

  也许你对这会有着你的看法,这里编者非常欢迎你能到下面提供的联系方式中给出你的观点。

  作者版权声明

  版权:本作品采用[创作共用署名3.0中国大陆版许可证], 若非授权,转发时切勿删除以下联系信息,否则追究相应责任。

  更多相关文章将请关注官网www.techgogogo.com和微信公众号:techgogogo。

时间: 2022-12-01

迷失在扁平化设计风潮的相关文章

做好扁平化设计-交互篇

  扁平化不仅仅是界面视觉扁平无立体感,更应该是交互体验的扁平化,信息架构的扁平化 有哪些方法可以做到交互扁平化. 1.结构层级减少-高效 先从字面意思来理解交互的"扁平化",与之相对应的应该是"结构层级",在这里我理解为交互步骤,以前也一直在强调精简交互步骤,想要用户用最少的步骤就完成任务,显然这里是要求层级结构的扁平,所以交互步骤和层级结构是相互关联的. web网页更注重深广度的平衡.由于手机设备的限制,手机主界面的广度大大减弱,信息深度更为明显. 我们怎样才能

拟真设计与扁平化设计

2013年的WWDC全球开发者大会上,万众期待的苹果ios7系统解开了神秘的面纱,就如同当年苹果ios主管Scott Forstall离职前大家所猜测的那样,曾经在苹果的设计中主导了近三十年的拟真设计(Skeuomorphism)终于告别了用户的眼睛,取而代之的是风格上更为接近扁平化设计(flat design)的界面风格.虽然被广大用户吐槽ios7是五味杂陈的混合体,但是舍弃了拟真设计的思路却是非常明显,接下来就让我们一起来看看两种设计思路的差异. 根据维基百科上对拟真设计(Skeuomorp

扁平化设计终极指南

  苹果iOS 7将扁平化设计风格推向了一个顶点.目前,扁平化设计是当下最流行的设计风格.不少设计师或许都想要尝试一下扁平化设计,但却不知道该要如何开始.这里,我们就为大家搜集了一些扁平化资源,从UI套件到调色工具,再到字体选择和WP主题,从理论文章再到创意图库.我们将为大家呈现出体系化的扁平化资源,一起来看看: 不收藏都不好意思的扁平化设计终极指南 扁平化设计 对于设计师来说,扁平化设计是一种实打实的设计风格,不要花招,不要粉饰.从整体的角度来讲,扁平化设计是一种极简主义美学,附以明亮柔和的色

扁平化设计技巧:中空的图标用户体验

文章描述:扁平化设计反思:"中空图标"很难被理解吗? 随着IOS7的发布,苹果的界面做出了有史以来最大的改变.IOS7的设计语言强调了高光.极简,包括所有的按键以及app图标. 这个改变使苹果的操作系统更加时尚.简单,同时也影响了人们对扁平化的理解.当然有人欢喜有人愁,一些人对此颇有微词,认为这一改变并没有使IOS系统向好的方面发展. 使用IOS7的用户都知道,这款操作系统中所有的图标都是简单的线条构成,也正是这种"过于简单化"的设计引起了重大争议.尽管现在这些图标

扁平化设计:扁平化UI套件推荐

文章描述:浅谈扁平化设计-– keep it simple. 2013可以说是扁平化设计的一年. 扁平化时代之前,设计师的作品往往非常的写实,非常的有立体感!但是现在即便是拟物设计的引领者苹果,也不得不转变设计思路,在iOS 7上开始着手扁平化设计的探索. 什么是扁平化设计? 对于设计师来说,扁平化设计是一种实打实的设计风格,不要花招,不要粉饰.从整体的角度来讲,扁平化设计是一种极简主义美学,附以明亮柔和的色彩,最后配上粗重醒目,而风格又复古的字体.扁平化设计简化了诸如按钮.图标一类的界面元素.

扁平化设计资源:适合扁平化设计的圆形图标

文章描述:Codrops 出品的 9款适合扁平化设计的圆形图标悬浮(Hover)效果,原demo效果在此.从这些效果中可以看到,即使在扁平化设计中,魔鬼依旧藏在细节里. Codrops 出品的 9款适合扁平化设计的圆形图标悬浮(Hover)效果,原demo效果在此.从这些效果中可以看到,即使在扁平化设计中,魔鬼依旧藏在细节里. 1. 填充色变换 2. 填充色收缩 3. 填充色闪换 4. 描边由实变虚 5. 图标飞入效果 6. 图标内部旋转 7. 描边阴影闪现 8. 边界呼吸效果 9. 描边扩展下

web设计发展趋势:深入学习扁平化设计

文章描述:扁平设计是根据平面的样式来定义的:通过移除额外的元素比如阴影,斜边,纹理和创建3D样式的梯度等等来简化界面. 扁平化设计或者说扁平化的UI风格,是今年最受关注的一个web和平面设计的发展趋势.而经常被拿来与扁平化做比较的是拟物化设计,两者的设计原则和设计风格完全相反. 设计师们或许会有疑惑,这究竟是一种能持续下去的设计趋势呢?还是只能是风行一时,昙花一现.暂且不谈未来和不管这些反对的声音,大多数设计师还是很想在自己的工作中尝试使用这一设计趋势.在这里,我们将深入了解什么是扁平化风格,追

网页扁平化设计的五个最典型的特征

文章描述:如今设计界最炙手可热的明星大概就是扁平化设计了吧,关于它的讨论至今都没有冷却的迹象.诸多设计师分成了泾渭分明的两个阵营,一边努力把扁平化做到极致,一面对其不屑一顾. Kryptoners:如今设计界最炙手可热的明星大概就是扁平化设计了吧,关于它的讨论至今都没有冷却的迹象.诸多设计师分成了泾渭分明的两个阵营,一边努力把扁平化做到极致,一面对其不屑一顾. 我是个骑墙派,不支持也不反对,在我看来,优秀的设计的定义就是好用,只要能设计出优秀的产品,我可以采用任何方式,扁平化也是其中之一.但是必

什么是扁平化设计?扁平化设计方案突出简洁

文章描述:扁平化设计:你在这趋势中收获了什么? 扁平化设计-这个早在多年前非常流行的设计领域-又再一次卷土重来了.许多新网站以及需要重新设计的网站都纷纷采用了扁平化设计的方案,这种趋势无论是在网页设计或者移动端的设计方面都已经蔓延开了. 随着融汇了扁平化设计美学的windows8以及新版谷歌的推出,以及其他人气网站纷纷采用这种扁平化的主题设计,这种扁平化的趋势将很有可能受到更加多的亲睐. 你是否考虑过?你能够把它运用到你的项目当中吗?这种设计方案是否能够给你带来更加轻松的工作体验? 扁平化设计具