《瞬间之美》第2章

《《瞬间之美》第2章》由会员分享，可在线阅读，更多相关《《瞬间之美》第2章（9页珍藏版）》请在金锄头文库上搜索。

1、凸 显 个 性我是一个极简主义者。过去是这样，将来一直也是这样。事实上， 我曾经常幻想着有一天能够说服自己最终创造出一个简单到什么也没有 的页面。几年来，我为自己的个人网站进行了多次改版设计。而每一次改版 所做的都只是在之前的基础上或多或少地简化、再简化一些。回想起来， 在每一次改版完成时我都认为不可能再简洁了，可随后又推翻了这一结 论。最近偶然翻出了之前某版本的备份，让我追忆良久。见图2-1。图2-1第 2 章16 第 2 章 凸显个性我的意思是说，在这几年逐步深入学习网页设计和交互设计之后， 我提升了欣赏的品味，磨练了设计的技巧。而这些都迫使我去设计一个 新的网站版本，使之能更好地展现我的

2、个性。很多人都对这个网站表示 赞许，但其实在一开始我特别惊讶。因为当时我并不认为它有什么特别 之处它是如此简单，如此基本，如此乏味。当时我觉得，这个基本得几乎不可思议的布局根本就不值得大书特 书。图片没几张，所以也没什么可欣赏的；然而文字却不少，所以你必 须读很多。总之，在那个时候我觉得网站里到处都是缺点。但结果证明它们不是缺点。事实上这个设计正好传达了我所希望传 达的内容我是一个极简主义者，喜欢用最简洁的方式与人们沟通 （有点讽刺意味，不是吗？） 。这种特别的设计风格其实展现了我的个 性。所有的网站都在展现某种个性，但这并不一定都是有意为之。很多 时候个性都是在无意间流露出来的。这种时候，公

3、司不知不觉间可能就 会把内部的问题暴露在网站这样一个和客户发生接触的第一平台。比如 说，如果公司士气低落，网站的设计可能会表现得乏味而毫无生气；而 如果雇员激情满怀兴高采烈，该公司的网站则很可能丰富多彩，活跃而 富有魅力。我一直进行网站改版其实也是一种个性的 展现。每个网站都可以 这样做来展现自己的品牌形象 ，或者说传达一个公司希望和外界交流 的讯息。设计时我并没有真正意识到我正在干什么，我只是在不停地摸索直 到确定某个想法，但是这种极端简洁的设计最终使我发现，运用一些巧 妙的元素把所有设计捏合成一个整体将有助于展现个性，不管团体或个 人都是如此。而且很容易做到这一点：我们只需要强调那些已经有

4、的东 西，从而形成一种有凝聚力的“品牌” 。2.1 统一设计风格，形成积极的印象几年前最开始设计时，我知道页面应采取一个单列的布局。因为我2.1 统一设计风格，形成积极的印象 17要放在网页中的文本只有1列，同时站点导航部分也只需要一行。因此 我创建了一个简单的居中列，它的宽度足以在低分辨率的显示器上显示， 而且左右两边还能留下很不错的边距。如图2-2所示。图2-2首页顶行供站点导航使用，而它下方的空间则预留放置动画图片 （那个时候，我做过很多动画设计）。由于在文本列的两侧都留下了很宽的边距，我决定在左边区域放置 站点标志。标志是一个非常简单的logo，包含了两个单词Love（爱）和 Rage

5、（怒） ，由一个加号（+）隔开。这是当时我从巴兹鲁霍曼执导的 莎士比亚名剧Romeo + Juliet1电影海报中获得的灵感。是的，我知道从 一部视觉如此丰富的电影中获得灵感非常容易。但是朋友们，只要能有 点灵感我就已经很快活了。1 Romeo + Juliet引进版名为“现代罗密欧与朱丽叶” ，美国福克斯影业公司1996年出 品。在电影标题中， “罗密欧”和“朱丽叶”之间有一个“+”的符号，里面有一 个小小的“&” 。相关网址为http:/ 第 2 章 凸显个性在这个logo下面有一个小小的、手绘的心型图标，从而构成了整个 标志。顺便说一句， “爱与怒”这个点子源自于我多年前写的一首歌 （显

6、然，它也是一部电影的名字1） 。再一次，我因为灵感而兴奋，即使 那是出自于我自己写的歌词。此后我在网上再没有使用过这个短语。我把这个图形放到结构框图里，把它与动画图片顶部对齐。见图2- 3。图2-3这是个好的开始，但它还不足以把所有设计捏合成一个整体。我希 望有什么东西能够在整个站点中一直延续下去，并且整合每个页面，为 网站创造出一个有凝聚力的形象。我所想要的应该是一个符号。使用符号我第一次了解符号语言是在看电影的时候。不，不是那些角色2，1 Love and Rage是一部德国与爱尔兰合拍的影片，Nova Films于1998年出品。译 者注 2 此处“符号”的原文为“character”

7、。英文中“character”含义丰富，除了“符号” 之外还有“角色” 、 “字符” 、 “性格”等多种字义。译者注2.1 统一设计风格，形成积极的印象 19而是角色之外的东西。它们就如同贯穿影片的隐喻和象征一般用于表现 某个主题。例如，在影片In the Cut1（Pathe Productions于2003年出品）中从始 至终都是黯淡的色调，但偶尔会插入一抹深红来勾勒出主角Frannie（由 Meg Ryan饰演）的线索。影片的标题、故事情节和结尾的那一幕都无 可避免地与红色联系到一起。本质上颜色成为了影片的一种符号语言， 或者说是另一个角色。同时，我从自己的偶像设计师Hillman Cu

8、rtis身上学到了更多关于符 号的使用方法。当Hillman和他的团队为影片Bend It Like Beckham2（Gurinder Chadha于2002年执导）设计官方网站时，把网站的焦点集中在一个足球 上，让它带领着用户从网站的一个栏目移动到另一个栏目。这个足球符号整合了所有的设计元素，同时延续了影片中那种乐观向上的情绪。见 图2-4。1 In the Cult中文译名为“裸体切割”或“凶线第六感” 。相关网址为 http:/ trailers/sony_pictures/ in_the_cut/。译者注 2 Bend It Like Beckham中文译名为“我爱贝克汉姆” 。Ki

9、ntop Pictures于2002年出品。 网址为http:/ 第 2 章 凸显个性图2-4然而，并不是所有符号都能像摄影师运用视觉叙述那样动感和多姿多彩。在大多数情况下，他们只需要简单地在网站中重复出现，以某种 延续的趋势来保持一致的主题风格。在这个项目中，我有一个加号图案和一颗心。我最先尝试的是心， 把它放在页面每个标题的前面，就像段落的着重号一样。见图2-5。图2-5老实说，这样看上去相当愚蠢。自从初中不再帮人给女生递纸条后， 我就没见过在哪个地方有这么多心的。这可不是我想在网上用来表现自 己的那个图形。于是我抹去了这些心，试着用经过加工的加号图案来替 换它们。见图2-6。加号图案有两

10、层含义。它不仅仅是网站logo元素在整个站点中的延 续，还创造出一种效果，即页面中的每个文本段落都吸附到各标题的下 面。与此同时，它还暗示这些内容是新的，仿佛那个“+”意味着“刚 加上”一样。2.1 统一设计风格，形成积极的印象 21很好，这个小成果让我感到非常幸运。运气绝对是设计的一部分。 在设计logo时我根本没打算重复使用这个元素，但当它出现在合适的位 置时我发现效果很棒，何乐而不为？图2-6同时我还注意到页面中最突出的logo和标题文字，它们之间有点不 太相配。这个矛盾让我意识到还得再深入一步。见图2-7。22 第 2 章 凸显个性图2-7我需要在标题中使用和logo一样的特殊字体。于

11、是我去掉了各标题的HTML文本，而把文字做成图片来显示。在那个时候我并不太了解易 用性和搜索引擎优化技术，也没有意识到所用的都是可恶的表格1。匹 配字体并不错但是把文字转化为图片意味着搜索引擎蜘蛛无法对标 题进行分析，而且这些图片对屏幕阅读器（帮助那些视力不佳的用户浏 览网页的设备）2来说也毫无意义。当时我的确很天真，就这么艰难地行进下去。我编写了页面模板， 创建了动画图片，然后为站点构筑了所有其他的页面。为了延续加号图标这一符号，我把它用在每一个页面的每一个标题 上。此外，与站点名爱与怒（love and rage）相符，另外一个栏目的主 题mind and soul也有一个and，我把这个

12、图标也用在了那里。见图2-8的左侧。1 当今流行的XHTML+CSS技术要求Web设计师使用规范的HTML代码。W3C组织建 议HTML代码应当只起到单纯的语义作用，这表示页面布局应通过CSS来实现。 严格意义上来说，表格只能用于表现表格数据，而不能被用来规划页面的布局结 构。这对广大习惯于使用表格布局的设计师来说是一个很大的冲击，但亦是潮流 趋势的必然。译者注 2 屏幕阅读器的原理是“朗读”出页面中的文本文字。很明显它们无法朗读出图片 的内容，但可以读出图片的ALT字符串（HTML中为IMG标记添加的文本字符串， 用于对网页中的图片进行描述。它允许使用纯文本浏览器或选择不下载图像的用 户了解

13、图像的说明。 ）译者注2.1 统一设计风格，形成积极的印象 23图2-8就是这样了。这个简单、基础、乏味的网站，满是缺陷和失误。但 它是我的最爱，胜过任何其他我为自己设计的站点。这段时间以来，我一直希望重新设计自己的网站，能够像这个以前 的设计一样展现我的个性。而下一次设计，我希望自己能更慎重、更周 到，让新的版本成为我的最爱。就像我所说的，不管是有心还是无意，网站都会展现某种个性。时 刻注意网站正在传达什么，并相应做出简单的改动，我们便能够往自己 想要的任何方向修塑我们网上的形象。一般来说，大部分人都不愿自己 看上去单调乏味、毫无生气，每个人都希望传达给用户一种特别的氛围。 品牌标志以及源自品牌标志的符号，能够以一种文雅而易于理解的方式 来传达信息，并且向用户展现我们真正希望他们看到的东西。也就是说，让你的品牌标志保持精致和优雅。你不能随便扔出个足 球然后就指望它腾空而起不再落地。我们需要有良好的判断力来调整品 牌商标和符号不要太突兀，有时候宁可让它们简单朴素一些。