[ISUX转译]真实的设计 - 设计

最近“扁平化”的界面设计风格风靡一时，早在Android4.0推出的时候此设计风格就已经得到了广泛的认可，再到iOS7的发布，则将这一设计风格推向了高潮。流行 “平”的界面风格不仅是一种趋势，它的内在本质是希望遏制和消除多余的视觉元素，做真实的设计。

技术进步有时会过犹不及，在十九世纪，由于大规模的机械化生产，装饰品被快速及廉价的生产出来，导致商品被过度装饰。类似的事情发生在最近几年，由于显示和样式技术允许设计人员能够创建丰富的视觉界面，导致拟物化设计（软件界面模仿现实世界中的实物纹理）和复杂样式的过度使用。

出于对在真实设计的追求，现代设计运动摒弃了19世纪过度装饰的设计风格，使设计更加适合大规模生产。今天，我们看到对“真实的设计”的追求以“扁平化”的趋势呈现出来，它拒绝拟物化设计以及过多的视觉效果，追求简单，干净，以内容为中心的设计。

现代设计的诞生

19世纪后期，工业革命爆发，机械化大生产，对已有装饰风格的疯狂复制导致了大量劣质、扎眼的商品，一些有影响力的现代设计先驱诸如奥地利建筑师阿道夫·洛斯的对此深感不满，同时现代设计先驱以自己的实际设计作品影响世人，倡导现代设计，例如：“现代建筑的旗手”——著名建筑师勒·柯布西耶、“摩天大楼之父”——路易斯·沙利文。到了20世纪中期，随着德国现代设计运动先驱赫尔曼·穆特修斯的奔走相告、现代派建筑师菲利普·约翰逊的作品在纽约现代艺术博物馆的成功展出，将现代设计运动逐步推向高潮。

经过大半个世纪的时间，现代主义运动开始盛行，直到20世纪中期，传统的风格和技巧被新的设计方法所超越。其主旨是：远离不必要的装饰，走向一个更干净，更内敛克制的设计形式，其美在于内容本身，而不是外在装饰，寻求一个和谐的形式与功能的融合。

数字化装饰

如果我们将短暂的软件设计、网页设计和现代设计的历史来做比较的话可以发现，两者有着相同的发展过程，机械化大规模生产导致的过度的装饰在软件和网页设计中也可以看到，由于显示和样式技术的迅猛发展，在软件界面和网站中，大量的装饰性的元素被过度使用。在早年的Web设计师中热衷于使用动画、声音与图像，产生过于丰富的效果。

早期的带有图形用户界面的操作系统在外观和感觉上是相当基本的。当然，现实世界的隐喻，也得到了运用，比如用图像文件夹来表示文件目录，带有斜面的按钮让用户知道它们是可以点击的。但整体的审美感觉是“扁平化”且克制的。不管设计者是否想提供一个丰富的视觉体验，但是黑白两色且低分辨率的显示器限制了他们。

第一代Mac OS图形界面只用了两种颜色，苹果通过模仿现实生活中的物体来在传达深度、纹理、按钮和图标等概念，界面的美观受制于当时的技术，而不是设计师。

随着技术的发展，设计师们获得了广阔的施展空间，视觉的自由度得到了极大的提升。对于Windows XP，微软推出了一个丰富多彩的风格，通过运用大量的亮部，阴影和渐变来模拟一个现实物理外观。

苹果发布的Mac OS X则走得更远，富有光泽的塑料气泡造型的界面，拉丝铝的逼真图标等等。随着时间的推移，操作系统的视觉样式得到加强，微软赋予Windows光泽，透明玻璃般的主题，而苹果公司则为其桌面和移动操作系统赋予材质感、拟物化更强的设计风格，如带有皮革纹理的日历应用程序，以及电子书阅读器逼真的翻页效果。

Windows Vista的界面特色Aero主题，其光泽以及像玻璃一样的窗口镶边。

模仿现实生活中对象和纹理的样式，被说成是“拟物化”——借用现实世界里的符号作为设计元素，目的是为了让界面为用户所熟悉。最近，设计师们开始质疑笔记类的应用程序是否一定要设计成纸质笔记本的样式，或日历类应用程序是否一定要设计成皮革和翻页效果。这样的做法确实能够给用户来视觉上趣味性，但是同时它为了配合现实生活中的静态感受却与数字界面的流动性和活力格格不入。

当前版本的OS X的日历有一个模仿真实日历外观的缝制的皮革质地和纸边撕裂的效果。

相反，Windows8依赖排版，间距和颜色带来优雅而有秩序的数字模块。现实生活中的效果以及多余的样式被摒弃，剩下的就是简单的内容本身。非常像海尔曼·穆特修斯曾经提到的以火车站作为例子的“机器美学”，微软设计师指出以火车站标志为灵感的新Windows界面，以前被称为“Metro”。

Windows 8的开始屏幕上打破传统的桌面设计方式，由扁平的，丰富多彩的磁片组成，而不是图标。磁片不仅是一种风格上的选择，而且他们让有用的信息以仪表板的方式在启动画面上呈现。

多年来，在网上已经看到了类似的转变。早期基于表格和Flash的设计让开发者能够以像素级别的细致度来完美实现界面，所以设计师毫不犹豫地为内容设计出丰富的视觉容器。当我们开始面对新媒体的流动性时，将展示和内容分开，网页设计变得更加克制。高度装饰的容器不能轻易改变它们的宽度和位置，所以设计师较少使用图像，并更多地依靠简单的CSS样式，使他们的布局适应性更强且更易于维护。

响应式设计（为使一个页面适应不同的屏幕尺寸和设备）的最新发展要求设计师的工作在一开始就要跳过可视化编辑器（如Photoshop），介入到代码当中去，让我们进一步实现一个简单的，以内容为中心的网页设计美学，它的美感源于排版，间距和颜色，而不是靠真实的设计运用纹理和装饰性的图片。

最近，苹果、作为 “拟物化”设计的引领者，通过iOS7的发布，也已经迈出了向数字化设计的第一步。缝制的皮革纹理和撕开纸张边缘的拟物化设计已经一去不复返了，取而代之的是一个简约而扁平界面，它色彩丰富、图标简单、表面半透明。

苹果iOS7对过去的“拟物化”设计做了一次彻底的转向。左边是旧iOS的计算器应用设计，右边是新的iOS7。质感粗糙的斜面按钮和闪亮的玻璃都不见了，取而代之的是扁平，纯功能性的界面。

真实的设计

促使现代设计理念在软件和网页设计中盛行的关键在于对设计真实性的追求，这种追求使得设计师将装饰性的东西从他们的工作中剔除，将数字设计引向干净、以功能为主的美学标准。然而到底是什么使设计变得“真实”呢？

真实的设计旨在避免虚假的装饰，它倾向于使用材料本身的质感，没有遮掩、没有虚假的纹理，展示材质自身的优点，而不是试图隐藏弱点。真实的设计是以一个用户熟悉且能感知有用的方式来展示功能。真实的设计是以功能优先于形式、目的在于提高效率。真实的设计是摒弃外在装饰转而寻找美丽纯净的内在本质。

在真实设计中，样式不是不重要，但它不是靠装饰来达成。相反，美的形式取决于内容，内容的自然呈现结果本身就是一个极具创意的方案。就像 Deyan Sudjic在对标志性的Anglepoise灯评论时所说：“这个灯的灯罩，它看起来就像是后面加上去的一样。但是，正是因为它基于功能毫无装饰的形状成就了它的独特魅力，这种真实的设计，就像早期版本的路虎汽车一样是基于技术的巧妙构思而不是为了创造一个诱人的消费产品所得出来的。

Anglepoise灯的设计是为了解决真实的问题而得出的一个巧妙的解决方案。所得到的形式则有着自己的美学魅力。