网页设计的流行趋势

原文地址：http://uxdesign.smashingmagazine.com/2012/03/15/symptoms-of-epidemic-web-design-trends/
作者：Espen Brunborg   翻译：雷皓漪

 

      自从Elliot Jay Stocks 严肃地告诫我们应该摒弃web2.0的外观，我们看到了互联网的巨大改变。互联网上不再有那么多水晶按钮、斜面的边缘、反射效果、特价徽章、着色鲜艳而粗糙的斜面、斜线的背景版式等。除了那些光滑设计狂热爱好者，这种转变已经被大部分人所接受。可是，如果设计和美学照这样的非常态发展，不久后在另一个趋势产生之前，这个网页设计趋势便会消失。

流行
      那么，究竟什么是当下的流行呢？让我们一起来看看一些最常见的流行迹象吧。流行不难被发现，因为它们通常需要其他事物共同出现来衬托。（这也就是为什么传染会如何高效——当和其他物体结合之后，那些看起来独立的症状变得更有传染性。）

      注意：下面的列表并没有按特定的顺序排列，也不代表影响程度，因为它们看起来都差不多。同时注意以下引用的每个例子包含不只一种流行迹象，因为要把它们严格分类几乎是不可能的。

针线效果
      针线手法的出现，通常是因为设计师太多地注重边框和线，特别是点状物的多样性。从点到破折线的微小转变就表现了一个完整的针型，加上阴影和其他效果使它又有了3D的效果。
      在网页设计中使用针形的确切目的只可意会不可言传，但它在一些特定材质的环境下经常得到使用。比较典型的是在织物皮革材质，或是为了营造真实的颗粒感的情况下。我们很难说出针形效果的灵感是从哪里来的，但是科学家们相信它的产生是过度使用“Skeuomorphism”的结果。

 

从左上顺时针排列分别为: The Journal of Min Tran; Dribbble shot by Mason Yarnell; Dribbble shot by Liam McCabe. 

锯齿边框
      边框是网页设计的常用元素，在网页设计的时候我们很难避免使用边框。好在它们本身是无害的且常有益于版面的最终效果。然而，因为某些原因锯齿边框这种特殊的边框类型在过去几年间飞速发展，现在甚至威胁着正常边框的使用。我们也不知道为什么会产生这种现象，但是一些研究者称，重复的反向对角线创造出的锯齿形边框对设计者和顾客都有相当大的吸引力，以致于那些直线边框在一定程度上被忽视了。

 

从上顺时针排列分别为: You Know Who; Dribbble shot by Christopher Paul; Dribbble shot by Meagan Fisher.

 
带分叉的丝带
      丝带的使用像边框一样，很久以前就存在了。我们现在看到的是几乎都是同一种类型的丝带，它们的特点是丝带一端或两端的带有分叉。有些丝带会折叠两次，同时在分叉处增加了一个对角线，制造一种虚拟的层次感。我们不知道这种丝带设计是否受到锯齿形的影响，但对角线在丝带设计中是很关键的，它还激起我们对过去时光的回忆。
使用丝带的危险之处在于它独立于其他的流行元素（尽管它在使用老式字体的公司很兴盛），意味着在这个流行过去后，甚至流行元素都已被历史尘封，但你的设计依然可以追溯。这让人联想到web2.0外观中的特价优惠的徽章。

 

从左上顺时针排列分别为:Ryan O’Rourke; Cabedge; Jake Przespo

 

 

纹理

      在这个数字时代，纹理是否应该在图解和背景设计中占主导地位仍然备受争议，但它的确是我们最常见的元素之一。用细微的谷粒、污渍、刮痕、旧报纸表面和折痕来表现纹理，看起来似乎符合手工的精神。但讽刺的是，纹理效果是通过电脑合成或PS笔刷来完成的，和手工精神背道而驰。
      纹理的广泛使用可能是人们对触觉媒介的向往吧（特别自触屏产生以来）或者是因为嫉妒印刷设计师们，因为他们有这么丰富的材质和面料可以选择。

从上顺时针排列分别为: Gerren Lamson; Zero; Amazee Labs.

 

凸版
      2009的一期Smashing Magazine说凸版印刷已成为一种新兴的趋势，是的，他们说对了，这种简单的效果变得越来越普遍，甚至成了一种家喻户晓的网页整理版面的技能。这种相对来说没什么缺陷的元素也许早在2000年就开始影响其他设计者，如操作系统或游戏等数字界面的设计者，这说明它已有一段很长的潜伏期。对于潜伏期的存在，科学家们主要持两种不同意见：1，潜伏期是由于传染需要一定的数量才能从潜伏变为发作；2，传染要在一定的条件下才能表现出症状---举个具体的例子:CSS3文本阴影。

 

 

 从上顺时针排列分别为 ：Billy Tamplin; D ribbble shot by Phillip Marriot; Remix.

 

 

 

19世纪的插画
      从版权限制中释放出来后，这个受到时尚男女喜欢的元素却在上个流行趋势中几乎消迹，因为它不能很好地处理色彩。在当下这个文化包容的环境下，它再次回归我们的视野。19世纪的插画给我们留下的印象将是最深的，它像流感病毒一样随着时间推移变得越来越强大。

 

从左上顺时针排列分别为: Killian Muster；Dribbble shot by Trent Walton; Simon Collison.

 

柔和色调
      普通的网站配色方案在一段兴盛时期后逐渐衰落，这种现象通常被视为流行中被边缘化的症状。我们现在发现褐色，泥土绿，芥末黄等颜色得到越来越广泛的使用，人们越来越偏爱不纯粹的颜色。一些科学家认为柔和色调实际本身不是一个独立元素，而是其他症状元素的衍生品，就像发烧会引起的出汗一样属于自然反应。

 

 

从左上顺时针排列分别为: Dribble shot by DaveRuiz; Cognition; Web StandardsSherpa.

分散对齐和居中对齐字体排印（JCT）
      这项技术已经不新鲜了。在印刷术产生后的五百年，这是一个排版准则。而塔希萧尔特和新的印刷术出现，使旧的印刷术被摒弃。理由是它过时了，而且不易于阅读且效率低。尽管我们对于这一点并不认同，但是它的悠久历史可能是JCT在过时的情况下得以重现的原因。人类的主流阅读习惯在近几年都没有改变（多数西方人还是从左向右读），而且我们无法证明JCT使文章更具可读性。所以无论这次JCT重现的原因是什么，它都受人们主观情感的影响而非理性思考。

 

 

从上顺时针排列分别为:Grip Limited; Tommy;VisualRepublic.

圆形脚本标识
      圆形单看起来和三角形没什么两样，只是一个简单的形状，看不出其中的流行元素。可是，如果你在一行如重复很多的三角形，就成了锯齿形。同样的，如果你在印刷中包含一个圆形商标，最后你得出一系列的圆形标准字体，如果这些字体正好被运用到脚本中，你得到的就是圆形脚本标准字体。这种字体本身没有问题，但它具有比较强的传染性。当它在很多主持人中传播开时，情况会更加严重。

 

从左上顺时针排列分别为: Trent Walton; Mercy; Dribbble shot by James Seymor-Lock.

 

 

拟形物
      拟形物指的是一个物体的装饰和设计是从其他媒介中复制来的，这种现象是很流行的，特别在移动应用中，简直是流行风向标。像针形、凸版印刷这一类传染性极强的元素某一天可能取代整个界面，从现实的物体和材料中得到大量的视觉参考。然而，基于在准备图像方面的工作需要和我们对图像资源的严重依赖，一些研究者认为短期内我们不会让拟形物占据我们的电脑桌面。

      实际上多数科学者觉得这个现象不正常，并预测其中一些现实的隐喻将对我们有帮助，而其他的没有。有趣的是，苹果公司喜欢这种元素并不断改善这项技术，而谷歌好像在一定程度上拒绝在它们的界面上摹拟现实。可能是这项技术已经衍生出抗体了吧。

从上顺时针排列分别为: iBooks; Dribbble shot by skorky; Dribbble shot by Igor Shkarin.

 
它是怎么开始的？
      要确定流行的起源是很难的，特别是在已存在无数流行元素以及互联网具有传播特性这样的大背景下，要确认传播源几乎是不可能的，这么做也没有意义。我们能确定是我们可能正处在对web2.0 美学产生反应的阶段——对纹理表面、复古意象、触感的界面、自然表象的追捧，因为它们和过去那些表面光鲜却缺乏人情味的东西完全不同。这对设计行业向前发展是健康且必要的。无论这种趋势的源头是什么，它们的产生都是因为需要一个巧妙的设计来解决实际的问题，或者直接是为了创造着另一个流行。

      比方说，每个人都曾把无衬线字体，对比强烈的颜色，干净的背景作为版面设计的准则。在这种环境下，如果有一个设计背道而行，运用Clarendon字体或是一些温暖的衬线，把人情味注入到他们的网站中（这个网站正好要销售“外婆家的酱料”），然后选择一些泥土绿的带人情味的字体，加上一些褐色的报纸纹理。这个设计无疑从平凡中脱颖而出：美观，人情味，与众不同。而这种美学特征又恰巧启发了另一个也在做国际化网站的设计师，这种新的设计特征就在一代设计师中得到传播；反过来，这些设计师又在应用这种设计风格的同时加入自己的创意（通常不考虑设计内容），一个设计趋势就这样形成了。可矛盾的是，这种流行传播的能力不断地受到威胁，因为随着越来越多的人知道这个流行，这些元素就变得越来越平凡。当这个传播到达一个临界数量的人群时，这种元素的流行性开始减弱。原本很特别的人情味设计已经不再具有那么多意义，因为大家看起来都差不多。

它危险吗？
      在今天这样的开放合作的世界中，要避免一场这样规模的流行病是困难的，从一定意义上说，这种流行在一定程度上感染到了每一个人。上述的各种流行迹象，不只局限在小规模的新兴的设计师中，它甚至影响了设计圈的精英们。这意味着就算它们这些症状是无害的——就像流感传染中带来的轻微发烧和鼻塞——潮流趋势病毒似的猛攻对保护我们创意的免疫系统造成持续的压力，所以在这种情况下保持机警对刺激我们的创造力是很重要的。

      如果你只显现少量症状，不用担心，因为想招惹上四处流走的感冒不是一件难事，而要从它中完全恢复也容易。另一方面，如果你显现了其中大部分或全部症状，那么在下一轮设计中你得多加小心了。运用流行中的所有元素作为你设计的基础，会让你的作品不耐看。就像把你的作品和你最喜欢的设计师，艺术家，音乐家的作品混杂在一起。但是，没有确认出处的症状是不受版权保护的——这离题了——你不需要担心法律意义，而要担心你的作品的创意。这样做的后果是你的作品将仅仅被视为一时的流行，这种流行的美学在若干年后将失去光彩，而且当你的同事用他们的创意赶超你的时候，你将不再受到敬重。

      然而没有东西是原创的，我们要做的是在灵感和模仿中追逐与众不同。就像让-吕克·戈达尔（Jean Luc Godard）说的一样：“重要的不是你从何处将它们拿来，而是你要将它们引向何处”。如果你不加以改进，那有什么意义呢？比失去同事的尊重和敬仰更糟糕的是，顾客也会受到潮流的影响，最后整个设计组织都会跟着受到影响。设计师受到的影响越多，流行的特征越多，顾客对设计师解决实际商业问题的能力就越怀疑。最终，他们将会把你从最有创意的位置（真正的设计思考开始的地方）上剔除，从专业设计队伍的一员降到装饰大军中，你的工作将变成帮他们装饰线框。

 

我们能做什么
      既然我们已经看到了趋势恶化时的现象，那我们要怎么避免它发生呢？这可能吗？按照定义，趋势就是流行的，同时利用趋势来增加产品的曝光度是无可厚非的。让顾客接受一个脱离流行的设计是困难的。如果你为了流行本身而避免流行，你也要承担脱离群众的风险；另一方面，盲目地追随别人也不是一个好主意，接受当前最时尚的是现成的并且毫无目的的复制它，那样会大大损害的你创造力、诚信以及客户群。

      那么怎么做才是正确的呢？趋势是社会本来存在的，无论在政治、文化、设计，甚至是宗教中，虽然舆论在不同的方向不停改变，但是你的观念（或品味）在一定程度上，想要逃避主流几乎是不可能的，也是没有意义的，但这并不能证明你是脆弱的。实际上，你可以做很多事来对抗旅鼠综合症。

多问
      多对自己的作品提问（确保它是你自己的），不断问自己一些新奇的问题：为什么我要做这个？仅仅因为它看起来很酷还是因为它能传达出我的想法？为什么我要用这个丝带？这个锯齿形边增加还是减弱了网页的个性？这个皮革的纹理和我设计的财经应用有关系吗？如果你停止问问题，你就会成为流行的阶下囚。

努力
      Francisco Inchauste在他的 The Dying Art of Design  书中强调：灵感需要付出，我很赞同这一点。我有幸进入这样一所大学读书，这所大学第一年不允许使用电脑，那意味着我们稚嫩用工具来做出自己想要的东西——手写，画图，储备Pantone笔（记得这些笔吗？）、虐待（大量使用）复印机。这样一来，不仅提升了我们的创造力，同时还学到了重要的一课：好的设计是努力的结果，最好的结果是从你的经验中得来。

尝试新鲜事物
      要记住，与众不同在大多数情况下是一件好事。历史上最伟大的艺术家们，无论他们来自哪个领域，都足够的出色而引起整个世界的注意。谁比Dali还早画出融化的钟？谁比Pink Floyd先有在舞台上建造巨型墙这样的点子？虽然模仿当下流行的事物会比较轻松，也许能得到暂时的成功，但是独特又具意义的创意是真正的成功不可或缺的条件。

灵感多元化
      通过保持好奇心以及寻找身边的灵感来保持创造力是很关键的，不仅仅是尝试陈列柜里最新的WordPress主题，你可以读一本书，做一个科学实验，听从来没听过的音乐，拜访新邻居，又或者体验体验外国风情。利用喜欢的网站拓展你的视野和寻找灵感的来源对做出原创的、持久的设计是很奏效的。

注重基础
      最后，也是最关键的：研究设计的基本原理，从而理解什么是由风格定义的，什么不是。网格系统、对比度、清晰度、并置图像、好的副本，这些都是成功的设计的关键元素，但是它们在时尚和风格上又是相互独立的。

      如今，设计不只和样式、风格相关，它和交流、沟通也脱不了干系。设计的风格、图像、印刷都应该从产品的内容、功能和个性中得到灵感，而不是仅仅从看起来cool的版面展开联想。无论一样东西看起来多cool，它都会过时。