《瞬间之美WEB界面设计》第2章.doc

凸 显 个 性 我是一个极简主义者。过去是这样，将来一直也是这样。事实上，我曾经常幻想着有一天能够说服自己最终创造出一个简单到什么也没有的页面。 几年来，我为自己的个人网站进行了多次改版设计。而每一次改版所做的都只是在之前的基础上或多或少地简化、再简化一些。回想起来，在每一次改版完成时我都认为不可能再简洁了，可随后又推翻了这一结论。最近偶然翻出了之前某版本的备份，让我追忆良久。见图2-1。 图2-1 我的意思是说，在这几年逐步深入学习网页设计和交互设计之后，我提升了欣赏的品味，磨练了设计的技巧。而这些都迫使我去设计一个新的网站版本，使之能更好地展现我的个性。很多人都对这个网站表示赞许，但其实在一开始我特别惊讶。因为当时我并不认为它有什么特别之处——它是如此简单，如此基本，如此乏味。 当时我觉得，这个基本得几乎不可思议的布局根本就不值得大书特书。图片没几张，所以也没什么可欣赏的；然而文字却不少，所以你必须读很多。总之，在那个时候我觉得网站里到处都是缺点。 但结果证明它们不是缺点。事实上这个设计正好传达了我所希望传达的内容——我是一个极简主义者，喜欢用最简洁的方式与人们沟通（有点讽刺意味，不是吗？）。这种特别的设计风格其实展现了我的个性。 所有的网站都在展现某种个性，但这并不一定都是有意为之。很多时候个性都是在无意间流露出来的。这种时候，公司不知不觉间可能就会把内部的问题暴露在网站这样一个和客户发生接触的第一平台。比如说，如果公司士气低落，网站的设计可能会表现得乏味而毫无生气；而如果雇员激情满怀兴高采烈，该公司的网站则很可能丰富多彩，活跃而富有魅力。 我一直进行网站改版其实也是一种个性的展现。每个网站都可以这样做来展现自己的品牌形象，或者说传达一个公司希望和外界交流的讯息。 设计时我并没有真正意识到我正在干什么，我只是在不停地摸索直到确定某个想法，但是这种极端简洁的设计最终使我发现，运用一些巧妙的元素把所有设计捏合成一个整体将有助于展现个性，不管团体或个人都是如此。而且很容易做到这一点：我们只需要强调那些已经有的东西，从而形成一种有凝聚力的品牌。 2.1　统一设计风格，形成积极的印象 几年前最开始设计时，我知道页面应采取一个单列的布局。因为我要放在网页中的文本只有1列，同时站点导航部分也只需要一行。因此我创建了一个简单的居中列，它的宽度足以在低分辨率的显示器上显示，而且左右两边还能留下很不错的边距。如图2-2所示。 图2-2 首页顶行供站点导航使用，而它下方的空间则预留放置动画图片（那个时候，我做过很多动画设计）。 由于在文本列的两侧都留下了很宽的边距，我决定在左边区域放置站点标志。标志是一个非常简单的logo，包含了两个单词Love（爱）和Rage（怒），由一个加号（+）隔开。这是当时我从巴兹·鲁霍曼执导的莎士比亚名剧Romeo + Juliet电影海报中获得的灵感。是的，我知道从一部视觉如此丰富的电影中获得灵感非常容易。但是朋友们，只要能有点灵感我就已经很快活了。 在这个logo下面有一个小小的、手绘的心型图标，从而构成了整个标志。顺便说一句，爱与怒这个点子源自于我多年前写的一首歌（显然，它也是一部电影的名字）。再一次，我因为灵感而兴奋，即使那是出自于我自己写的歌词。此后我在网上再没有使用过这个短语。 我把这个图形放到结构框图里，把它与动画图片顶部对齐。见图2-3。 图2-3 这是个好的开始，但它还不足以把所有设计捏合成一个整体。我希望有什么东西能够在整个站点中一直延续下去，并且整合每个页面，为网站创造出一个有凝聚力的形象。我所想要的应该是一。 我第一次了解符号语言是在看电影的时候。不，不是那些角色，而是角色之外的东西。它们就如同贯穿影片的隐喻和象征一般用于表现某个主题。 例如，在影片In the Cut（Pathe Productions于2003年出品）中从始至终都是黯淡的色调，但偶尔会插入一抹深红来勾勒出主角Frannie（由Meg Ryan饰演）的线索。影片的标题、故事情节和结尾的那一幕都无可避免地与红色联系到一起。本质上颜色成为了影片的一种符号语言，或者说是另一个角色。 同时，我从自己的偶像设计师Hillman Curtis身上学到了更多关于符号的使用方法。 当Hillman和他的团队为影片Bend It Like Beckham（Gurinder Chadha于2002年执导）设计官方网站时，把网站的焦点集中在一个足球上，让它带领着用户从网站的一个栏目移动到另一个栏目。这个足球符号整合了所有的设计元素，同时延续了影片中那种乐观向上的情绪。见图2-4。 图2-4 然而，并不是所有符号都能像摄影师运用视觉叙述那样动感和多姿多彩。在大多数情况下，他们只需要简单地在网站中重复出现，以某种延续的趋势来保持一致的主