![The Elegance of Imperfection](http://www.alistapart.com/d/theeleganceofimperfection/imperfection.jpg)
为什么这张瓷盘这么特别?在它被烧制出来前,它相当的圆润。但艺术家有意地把它的边缘弄粗糙。它是优雅的,任何东西放在上面,都能更进一步地强化这种感觉:鲜亮的绿色梨子,一些切碎粗糙的巧克力,一堆烤杏仁。今天,这张盘子就放在我家办公室的桌子上。它象征了一个关于工艺的经验:效用并不依赖于完美的表现形式。事实上,这是我学到的关于工艺的优雅经验-从创意 大纲到用户界面设计-包括完全放弃完美形式的渴望。
这是一则奇闻,通过翻译后的日文文献口口相传。故事讲的是一位禅宗大师,与一个神父居住在离京都不远的寺庙里。神父在晚上接待客人,白天,他花很多时间打理他的花园-修饰苔藓,除去杂草,扫起落叶,一切为了完美呈现寺庙建筑最初设计的样子。
“难道这不美吗?”神父问大师······
大师点了点头“是的,你的花园很美,但少了点什么·······”
老人慢慢走向了生长在岩石和青苔之间的大树。这是一个秋天,树叶正凋零。大师什么都没做,只是摇了摇大树,让花园重新落满了树叶,树叶在园中自然随意地散落着。
“这样就对了,”大师说到。
————Janwillem van de Wetering-空镜子
Wabi-sabi与制作网站
当我尝试构思一个通过残缺来追求优雅的范例,我想到了日本的wabi -sabi概念。
Leonard Koren在他的那本《Wabi-Sabi for Artists, Designers, Poets & Philosophers》的书里,列举wabi -sabi的下列特质:不对称,粗糙,简单,朴素,亲切,合乎自然过程的联想。
这些特性似乎只是描述了设计的美学。然而,最成功的设计,是从创意构思到成品,在每个层面上都注入这些因素。正如Koren曾写道:
对wabi-sabi的简单性最好形容为一种冷静,谦虚,真心实意智慧达成的优雅状态。这种智慧的主要手法便是用意的简洁。去繁就简,但不移除诗意。坚持干净利落,但也不至于贫瘠。(wabi -sabi的事物,带有情感的温暖,永远不会冰冷。 )通常这表示只使用有限色调的材料。这也意味着最低程度地坚持显著的特征。但这并不代表切断它们之间的无形的联系。这种联系有时能把这些要素凝固成一个有意义的整体。
要用心感受网站的体验可能会很困难,因为网站和应用程序根本上是一个逻辑的构造(通过代码)。虽然你不能建立一个网站,把它作为一个对wabi -sabi纯粹的表达,但可以寻找途径,在我们的创作中引入wabi-sabi的概念,为我们的工作增加一个新的层次。这迫使我们考虑物理世界的自然秩序是如何通知影响我们创造出来的虚拟信息世界。这些自然秩序体现在网页设计世界的方法之一便是通过这些关于优雅的概念。
优雅分类学
当我们面对一个设计问题时,来自伊利诺斯州理工学院设计系的Jeremy Alexis,要求我们考虑三种类型的优雅:逻辑性优雅,系统性优雅,审美性优雅。
逻辑性优雅:源自清楚表达网站存在的原因。巧妙构思一个优雅的,逻辑清晰的思路能够帮助网站理清复杂的用户需求和业务需求。
我最近看到Luke Wroblewski贴在重新设计的雅虎主页测试版上的发言。卢克介绍了重新设计的核心理念:雅虎将成为“您在网络上喜欢的指示板(译者:dashboard)。”整个设计团队都将围绕这一想法和复杂的设计任务,为他们的用户设计一个更有意义的体验。
系统性优雅:来源于支撑网站核心理念的支架。在网站或Web应用中,支架包括信息架构,用户体验,交互设计以及内容战略和系统中的信息流。
Netflix提供了一个极好的逻辑和系统性优雅例子。该公司单纯定位于提供用户可接受的视频服务。加上很大程度上植根于优雅网站架构的用户体验,它使访问者能方便地使用社会网络的特性,并能观看在线视频,于此同时,用户的选择则增强了网站的推荐引擎。
形式或审美性优雅涵盖了网站的视觉形式。这包括用户界面设计和充溢网站的视觉语言,内容和用户交互之中的品牌特质。
任何关注清晰网站的设计都可以被认为是形式上优雅的,即使该网站是傻瓜型,如 National Geographic Kids.。一个更明显的例子是Luigi Bormoli 网站,它使用的AJAX产生对玻璃器皿的典雅展示(译者:这网站相当酷)。就像印刷目录一般,该网站鼓励用户精细地挑选,并探讨产品,同时消除不必要的页面刷新。虽然它采取了基于AJAX的审美要素,然而,也不是十分优雅。
我想在Alexis Alexis的三种优雅类型之后再增加一个类型。固有性优雅,这是关于“感受”网站或应用程序在运行中的表现,它植根于支配天性的次序规则。
我并不只是在谈论网格系统和粗陋的屏幕设计。固有性优雅是关于通过把天性上的不完善编织到他们的每一级设计中,让网站和应用程序的功能更加强大的方式。这种对感受的敏锐应该弥漫整个过程,从基础性的用户体验到最后的UI设计 。
靠着形式,结构和逻辑优雅的原则,是有可能创造令人愉悦的完美网站。但是,只有实现第四类优雅的网站,才能够给用户有意义的交互。这可以是紧密结合的形式,功能,愉快的内容,及个人感受。
wabi -sabi实现的用户界面设计
回顾一下wabi -sabi的特性:不对称,粗糙,简单,朴素,亲切,合乎自然过程的联想。或许您可以想像这些特点将如何通过可视化设计在您的网站上表现出来。考虑以下可能性:
书型网站--书页模式
·视觉异常创造各种多样性,迫使眼睛把重点放在优先级高的内容(不对称)
·表面材质能够让页面变得活泼,制造一种维度上的错觉(粗糙)
·在二维平面紧密布局网格化的系统(简单)或有机地安排不能系统化的内容(合乎自然过程的联想) ,
·风格受控的样式(朴素)
·让设计从总体想法到最终细节,传递情感(亲切) 。
Craigslist网站是一个突出展示固有性优雅设计模型的例子,虽然它有点简陋。当页面看起来不那么棒的时候,网站用社会中我们看待与共享信息的方式直接反映出来。Craigslist用自己有机的方式演变,在用户体验上,模拟现实世界社区公告栏的功能。
当你在谈论网站超越页模型,从组织和行为上模仿我们的物质世界时,规则改变了。当我们在设计以下类型的网站的时候,有一种良好的方法以平衡秩序和混乱:
花园型网站:物理世界模式
·在二维平面紧密布局图形和背景之间关系(不对称)并且使用视觉特效,用z轴呈现出立体的效果。
·把表面材质映射到对象上,模拟真实,
·视觉异常,如果他们不符合这种对真实模拟,就去掉这种视觉效果。
The Eco Zoo 将这种固有性优雅变成现实。在他们的网站上,您可以“爬”上一棵树,在弹出的“书”里阅读故事(比如Yagi-Chan的故事,这是一种披着绵羊皮的山羊)。
培养皿型网站:分子模式
·在页面元素间紧密设计重力作用的拖拽效果,
·对象不能表现出高度的细节,否则,用户界面将很容易受到干扰
·该网站是一种视觉异常,可以从无序(可探察的) ,通过用户点击变成有序(排序)化的。
WeFeelFine.org—一个能够在世界范围上收集用户对博客的感受,并用可视化的方式呈现出来的网站-体现了固有性优雅方便,灵活和流畅的特点。
给网页设计师的心印
没有什么我们看到或听到的东西是完美的。但恰是这种缺陷(不完美)才让现实变得完美。
–Shunryu Suzuki
我们已经摸索出了一些思路,当我们精心编织一个经过深思熟虑的网站时,注入设计中的真心实意的智慧,要超过审美学上的意义。在小范围上说, wabi -sabi思想可以提供给我们的现代主义发展的参照物,让我们提炼出生命的点滴,把这种优雅的方式融入到由严格的像素组成的屏幕世界中去。
当心,追求完美的网站,常常会成为我们拒绝现实中完美的借口。要认识到我们私语中的“完美现实”是一种非常独特的体验,这是用户和顾客之所以愿意雇佣我们, 在我们的工作中去捕捉和 留心的那些体验的原因。
--------------------------------------------------------------------------------------------------------
译者:(转)
Wabi-sabi:源自佛法(小乘)中的三法印,特别是诸行无常。wabi 是在简洁安静中融入质朴的美,sabi 指时间的光泽。简单说就是那些脆弱、易逝、却能够感动你的东西。
(wikipedia)Wabi-sabi 描绘是的残缺之美,残缺包括不完善的、不圆满的、不恒久的……现今一般也可指朴素、寂静、谦逊、自然……Wabi-sabi 源自佛法(小乘)中的三法印(一、诸行无常、二、诸法无我,三、涅盘寂静),尤其是无常。Wabi (侘)原指远离尘世,索居禅林的孤寂,sabi (寂)原指“寒”“贫”“凋零”。到了14世纪,这个词的含义就转向了积极的一面,茶道宗师千利休将 Wabi-sabi 融入茶道,并为 Wabi-sabi 的推广和发展做出了最伟大的贡献。千利休在58岁时成为织田信长茶道师,在织田信长死后成为继位者丰臣秀吉的茶道师,千利休就在担任织田信长和丰臣秀吉的茶道师的20年间发扬的 Wabi 茶道,使用小而朴素的茶室,竹制茶具,将日常物品用于茶道,用简洁质朴的茶具代替来自中国的华贵器具……后虽为丰臣秀吉亲信,但因茶道理念不同,被命令剖腹自杀,死于1591年2月28。