空间开阔的设计.docVIP

【译者的话】 马克思在政治课本上老早就说服我们：形式要为内容服务。版面设计更是如此。版面风格应该服从于设计对象的特性，而不是抛开设计的对象去设计一个自以为“漂亮”的版面。对于 Audio FX 这家销售音响的零售店来说，该店原来的名片未能准确反映音响的特性，本文提供了几个解决的思路。 你的设计应该准确表达设计对象的风格，而不应该强加另外一种风格进来。在这里，看一下我们是如何将一家音响器材零售店原来的那张旧卡片变成一张充满简约风格的漂亮卡片。 Audio FX 是一家在加州首府萨克拉曼多市销售小型高端音响器材的零售店，该店的试听室产品多种多样，音响效果极佳。该店销售的音响产品造型独具一格，精致漂亮，令人眼睛一亮。 但该店的商业卡片设计却与该店的气氛格格不入，该卡片给人的印象是厚实、静态，缺乏流畅。卡片看起来与产品并不相配。它厚重的版面与音响店面及产品所呈现的整洁、空间开阔的感觉背道而驰。这使到该卡片传达了一种不真实的信息。该店的职员说：我们希望在新设计的卡片上强调家庭音响器材的信息，因为很多顾客总以为我们是一家售卖汽车音响的连锁店。 造成这种信息失真的罪魁祸首并不是来自于文字表达上，而是卡片的风格。一个好的设计，应该能够准确表达设计对象的特质，看一下我们是怎么做的。 仔细观察这些高端的音响器材，你会发现这些产品的线条、形状及颜色都呈现一种简洁的风格——风格简约、区域呈几何形，颜色上主要是经典的黑白搭配。这使到产品给人的印象是一种很经典的感觉，充满空间感，干净漂亮。 原来的 LOGO 我们打算保留。原来的卡片虽然不符合风格，但 LOGO 却是个例外。这个 LOGO 由流畅的细线条组成，一共有 6 条弧线，使 LOGO 形成一种纵深感，而且这些线条也很形象地表达出“声音流动”这个概念。整个 LOGO 为矩形区域（正方形区域或许能够传达更强的“精密”信息），线条贯穿其中，而且这些线条没有起点和终点，也传达出一种无穷无尽的视觉效果。 而其余部分我们都要扔掉 我们已经说过，这个卡片不能准确传达商店及产品的那种开阔的空间感及流线形，所以我们需要对字体及版面都进行调整，以让它更符合我们所希望传达的信息。 上图中，原来的卡片版面过于静态，所有的文字都被塞进一个矩形区域里，整体呈收缩感。这使到原来的设计师不得不将一些比较长的句子缩短间距，而一些比较短的句子又要加宽字母间距，这样做的后果就是在某些文字中形成参差不齐的空隙，在观看这些文字时让人感觉不自然。整个文字区域所形成的这种拥挤感与商店给人的感觉完全是两码事，而且与 LOGO 所呈现的风格也不搭配。 留意上图右边小图，原来的文字为了达到左右同时对齐，这使到数字的中间形成了较多的白色区域。 如果你要设计一个让人感觉稳定及温和的设计，这样设计也许不错（虽然在文字排版的技巧上还需要改善），但用在这里却丝毫不能传达出高科技的气息。 我们提供几种修改思路： 修改一：将白色空间最大化 为了让一个设计感觉清爽干净，关键就是要着重处理好留白空间。因为留白空间本身能传达出一种清纯、整洁及优雅的气息。 在一个固定的区域里尽可能增加留白空间可以让所有的元素显得更小更轻 。 同样的信息，同样的版面，但在上图修改的设计中，三个主要的元素被白色空间隔开。这使到人们在阅读这些信息时能够更轻松也更容易。白色透着一种典雅，为什么有这种感觉？因为白色使到整个版面变得更加明亮。而且在白色的空间中，你还可以作进一步的深入设计——你可以进一步创造出其它视觉元素及风格——因为白色的空间为提供了一个用武之地。 在原来的设计中，为了能够与文字区域对齐，原来的“ FX ”被放得很大，显得不自然。而在这个修改的设计中，文字变小了，增加“ FX ”字母颜色的明度也使它变得更加轻盈。出来的效果更加漂亮。 白色充满活力！ 在原来的设计中，留白空间并不是主要的处理对象，只是被动产生。但在新的卡片中，我们将这个留白空间看成是版面不可分割的一个动感部分，需要谨慎处理。 LOGO 与 AUDIOFX 名字是作为一个整体处理。它们有着相同的宽度，两者间隔的距离为 AUDIOFX 字母的高度（见 1 处）。 LOGO 与名字放在名片的左方，形成了三个相同的页边距（见 2 处） 右方放进文字，留意，文字右方的页边距和文字左方离 LOGO 的距离同样为“ 2 ”的间距。结果就是，这张卡片给人一种简单及整洁的风格——只有两个元素尺寸（ 1 和 3 ），两个白色的空间尺寸（ 1 和 2 ）。 字体必须轻巧 为了能够与白色空间搭配，我们同样要让字体能够有“清纯”的感觉。为了达到这个目的，我们尽可能对字体的尺寸、字体线条进行处理。可以想一下“最少化”的设计风格。 上图左方：不象原来的文字设计，现在的文字采用左对齐，而不是强行左右同时