图片设计：有很多张图片要放在版面上？给它们增添点活力！

有什么更好的方法比仅仅放上相关人员的照片来更好地表现一家公司的“智力资本”（ intellectual capital ）？ 卡耐基 · 梅隆大学的软件工程学院 2006 年度报告的封面设计上，我们看到了上面有很多快乐的面孔及精心的设计。与我们平时所见的一般年鉴设计相比，它虽然也采用了很多职员相片作为设计的切入点，但它并没有安于现状，这使到整个设计充满了视觉活力。

对图片精心安排使到这个封面充满能量！如何设计？第一步，为了让封面产生一种前中后的感觉，我们必须对挑选的图片进行适当的选择及剪切，并使他们分成前中后三种类型。然后，我们就将各行水平错开移动，注意，不要移成象砖墙那样的静态图案。最后，对个别图案拉大或拉小。

图形：用图案代表数字

图表上的图案比单独的文字及数字要传达出更多的信息。在下次你设计图表时，忘掉那些毫无生气的表格，我们可以用各种图片来代替里面的数字，就象这样：

使用很多图案：上面是一家公司人员的工作职责统计图，上面的人物图案数量与数字相等。由于图案比较密，所以我们并不需要用上太多的人物细节，只需要象上图一样，采用人物轮廓图即可。

使用很少图案：如果数量非常大，你当然无法按实际数量来放置图案，我们可以用每一个图案代表多少千多少万作为单位使用。

既然是玉米，我们就要找一张一眼看起来就知道玉米的图案，简单直观的图案才能达到最好的信息沟通。

版面：设计正方形封面

下面这个封面设计使用了图片本身的网格元素来安排版面！将一个正方形的版面分成四个区域，将图片的视觉焦点放在其中一个区域中，而标题则放在对角的那个区域，轻易使版面产生有趣生动的视觉效果。

首先要安排好网络：我们可以将整个图案一分为四，注意，为了让图片的视觉焦点处于其中的一个区域中，我们需要对原来的图片仔细剪切。边框线为白色，使区域显得更清晰。其实，在图片上简单加一个边框，就已经足够引起读者的注意。你可以在以后的设计中尝试一下，使用边框可以使多个元素产生结合、连接、聚集的视觉效果。当然，边框所传达的信息与图片本身及版面结构有密切关系。

左上角是我们选定的焦点区域，在右下角，我们可以将这个区域填充，填充的颜色取自于图片（上图中是用吸管在草地上取了一种草绿色的颜色），然后再降低该区域的不透明度，降低不透明度突出图片是为了保持视觉的完整性。最后就可以加上标题了。标题应该放在该区域的左上角，与整个版面的结构配合。

网页设计：“横行霸道”

如果你设计的网页内容并不需要打印，我们可以考虑将其设计成水平轨迹这样的版面，点击上面的任何一张图片可以观看大图。

点击上图看大图

去艺术馆看过画展吗？单独的一行并列的图片非常适合表达那种有时间先后顺序或不断发展的主题（如公司的发展轨迹、工程项目的进度）。留意设计中的所有图片的基座都处于同一水平线，图片说明要保持同一宽度，文字低调，简单清晰，是设计这种网页的关键。其实，水平横看更符合我们眼睛的观看习惯！当我们已经习惯了上下拖动网页时，适当来一个这样的设计，会给人耳目一新的感觉。

海报：简单、有力、醒目

为什么简单的东西如此有力量？答案同样很简单：因为我们生活在一个凌乱不堪的视觉环境中，看一下你周围的环境，错综复杂的街道、规划不一的城市、每一天你都在接受各种混乱的画面，所以，对于那些简约的设计，我们都会情不自禁投去更多的关注。特别在设计海报时，这种效果更强烈。一句话，保持你的设计简单、有力、醒目。

（上图为美国加州沙滩排球协会的宣传海报）

相似的元素，就象双手，再加上鲜艳的颜色，立即就能使两者产生联系。两只手的颜色采用类比色搭配，背景为接近分裂补色的冷色。这样简洁的版面，无需你去叫卖，自然就会引起别人的注意。留意海报中单行的白色标题是如何清晰地突围而出。

本文所用颜色数值：

 

版面：设计漂亮的单行标题

标题当然很重要，但在设计中如果图片也很重要时，你如何将两者合二为一？试一下这招：将标题设成单行，这一行要非常细，但却很宽。全大写的字母传达了庄严和力量，而字体较小则显得权威感十足。这种设计关键是文字背景要设成透明，使标题及图片合二为一。

单行标题可以与图片完美融合，虽然文字很小，但其位置放在靠近版面的中间位置，自然使其成为观看的焦点。做起来不费吹灰之力，首先我们画一个很宽但很细的区域，降低其不透明度（这里我们选择了 70% ），并且加上一点阴影，在上面放置文字标题，增大字符间距（我们选择 200% ，见下图）。

LOGO ：当阴影成为故事的另一半

就象身体语言传达另一种意义一样，阴影同样诉说着另一种“声调”，利用阴影，我们可以使版面增加更多的信息。一些全实色的轮廓图片非常适合用来制作阴影的效果。

经典的衬线字体传达了三圣颂（ SANCTUS ）宗教般的优雅与威严，采用小写字母可以弱化这种字体锋利的线条。天使的阴影元素传达了一种沉默及神圣的信息。如果采用一个常规清晰的天使形象，整个标志的力量感反而削弱。

下面是利用阴影设计的另一个例子：

蓬松的棕榈树叶的阴影形成一架喷气式飞机，传达了一种间接的信息。你可能需要看上一两眼才会留意到飞机的存在。棕榈树及飞机都是一些剪贴画的素材，我们将原来黑色的飞机素材减低其不透明度至 20% ，并在 PS 里采用高斯模糊对其边缘进行软化。出来的效果就是：一虚一实的两个素材既形成协调统一，而且信息也互相得到加强。

颜色： iPod 好色！

颜色永远不会单独存在，它总是受到周围其它颜色的互相影响。在设计多彩的 iPod shuffle 展示版面时， Apple 公司采用了强对比效果使其小小的 iPod shuffle 突围而出！利用补色搭配创造强烈对比：

在本网站“透视色轮”一文中，我们已经讲述过，互为补色的两种颜色能够形成强烈对比，特别是这两种颜色区域一大一小搭配时效果最佳。上述的设计正是对这种颜色关系的最好说明（最右边图接近补色搭配）。为什么补色能够形成强对比？因为互为补色的两种颜色，在颜色关系上它们两者之间不存在共同的颜色，从而形成了一种紧张的对比关系。

利用颜色明暗来形成对比：

上图左的设计是将明亮的颜色放在黑色区域上形成强烈对比，而上图右将银色放置在灰色的背景中传达了一种协调之美。

图片：设计人体模特效果 说到 iPod ，那我们可以再谈谈同样具有 iPod 风格的设计，你可能已经在一些有关 iPod 的广告中看到过这种风格，在广告中的人物只有轮廓，没有细节。这一招我们可以拿来在其它地方用一下，比如，作为衣服展示的人体模特：我们将模特的所有细节都去掉，只留下身上的衣服，不用想都知道：这件衣服理所当然会成为读者的视觉焦点。

上图左的图片，说不上好也说不上坏，反正就是没有什么特色，显得很普通。而象上图右这样的处理，则效果完全不一样，极具视觉冲击力！

但你有没有注意到一点：原来图片中的这个模特的发型太过淑女 Feel ，而我们希望是一个辣女形象来配合这些服装宣传。自己当一回发型师吧，在 PS 里用橡皮胶工具或其它涂抹工具对她的发型动一下：

在实际的推广中，你可以只保留一件衣服或两件同时用上也可以：

这种设计在实际中其实还有一个好处：使你寻找图片更加灵活，长得漂不漂亮没关系啦，反正两眼一抹黑。

如何做这种效果？其实并不难，不过所用的图片必须是有清晰的轮廓，里面的衣服等元素没有被其它元素阻断。 PS高手就可以跳过下面的制作过程说明了,新手就看看吧:

一、创建选区：在 PS 里，将前景色设为白色，背景色设为黑色。用钢笔工具或其它工具将整个轮廓勾好并作为一个选区，将所选区域复制到一个新层上（图层 1 ）； PS ：图层 > 新建 > 通过拷贝的图层。

二、填充背景：选择背景图层，将该背景图层填充为白色。接着，在图层 1 中，将想突出的衣服的区域勾出来并激活选区，并同样复制到一个新层上（图层 2 ）； PS ：图层 > 新建 > 通过拷贝的图层。

三、填充整体轮廓：选择图层 1 ，按住 Ctrl 键并点击图层面板上的缩略图载入选区。接着建立一个新层（图层 3 ，见上图）。按下 X 键将前景色变成黑色，然后按下 Alt+BackSpace 键填充黑色。取消选择，将图层 1 隐藏。大功告成。

其实这种效果还有一个变化，即，里面不是填充黑色，而是用线条表现：

用相片设计名单： 很多时候我们在设计公司管理层人员名单时，除了简单的将名字单调地列出，并没有多少变化。在下面的例子中一个关于某大学的人类学部门的职员名单设计，我们采用每个人的照片来设计，显得更加亲切，而且整体给人更象一支团队的感觉。要注意的是：无论是图片的剪切、字体及颜色都要统一，切忌凌乱。

点击上图看大图

协调一致：在一个有很多琐碎元素的版面中，一定要保持统一协调，不要有太多的变化，如在上图这个设计中的照片，不要心血来潮，将一些相片设计成矩形，另一些又是圆形。照片及人员介绍的边框尺寸一样，连阴影都要保持一致。照片中，人物的脸部区域在照片中所占比例也大致相同。颜色呼应使用，字体重复应用。整体版面象是一个具有爆发状的元素，充满能量：

本文所有颜色数值如下:

一、宣传单张设计要点

通过下面的步骤能让你的宣传单张更有吸引力。

在预算很紧张的情况下你能设计出切实有效的宣传单张吗？当然可以，只要你能让人们的注意力一直集中在你的产品上。

想像你步入一个家具展厅，停留在一件你真得很喜欢的家具旁边，你脑子的第一反应是什么？是它的价格？这家公司还有什么其它产品？还是店的电话号码？

都不是！你只想更进一步的了解这东西是什么质量，对自己合适吗，还有怎么才能得到它。

你在设计宣传单张时就是要做到这一点——展示有吸引力的商品，给顾客一个拥有它的理由，并告诉顾客如何得到它。

原来的宣传单张并不理想。这个店到底在卖什么？户外凉亭还是家具 ? 纷乱的页面只会让读者迷惑。页面上的店铺地址，电话，地图都着意地处理得比较低调，避免喧宾夺主，但却没有很好的突出最核心的东西——产品！

下面我们看看如何让一个简单的宣传单张成为一个得力的推销员。

1 ．首先布置场景

如果你把一个宣传单张想象成一台戏，那么纸张就是舞台。和戏剧一样，好的广告的作用就是要让人们的注意力都集中在你的产品上。

因为产品的图片背景是比较暗的，那么宣传单张的背景也处理成黑色与它配合， ok, 舞台已经暗下来了，就等演出开始。当然背景并不一定就是黑色，不过处理成黑色是最容易形成戏剧氛效果的方法。

添加一个很细的边框，可以把它想象成幕布，引导读者的目光到中间的内容。这种线框一定要很细，如果太粗太亮就会分散读者的注意力。

2 把产品推向前台

将你的产品放在页面的显眼位置上，就像你在家后院招呼朋友吃烧烤时，你也会同样将这些台椅放在院子的显眼的地方一样，让每一个客人都看得见摸得着。

产品图片一定要清晰，实物照片是最合适的，一般厂家提供的照片质量都比较高，比如例子中的照片，你可以试着向厂家索取。如果不行，那就请摄影师给产品拍张高质量的照片，这样可能费用比较高，但是请记住：如果顾客不能清楚地打量产品，他们也不会掏钱。

也许有时候你有一种给产品图片增加一些特殊效果的冲动，且慢！在一个产品宣传单中，产品是需要展示的重点，不要自作聪明搞一些倾斜，变形的效果，这样会显得华而不实；也不要把照片弄得太小，以为顾客会拿起放大镜仔细研究一番；更不要像海报一样对图片进行剪裁，顾客只会忽略产品本身，甚至以为你要刻意隐藏什么。

3 加上标题

一旦展示了产品，下面就要加一些文字来更详细的说明产品，介绍一些不是一眼就能看出来的优点和用途。

顾客喜欢体验各种新产品，如果你把顾客想象成非常渴望进一步了解的受众，那你就可以写出好的宣传标题。

想象一下，如果是给好朋友介绍这件产品，你会先介绍哪一方面，要从最激动人心的部分开始。在这个例子里，这些家具看上去是藤条编制的，其实是玻璃钢的，很结实，这就是特点。如果你要推销的是螺丝刀，浴巾这类普通商品，那么就思考一下你的产品什么地方最惹人喜爱，为什么顾客要买它们，然后用文字表述出来。

规则一：短标题更合适。我们平时说话时，如果一个人每说一句话都要用上 20 个以上的词，只会让听的人发疯。顾客可能喜欢你的产品，但是忍受不了你这样唠叨。一样话，百样说，最好找一种最简洁，准确的说法。规则二：不要叫嚷一些华而不实的口号。 强扭的瓜不甜， 喊这些口号不能帮助你卖东西，你会因为某种车宣称自己是代表“新新人类”就去买它吗？不会，你买一辆车是因为它外观漂亮，做工地道，价格适中或是刚好满足你的某种需要。

4、下面加上文字说明

当你撰写你的文字说明的时候，记住：顾客只会在他能找到一些感兴趣的信息时才会读它，所以在你写的时候一定要找到顾客的兴趣点。好好端详一下你的产品，想想哪些信息可以让顾客对它了解更多，还有什么细节可以强调，还可以建议什么好的使用方法，有了这些信息，顾客就更可能拿起电话订购了。

规则三：顾客才是上帝。顾客永远是第一位的，你只能是靠边站。只有顾客掏出钱真的购买你的产品，世界才是美好的，否则一切都变得无意义。你要尊重这一事实，一个好的广告应该能准确反映产品真正的优点，文字不是在为产品百般辩护，而是加强这一事实。如果你认为一个顾客会毫无理由买你的产品，那只是在发白日梦。

选用什么样的字体

1 ． Times 字体是不错的选择。这些传统的字体让顾客有一种信赖感，平实的字体更能使产品引人注目。 标题和文字相的字体必须匹配，但是字符间距处理的更紧凑一点。 Times, Century, Garamond, Caslon 这几种字体都是不错的选择。

2 ． Bauhaus Heavy 字体。包豪斯风格的装饰字体就不太适合了，这是一种比较粗重的字体，本身的装饰性在整体页面中有点太惹眼，会让读者忽略了产品本身。这类字体用在海报更合适，而不是用在产品广告单张上。

3 ． Snell Roundhand 和 Futura Heavy 字体配合。这个选择很不错，优雅的字体风格同时也配合了文字本身的意思， 标题中“Wicher Beautiful ”（漂亮的藤条编织）的字体很秀丽，而“ Fibrglass strong ”（坚硬的钢化玻璃）的字体很粗壮，字体的特点配合了字面的含义。一般如果字体很醒目或是很风格化，这种字体和文字之间的联系就会很明显，记住：我们的目的是突出产品的特性。

5 加上LOGO

最后要打出自己的标识，但是标识形体要小一点，有两个原因：在销售的过程中，商店是最后才被意识到的，记住我们是在卖产品，不是商店本身，同时小的标识也显得更自信。

友情提示： 在设计一个广告或是宣传单张的时候，你要面对的是公众，会有很多普通大众接触到你设计的东西。想象一下你是在给你的朋友介绍这种产品，形容给他听，这样对你设计很有好处，因为你的受众就是他们——你的朋友和邻居。一笔好买卖是双赢的，你应该顺着这个思路来设计你的广告。

如果你暂时还没有一个标志，变通的方法是将你店的名字做成标志，当然要选用和标题比较搭配的字体。这样低调的处理可以在商店和产品之间建立一种隐性的联系，非常适合产品线比较窄的商店，比如珠宝店，花店，服饰店等。

标志可以体现一种不同的风味：它是一个标签，同时暗示这个产品只是商店众多产品中的一种。这样这个宣传单张分为相互关联的四部分——标题，照片，文字，标志，它们相互照应形成一个整体。

如何设计一个文字标志

如果时间很紧，下面有个方法可以很快的设计一个文字标志。

用标准 Helvetica 字体打出商店的名字，看上去 … 嗯 … 一般般啦。

把文字向中间压缩，让字母几乎靠在一起，去掉“ & ”字符两边的空格，加上黑色背景，文字反白处理，看上去像印章的感觉。

将名字改成 American Typewriter 字体，注意这个字体的“ & ”字符很轻松有趣，很符合这家夏季避暑用品商店的风格。

将名字断行，这样看上去更紧凑，可以应用在不同的文字排版布局中，注意这里上下两行的距离很近，配合字符之间距离。

还可利用计算机产生的灰度生成另一种效果，这里文字已经加粗，注意“ & ”字符依然是白色，这样可以产生强烈的对比效果，制造一个视觉上的焦点。

那里可以买的到呦？

路线图也是一个可以利用的资源。在迷宫一样的街区中找到一家店很困难，这时如果有个路线图，顾客会觉得商店很体贴。这个例子里，利用一幅简明的路线图就可以找到这家小店。

上图为原来的路线图：路线图全是线条构成，好像铅笔画的一样。最大的问题是图中的实线，方框还有文字形态上很相似，容易造成混淆，分散读者的注意力。读者要费好大劲，才能从这些乱七八糟的符号里找到哪是商店。拜托，这幅图还不是上北下南的。

修改后的路线图：灰色背景，白色道路看起来更舒服，更容易理解。先让北面朝上，白色道路旁边黑色的是建筑物，这种对比可以很好的传达我们需要的信息——哪里是目的地，怎么过去。较宽的道路表示你要走的路线，道路上的街道名称是大写的，避免了小写字符上下参差不齐，这样街道和名称看起来是一个整体。去掉 Elk Grove 公园的标识，一般情况下，在一个简单路线图上，只需要标出目的地的位置。

二、设计产品展示版面

如果你能恰当的组织你产品的图片，可以使你的版面吸引更多的目光

照片天生就是一个信息传达者——它就像一扇窗，反映了你公司的定位。这也使它区别与标题和一般的图形，通过在一个页面恰当的组织你的图片，你可以让这种功能体现的更充分。

设计师应该是引导者，让读者按照你的思路去阅读。

设计师的任务不是把各种元素象摆花儿那样摆在一起，只是为了很漂亮，而是应该恰当地把要传达的信息组织在一起。在这个例子中，我们把页面里面的东西分成两类，放在两个区域里，颜色浅的上半部分用来排布产品说明，下面较暗的部分来展示产品，这样读者可以抓住重点，分区浏览，不用东看西看找不到北。

图片已经调动起了读者的兴趣，如何趁热打铁传达进一步的信息？这就需要利用图片的注释了，图片注释、标题和图片一起传达一个完整的信息。

上图为修改前的设计：不要让读者的目光无所适从，这个页面效果不好，没有完成传达的目的，为什么？因为读者看的时候还要自己去把支离破碎的信息拼在一起，这个热情有余经验不足的设计师安排页面里的元素就像安排他的单身宿舍，一角放沙发，一角放椅子，茶几放中间，他这么做是因为他只将注意力放在如何安排文字栏及区域，却忘了他的目的是要传达完整的信息。

修改后的设计：就像个琳琅满目的橱窗，同样还是那些照片和文字，不过图片都集中在一起，效果完全不同。

1 设计要侧重于注意力和信息

下面介绍几种方法，可以结合使用也可以单独使用：

将展示产品加上边框

在这里，灰色的背景就是边框，注意背景和上面的文字是对齐的，很多时候加上背景比直接加边框要好，不会显得那么紧张，而且更有对比效果，如果不是有特意强调的不必直接加边框。

不同层次的信息传达

不同的字体、大小、颜色会表达不同的意义。我们可以通过这些区别来将信息进行区隔。为了达到这种效果，同一类信息保持相同的风格，比如图片的注释都用相同的字体、颜色和大小，同时和正文相区别。

运用组合概念

你可以把图片放在一起而把图片注释放在周围，也可以象例子中一样，让图片把注释文字围在中间。

这个文字区域模仿了页里的版面设计，它非常有效地将上方的文字与下方的图片联系起来。

注释的艺术

不论你的主题是什么，当你把照片组织在一起，你就能将读者的注意力放在这个图片区域上。如果考虑到做广告的人花了那么多心思和金钱也只是要吸引人们的注意力，这种效果已经非常不错了，而且并没有增加额外的花费。

人们在观看版面时，往往会首先阅读这些图片注释，然后才阅读正文。对于这些图片注释，简单整齐的布局就已经是最理想的了。

接下来怎么办呢？

你要是想立刻打动读者，让他掏钱，那么图片的注释就是广告中最重要的文字了。这个再怎么强调都不为过。如果图片吸引了读者，那么他接下来肯定会看一下图片的注释 。

最后一击，打动读者

你要让你的文字更丰满，先用标题抓住读者，提出他关心的问题，解决它，指出你产品的优点，吸引他，卖出你的产品，文字要简洁，生动，智慧，如果你的文笔不好，找个专业的来做这事儿。

白色的注释标题在 40% 灰度的背景下已经能够形成醒目的对比。

布局的平衡影响视觉判断

人类潜意识里会追求一种平衡感，这种平衡感的需要会影响我们创造的各种东西，不管有意无意，我们对平衡的感觉都会很微妙的影响我们视觉的判断， 我们潜意识里对平衡的追求决定了我们在观察到的很多事物中都会有意无意地去寻求这种视觉的稳定感。

比如，如果标题过长，使整个版面显得缺乏稳定，我们可以标题分成几行，然后安排在统一的轴线上，来获得比较稳定的感觉。

三、让你的宣传单更易读

一些基本的设计原则可以让你的页面更醒目。

文艺复兴之旅展览： 参观这种展览会总会给人无穷的遐想， 但是如果交给一个比较无趣的设计师去做推广，可能会给人没有什么新意的感觉。所以这种推广设计要更用心。

能用于宣传单设计的图片有会展的标志，还有一些版画，会展的艺术品非常吸引人，你的宣传单也应该同样独具风味。

至少这是你希望达到目的。不过你可能试了很多种页面布局，但是都显得比较呆板，没有生气，虽然有很多漂亮的图片，但是页面没有动感，比较僵硬，到底有什么问题？

主要原因是你没有利用元素大小和轻重的差别。如果能妥善处理这两个方面，你就可以引导读者按照你的意愿浏览页面了。这样不仅让你的设计更漂亮，也可以让你的宣传单更易读，下面我们看看怎么做。

未修改之前，这个布局中规中矩，比较静态。主要问题是没有大小和轻重的对比，虽然图片和标志本身都不错，但是他们基本上都差不多大小，有相同的尺寸，因此缺少一个视觉上的焦点，读者不知道往哪里看。

还可以增加轻重的对比来改善布局，每个设计上的元素都有重量，颜色比较暗或是线条比较粗的图案看上去比较重，用余光瞥一下页面，看看各个部分的轻重的不同。原来的设计中，除了文字，其他的元素重量都差不多，所以造成页面比较乏味。

修改后就好多了，大小和轻重都有了充分的变化和对比，页面比较生动，有活力，下面我们看看是如何做到的。

1 挑选一个主导元素

然后将它放大或加重。记住，要达到君临天下的地位取决于大小和重量两方面，如果只是尺度比较大 , 重量不足还是起不到作用。

为什么要有一个主导元素？图形大小和重量的差别可以引导读者浏览页面的顺序。当我们的目光扫过页面的时候，最先注意到最大，最重的元素，然后是小一点轻一点的，这样按照顺序浏览完整个页面。事实上，我们是通过元素的不同来引导读者的视线。

上图中，艺人形象的图案是主体，图中的数字代表读者浏览的顺序。有经验的设计者会利用这个原理，调整图形的大小来引导读者按照既定的顺序浏览。

在这个例子里，艺人的图案为主体，注意其他的图形是如何按照不同的大小排列来引导读者目光的。

调整其它图像的大小

其他元素都比主题的图像小或是轻一点，很多时候你都需要按照大小设置元素，大中小不同的元素组合在一起，读者的目光会按照你的设计来移动。

2 创造字体上的对比

利用大小，轻重还可以创造标题、文字和图形注释之间的对比，对于标题，我们使用了粗壮的 Compacta 字体与正方优雅的衬线字体（ Cochin 字体）形成对比。将标题的字体缩小，否则会与艺人图案形成冲突， 同样道理，注释也采用了一种较粗的非衬线字体。这样标题、正文及注释都形成了对比。

确定你要强调的重点

作为一个设计师，你需要确定要用什么来吸引读者的目光，可以是图片，或是标题，也可能是文字，但是一定要确定到底什么才是你要强调的重点。

上图大图中，标题无疑是处于一个主导的位置。由于其文字非常大，所以采用一种细体就能够产生良好的视觉效果。如果在原来的设计中，标题非常小的话，我们还采用这种细体，则信息就会无法有效传达（上图小图）。

四、加强读者的感受

文字传达信息，图形则表达情感。如何给宣传单张增加一些趣味和变化，同时又照顾到可读性和设计准则呢？

最好的方法就是运用图形，当然首先要了解图形传达信息方式和文字的不同，文字传达具体的信息，而图形更多的是一种感觉，图形的目的是产生某种氛围，而不只是复述文字传达的信息。 图形和文字可以通过很多方式协同工作，记住他们之间是相互联系的，改变其中一个就会影响到另一个。这种互动的关系可以说是非常有趣的，甚至可以产生惊喜。下面介绍四个基本的方法来协同文字和图片。

上图中，这个宣传单张过于直露，反而让人一下子抓不住它的主旨，虽然用了“注意”（ attention ）一词但却没有引起太多的注意，于是又加入了醒目的黄色背景，但效果又有点过了，我们还是根据它的具体信息来进行设计吧。

修改之后图形和文字整合的很好，还有什么比挂在树上晃来晃去更能传达“休闲”的含义？白色背景也显得舒适休闲，标题采用 Fashion Compressed 及 Myriad Tilt 两种字体，正方是 Garamond Light Condensed 字体。

1、图形和标题字体一样大

你会怎么和同事们说休闲日的事儿，你说：星期五是休闲日， yeah ，这就是你的标题，一个很好的设计起点，然后呢？然后是如何加入一个图形突出你的要点，这里的要点是“休闲”，翻翻你的图片库，找到一张倒挂的小负鼠图片，它是那么的悠然自得，这正是你要传达的。

然后呢？在这个例子中，上面是标题，小动物挂在下面，接下来文字就比较好排布了，注意例子里面文字左边留有较宽的空白区域，最后出来的效果就是：标题传达直接的信息，图形则传达出您的感受。

2 大标题，小图形

下面的处理方式中，标题是设计的重点，图形起陪衬作用。标题字体很大，左对齐，正好最下面单词的右边可以排布下文字，字体大小产生强烈的对比效果。这种设计手法非常简单而且充满乐趣，还可以与很多不同字体配合（见下图）。

上图左一标题是 Fashion Compressed 字体，图左二和左三标题是 Franklin Gothic Condensed ，文字均为 Garamond Book Condensed 字体。

3 大图形，小标题

这个例子里图形是老大，图形传达的信息不像文字那么直接，不过更令人玩味。不论是倒挂的小动物还是讲座都不是直接联系到“休闲日”的主题，但是又有某种联系，记住，图形的作用是创造一种感觉和氛围。例子中的图形很拙朴，配合简洁朴素文字，居中或是左右对齐都可以，同时注意留白。如果你是个新手，可以暂时不必用纵向的辅助线对齐，看着大致差不多就行了，如果你图形工具比较熟练，运用辅助线可以使设计更专业。

4 图形和文字混排

不同的标题会产生不同的效果，原来标题是“为救助中西部水灾灾民的抽奖活动”，换了以后是“抽中就得两张洛基队的棒球比赛门票”，焦点从别人转移到了参与者自己，这样一下子就抓住了他们的注意力，同时醒目的字体也给人兴奋的感觉。现在我们已经吊足了他们的胃口，你可以继续你的推销，比如这里还有价廉物美的烤制食品。如果文字中有你要强调的重要信息，那最好加粗这些词语，吸引读者的注意，同时加上一些小插图作为调剂。例子中的插图主要就是为了强调我们推销的主题，正好对应“一美元的门票”和“便宜烤制食品”的含义，统一的图形风格效果很好。

上图为修改前的设计

修改后的设计，改变标题的诉求信息。

图片：线条构成文件

用线条（技术上说，是一条线）描绘的元素可以传达出非常漂亮或电子信息感的印象，它可以将复杂的图片简化，并将本来平淡的元素变得有趣。对于一些原来缺乏冲击力的图片，这样处理是一种非常不错的补救办法，如果应用在网页上，在信息交换上也效率十足。

居中排版：如果说，设计一个典雅的封面有什么技巧，那就是，用一种温和的颜色，字体尺寸要小，有大面积的开放空间，并用线条来描绘元素（包括边框），线条的粗细均相等。

不同的线条：

找一张有清晰轮廓的照片，用钢笔工具沿边缘描线。你可以将不同的照片结合在一起也行。如果是对字母、数字及符号进行描边，那更加容易。线条可以是多种多样的，可以应用细线，粗线，点线或加上各种颜色的线条（见上图的几个例子，从左到右：描边，粗线条，点线，重叠）。一般来说，线条越细，出来的效果显得越经典，很有艺术味。

封面：设计一张图片相框式的封面 最近你有没有去过售卖艺术品的商店？用多张相片放在一起组成的相框现在特别热销！它们显得干净整洁，象网线排列，挂在你家的墙上，蓬荜生辉，当然，应用在页面上，效果同样不错。设计师长期以来都在使用网格线来安排版面，所以借用一下也合情合理。

多张相片整齐放在相框里，效果当然要比那些在墙上挂满尺寸参差不齐的相框出来的效果要好很多。应用在设计上，同样有这种效果。注意上面大图中这个版面的层次感：背景区域是采用一种中性的颜色，可以同时与图片中的深色及浅色形成对比，从而使整个版面呈现深、中、浅的层次感。

要应用这种方法时，首先要确保在一个版面中所有的图片尺寸要一样大。然后再根据图片的数量来组织成行或列或组，位置可以是向页面中心对齐（稳定、平静）或偏向一边（紧张、兴奋）。

字体要小！均中或偏向某一边，效果一样不错。

版面：在一种特别的照片用上多个说明

在我们前面的一篇文章中，我们曾经告诉你我们是很喜欢这种在图片上加上多个说明的排版技巧的，要记住的是：一定是要多个说明文字，而不是仅仅一块文字。这种技巧用在一些大图片上，效果特别不错，象是在同步传达图片的信息，但我们使用这种技巧最大的原因是，每一张照片我们都有“很多个故事”要讲给观众听。

（点击上图看大图）

半透明的文字背景：

这张照片魅力十足，所以在使用上，照片应该尽可能放大，然后直接在图片上方使用说明文字。背景框线条一定要细，字体形式要简单，切忌使用花里花俏的字体，某些背景设为半透明（可以填充浅灰色，再设置不透明度），使图片局部传达一种若隐若现及灵巧的感觉。

名称：在名字中加进图片

有时候，产品名称与产品本身就是天生一对，试一下这种技巧，将文字与图片紧密结合，可以比单独的文字给人留下更深刻的印象。

有两种情况：一种是将图片直接插入，如上图中，盆景是一个说明性的图片，很容易“阅读”，加进 IKKO 的名称中。从上图示意图可以看出，要将图片当作是一个字母来对待，各个间隔要相等。

第二种情况：将图片代替其中的一个字母

这种情况不是总会发生，即你的产品不仅仅配合文字意思，而且其形状还与名称中其中一个字母形状接近，如上面的例子，其产品刚好形成其中一个“ h ”，或者一个边缘圆滑的球形成为一个“ o” 。虽然你不一定总这么好运，但如果碰上了，尝试一下，不亦乐乎？

网页：矩形组合

如果你将一个元素、颜色或者位置组合作为一个视觉元素来重复应用，那你就无形中创造了一种“风格”。如果这种重复应用能够给人留下印象，那你就可以将它作为一个主题。主题比文字更容易“阅读”，还能够给人留下深刻印象。为了说明这一点，我们看一下 Parc Rittenhouse 公司是如何利用矩形及春天的颜色来作为它们网站的主题：

大矩形，小矩形：

上图大图中，五个小的正方形组成了导航区域，而页面中一个大的矩形区域就放置着大标题。在每一个矩形中，白色的文字都是放置于左下角，形成一种图案美。上图小图中，当你点击其中一个小矩形链接，该区域就会变成白色，同时，下方大矩形背景颜色会变成与点击的小矩形原来一样颜色，而且，文字标题同样是位于左下角。而以树叶构成弧线边缘的标志，则与所有的矩形形成了鲜明的对比。

本文所用颜色数值：

网页：图片自动翻页的设计传达更多的信息

Alien Skin 软件的网页在展示众多的产品时仍能保持版面整洁干净。他们使用了图片自动翻页的技巧来实现这一目的——当鼠标指针移到图片上时，图片便转换成产品说明。

不需要点击图片，便会自动出现产品说明。 Alienskin.com 的介绍产品的网页通过整齐的网格来安排版面。每一个产品都有另一张文字说明图片，让观众能够更深入了解。只需要将鼠标放在图片上，不需点击，便会出现产品的简要说明。

利用 Adobe Golive 创建自动翻页效果

这种特效需要对每一种状态都建立一张单独的图片：正常状态，鼠标滑过时状态，点击状态及鼠标移开后的状态等。每一张图片都必须是相同的尺寸。首先对一张正常状态时用的图片起一个名，比如 product1.gif ，然后在其它状态下根据这个名称安排其它文件（如， product1_over.gif, product1_down.gif 等）。将它们都放在同一个文件夹中。将正常状态时显示的图片拖到 Golive 页面上， Golive 软件会自动按你起的名称安排好不同状态下显示的图片（见上图）。

字体：如何“真正”对齐文字 你是否有注意到，当你在电脑排版中，将文字对齐后，但却感觉有点不对劲？这是因为，你对齐的是边缘，字母并没有完全对齐，因为不同的字母结构不一样，有的是弧线边缘，有些又有一些小横杆突出来（如 t ），有时还有一些引号，这些都导致设定为对齐时仍然感觉不自然。在 Indesgin 软件中的“ Optical Margin Alignment ”功能可以弥补这一不足。

在使用“ Optical Margin Alignment ”功能前的效果。你的电脑认为它们上述已经是对齐的，但你的眼睛告诉你说，好象还不齐啊。字母及引号使到边缘产生起伏不平的感觉。

使用“ Optical Margin Alignment ”功能后的效果。我们在 Indesign 软件中，选择 Type>story> Optical Margin Alignment ，然后看一下有什么变化——你会看到有些字母中会超出对齐线一些。有趣的是，这个时候，你看起来倒是真正对齐的样子。在该功能的对话框中设置的参数 , 一般来说，应该与字体的大小一样。

图片剪切：大小及位置决定一切

图片以不同的大小及不同的摆放位置来排版的话，可以产生不同的冲击力。在下图中，我们将一张尺寸较小的肖像图片放置在一个空白区域的下方，完美地与标题文字的意思搭配。

空白区域的力量：这种排版方式使版面中的各个元素一目了然。虽然空白的区域占了大部分，但给你的感觉却一点也不单薄，相反，充满了力量感。这位不幸的 CEO 肖像背后是一块厚重的黑色区域，使该人物给观众形成一种分离感及距离感。之所以能够产生这样的视觉效果，关键是人物图片的尺寸很小，而且放得很低。她深色的外套在这个设计中可以说是一个有利因素，使到给人的感觉是她的身体与黑色的背景混为一体，使其与她那忧郁的面部表情形成强烈的对比。标题设计不能设计得过于夸张显眼，应该平实一些，标题的位置同样应该以平实为主（否则标题会使整个版面显得过于紧张，从而削弱了下方肖像所传达的力量）。

碎纸片组成的卡片设计

为了向亲朋好友宣布他们的儿子 Drew 终于来到这个世界上，我们的朋友阿丹与米高这对夫妇希望以个人卡片的形式来传达这个喜讯——还有什么东西比你自己书写的文字显得更个性化？看一下我们为他们所做的设计： 不需要剪刀哦。虽然碎纸片看起来象是贴上去了，但这只是在电脑中的效果。这个卡片刚好可以用您的那台桌面打印机打印。首先写上一些活泼有趣的词语，然后将这些词语扫描进电脑中。然后用 Photoshop 软件剪切成一片片，再应用一些阴影效果，再将这些碎片置入你的版面中，排好它们，就可以打印出来了。这种设计没有复杂的技巧，但绝对充满个性化，值得一试 !

Adobe Illustrator ：焕然一新的价格牌

宝马汽车（ BMW ）的网页横幅中，清晰及有趣的价格牌模仿收银机的价格显示吸引着观众的眼睛。这个设计很有趣——旧式的价格显示设备，古典的字体，陈旧的颜色，但明暗的处理却赋予它现代的质感。

BMW 网页广告横幅

第一步：画三个圆角矩形。在图片面板中，双击图层 1 ，将其命名为“ Tabs ”。然后复制这三个矩形。接着，应用阴影效果： Effect>Stylize>Drop shaodw ，打开预览，输入的数值如下：模式： Multiply ，不透明度： 50% ； X 偏移： 0 ； Y 偏移 Op2 ；模糊： Op2 ，颜色为黑色。然后按 OK ，应用阴影特效。在图层面版上将该图层锁上。然后，再创建一个新图层，命名为“ Highlight ”，将刚才复制的三个矩形粘贴到该图层上。最后，再创建一个文字图层，输入价格牌上的文字。将这个文字图层拖到“ Highlight ”图层的下方。

第二步：在 Highlight 图层中，我们用钢笔工具画一条平滑的曲线横跨三个矩形。然后在 Pathfinder 面板中，点击 Divide 图标（上图黄色处）。这样我们就将这三个矩形分成六个区域。

第三步：在选择这六个区域时，将它们填充为白色。用直接选择工具（空白箭头）选择下面的三个区域选择，然后删除。再选择上方的三个区域，除低其不透明度，我们设置的数值为 60% 。

一个耀眼的价格牌就做好了。

本文所用颜色数值如下：

版面：将 CD 版面分成四等份使设计更加轻松

CD 已经成为大家都经常用到一种储存媒介，但其圆形的区域有时令设计师感到头痛。在这里，我们将整个版面分为四等份，能够使你轻易完成设计。

将区域分成四等份：

经过四等份的划分，整个 CD 形成了四个区域，使你在排版时能更好安排元素——图片在其中一个，文字在另一个，而标题或文字则占据第三个。在上图中，文字背景的颜色是从图片取色——这是最快获得颜色和谐搭配的办法。

希望有更多的区域来表现图片？简单，将相邻的两个区域合并即可，有四种排版形式（见下图）。留意在下图中，所有四种设计中的文字都为了配合 CD 的边缘弧线而作了调整。

避免上图这两种排版形式：如果图片占用了三个区域，则使图片的视觉效果过于强烈，导致整个版面不平衡。图片对角摆放，虽然显得活泼，但也显得过于复杂，而且使整个版面缺少一个视觉焦点。

文字：两种方法安排名单

通过漂亮的文字及排版来安排名字及职位——包括工作人员、捐赠人、赞助商及参与者等，是向这些人最好的敬意。其中的关键是在设计名单时要简朴正统，不张扬，不夸张，为了达到这个目的，我们只使用一种经典的字体，尺寸要小，而且处于版面的主要位置，两种方式：

1:象电影演员表一样

无数部电影在安排演员名单时都采用这一种模式：名字及职位各向中间对齐，通过字体的粗细来区分名字及职位。而在颜色上则非常接近。我们可以简单地在矢量软件中使用“制表位”工具来调整。

博物馆职员名单的设计

2 ，将名单合并成一个整体区域。

这种排版会使读者在阅读时速度减慢，但却显得更有艺术气息。用圆点来区分各个名单。整体形成一个矩形（上图红色直角处）。我们在段落面板中选择“所有行齐行”按钮即可实现（上图），为了达到最佳的效果，你可能需要对个别文字进行一些细节调整。

出来的效果清新优雅

版面：划分图片区域，使图片讲述更多的故事。

无论你采用的是什么图片，图片中的每个人、每个对象及每个元素都有他们各自的故事。这就是我们为什么会对这种技巧情有独钟，爱不释手。通常，当人们要对一张图片进行说明时，都是将所有文字结合在一起来说明。而在这里，我们反其道而行之，打散这些说明，将文字各就各位，各自去到具体要描述的对象上，这种手法非常有趣，而且阅读起来也更加明了，而且由于文字区域较大，非常适合我们这些总是感觉时间不够用的现代人阅读。文字可放置在描述的对象的上方或者旁边，或者兼用也行：

点击上图看大图

如果你想让这张照片透露更多的信息，你还可以象上述一样，在你还要发挥的地方编号，然后将所要交代的背景在图片外说明，如上图中， 1 的文字为：活动中心，虽然活动中心设备乏善可陈，但却还是深受欢迎； 2 ： JAVA 小姐，这已经是她的第三杯咖啡了，而现在还只是早上八点。她在上第二节课前还要喝第四杯……。这些信息你可以随意发挥，让整张图片显得更加有趣，还带点幽默。

版面：建立页面模板令你快速完成一本协调的册子设计 产品手册设计要从一而终！在设计时应该能够使你快速协调各个版面，而且能够经受得起无数次的“最后一分钟”（甚至最后一秒！）的修改。 Crate & Barrel 公司在设计产品手册时应用了一种效果良好的版面安排，使它可以轻易达到这个目标。在这一小开本尺寸的产品手册中，每个版面都被分成 6 个正方形区域（这就是一个页面模板）。每一个正方形区域中都放置图片或文字，但同一个正方形区域中绝对没有同时放置文字及图片。文字全部采用同一尺寸，而图片都是采用同一种类型及风格的照片，而且没有经过繁琐的特效加工。出来的结果就是：整本册子显得干净清新，就象他们的产品给人的感觉一样——而且做起来也一点不难，只要按着模板摆放元素就行了。

字体采用一种简单清晰的字体，与图片相比，文字形成了一个低调的区域。只用一种字体尺寸，一种样式类别（如在整本小册子中，正文文字采用 Helvetica 细体，标题用粗体，而价钱用粗黑体）。这种文字安排使其没有与图片互相挤压，让人看起来很舒服。

对于整个展开页来说，整个版面就有 12 个正方形的区域模板。图片可以占据其中一个，也可以占据九个，象上图一样，图片的排放是可以很灵活的，使每一页中图片与文字都产生空间上的对比（大与小，多与少）。特别留意一点：上图中，文字没有“包围”图片，而是与文字的直线边缘直接对齐。页面小标题及页码放在最上方一个细小区域中。

本文所用颜色数值如下：

封面设计：小即是多

当你在设计时手头上有三张照片，你会如何处理？你会将这三张照片都用上，对吧？其实没必要！一张照片就已经能够使设计信息有效传达。在这个例子中，校区里的塔楼就已经能够传达出这所学校的本质，比用上三张效果更好！标题单独一行，文字中的背景颜色区域静静地传达出有关信息。

设计师有三张照片，但如果在版面上都用上这些照片，那你还要对这三张照片进行剪切，然后将它们挤进版面里。但出来的效果却是，这三张照片在版面中的样式很相似（相似的图片元素及图案），文字阅读起来很费力。所以，设计师又不得不将字体变得很粗，字体变粗后，又要找个地方放置学校的名字，所以在最下方设计师又加上一个紫色区域来突出学校名称。设计师越“设计”，封面就越虚弱。无论是学校信息还是所要传达的文字信息都在这些复杂的、太多人工痕迹的元素中消失得一干二净。封面可以说是成为“被侮辱及被损害”的对象。为什么会这样？因为设计师做过头了！解决办法：只让一张图片来说话！

记住，在设计中，小即是多。学校的塔楼已经可以传达很多信息。简单的居中设计，就是直接让这张照片“说话”，然后加上文字就行了。注意在上图中，文字的背景区域并没有横跨整个版面，因为我们要让图片由上至下都可以流动。而上图右，学校的主色（紫色）及褐色与树的绿色形成吸引人的视觉效果，留意这三种颜色在色轮中的位置关系，绿色及褐色是紫色的补色的邻近色，听起来很复杂？紫色的补色是色轮中相隔 180 度的草绿色，而草绿色的两边邻近色就是绿色及褐色（留意色轮中的线条）。我们将这种颜色关系称之为“补色分割”（ Split complementary ）。

排版：文字应该与图片紧密配合

我们经常会接触到一些与电器、高科技产品，而设计一个描述式的版面其实充满乐趣。

原来的设计使版面变得复杂。对于这种小型产品的使用指南，我们的目标是要追求简单易读，让使用的人一看就知道文字是指哪一部分。但上面的设计却使这种联系断裂，也使到这张说明卡片的元素呈一个平放的“ L ”型，在上图中，图片放在一边，而文字说明则放在另一边。结果就是，产品显得很单薄，而页面中间那么重要的空间却空无一物。读者为了看明白这张卡片，不得不来来回回仔细对照。

在修改后的版面中，产品显得靠前，而且居中。我们将产品尽可能拉大，然后将各个要说明的部位用引线在其周围说明。非衬线字体容易辩认阅读。文字对比不强烈，整个版面显得干净清爽。并不需要象原图一样采用数字来说明。

最底部的联系信息排成一行，呼应产品的水平感。而文字都是同一种字体，只是样式不一样而已——用粗体和细体来形成对比。

版面：差别产生层次

哈钦斯大街广场酒店（ Hutchins Street Square Hotel ）是举行会议、宴会、接待及其它活动的理想场所，但如果你只是看它的这张价格宣传单张，没有人会觉得这家酒店有什么优点。它的版面缺乏生气，字里上的文字同一种字体，同一种尺寸，同一种的样式，同一种颜色，但都迷失在白色的海洋中——虽然页里上写满信息，但毫无生命力。

这种低调的设计很容易让人忽略，但你要记住，对于酒店来说，很多顾客第一个看到的东西就是它（也可能是最后！）。还是让我们花点时间来设计，使人瞥上一眼就能知道它要说什么。

这个设计让人看起来并不象是一家酒店，反倒象是一个电子邮件的宣传版面，所有东西都是相同的，缺乏变化，而图表的细线看起来就象是用铅笔画出来一样，没有层次，没有视觉焦点。宣传的对象倒是美轮美奂（见下图），但问题是，如果这张价格牌本身不能吸引别人阅读从而使顾客走进这家酒店，里面再漂亮，也没有人知道！这张平淡的单张使所有的信息都变得暗淡。

看一下我们改造后的效果：

通过字体创造出层次感：只需要简单的对字体、字体样式及颜色作一些调整，就可以轻易使版面变得吸引。上图中：

1, 此处让人一看就知道是标题，其字体轮廓与桌子上的摆设有共同的特征；

2 及 3 ，粗体突出主要信息，而黑和白则告诉你这是两个不同的信息；

4 ，细体是具体的描述文字；

5 ，线条用了白色而不是黑色，线条不明显，使整个图表给人一种以行排列的感觉。

(点击上图看修改后大图)

 

通过颜色来创造层次：深中浅三色是用吸管在这张宴会厅的图片上取色的，我们用这三种颜色安排版面，轻易创造出层次感。深色用在图表的上方，而另外两种用来区分每一行。由于这三种颜色来自于酒店图片，使到颜色直接与酒店产生了联系。

版面：由外到内

要使设计的内部与外部有着相同的风格需要一定的技巧。怎么做？简单，将封面的字体、颜色、图片风格及主要的版式都搬到里面去。注意各种元素的比例，如绿色的使用比例及图片的大小，具体看一下效果：

人物采用轮廓形图片，没有背景，使到其不规则的边缘显得更有活力。对一张大图片来说，采用这种轮廓形的设计，可以加强图片的力量，使图片充满流动感。模糊的边缘传达了一种开阔及健康的气息。留意，两张图片在实际应用中都有一个直角形的部分，即图片直接去到出血位区域。而文字无论是左对齐还是右对齐，都与这种直角区域相似。留意设计中的标题，采用了一种非常幼细的字体，这种字体充满清新，一如版面的风格。两者配合，天生一对。

签名 LOGO ：

还有什么图案比你自己的签名显得更独一无二？它完全属于你自己。所以当你有一项业务或项目是需要你最终来确认的——一个典型的例子就是公证人——那你为什么不直接用你的名字作为一个 LOGO ？

一个签名式 LOGO 很容易制作。你只需要在纸上签个名，扫描进电脑，然后用钢笔工具描边。一个独一无二的 LOGO 就完成了。可以象上图一样，将白色的 LOGO 放在灰色背景上，当然，你也可以艺术一点——选择一种您喜欢的颜色。

字体调整：我们可以通过对字体进行恰当的调整及选择来加强设计。在这个例子中，经典的 Adobe Garamond 传达了一种久远、传统及权威的感觉，而粗壮的 Franklin Gothic 粗体加强视觉的传达效果。因为上述这些都是差别很大的字体，所以为了使它们在一起能够协调配合，我们需要对个别字体进行调整。在这个例子中，我们将 Franklin 缩小一些。留意在上图名片中，白色的标题放在灰色区域中，显得特立独行。

本文所用颜色数值：

创建一个焦点标志：

原来那个碗状的标志对于一家餐厅来说其实挺不错的，因为它显得简单，很清晰地表达出餐厅的主要特征，碗上的那双筷子与中国菜联系了起来。而那些热气则代表着食物的新鲜。而一个印章式的标志可以加强这些元素，而且显得更有中国味。

在中国的绘画中，签名时经常会用上印章（通常是红色）。如果我们将刚才那个碗状的标志变为一个印章的效果，就更能传达出中国的韵味。

创建印章标志：由于原来的标志其实设计得不错，所以我们将其全部利用。我们这里是利用扫描仪将原来的黑色碗状标志扫描进 Photoshop ，像素为 300ppi ，颜色模式为 RGB ，背景为透明，填充红色（上图左）。

接着，我们要将边缘变得粗糙一些。首先前景和背景色分别设为红色及白色，然后应用撕边滤镜（滤镜 > 素描 > 撕边），在这个设计中，我们将图像平衡设为 25 ，平滑度设为 1 ，对比度为 15 ，然后按 OK 。

最后一步我们要锐化这个印章。我们应用 USM 锐化滤镜（ unsharp mask ，滤镜 > 锐化 >USM 锐化），各数值设置如下：数值 100 ，半径 25 ，阈值 0 ，按 OK 应用。下一步，将前景色设为白色，我们选用喷枪画笔（ spatter brush ，在这里我们选择第 39 号的画笔），将画笔调成不同的尺寸及改变不透明度，在印章上轻轻涂抹，我们要故意让边缘变得有点参差不齐。

现在们要选择字体了。

没有什么东西比得上那些独特的汉字更能代表中国文化。但我们菜单中的字体是要用西方字体，所以我们要寻找一种能够传达出中国字体特色的西方字体。通常来说，那些湿画笔字体、干画笔字体及艺术性字体都值得尝试。我们最终选择干画笔的 Ruach 字体作为本设计的文字字体。

我们首先观察一下中国汉字的特点。一旦你选择了一种你喜欢的字体后，你要注意这种字体的笔画。特别要注意它的边缘、线条收尾的地方及线条粗细之间的变化，而且这些线条一般都是呈某个角度的。那就让我们来看一下在西方字体中有哪些字体是与它相似的。

上图第一种湿画笔效果是 Visigoth Regular 字体。它的特点是：肥大，字母笔直，有渗透的感觉。

第二种是干画笔效果 Ruach Plain 字体。它的特点是：给人快速书写的效果，线条较细。边缘没有太多的变化，而转角位则显得粗糙，与手写字体非常接近（我们认为这种字体是最合适的）。

第三种艺术化画笔效果是 Choc ICG Regular 字体。它的特点是没有毛笔的那种粗糙感，而象油性笔写出来的，字体比较收缩。边缘及转角位都较干净。

选择小字体：

对于菜单中那些菜名的小字体，我们必须要选择那些容易辨认的字体，而通常来说，那些容易辨认的字体一般是那种“字体笔画开放”的字体，而且结构简单。我们用三种字体来作个比较。

虽然 Helvetica 字体很受欢迎，但作为字体较小时使用，却难以给人一种清晰的感觉。因为它的这些字体的收口处显得特别狭窄，而它的笔画也太过笔直，显得有点死板，与我们在上面所选择的 Ruach 大字体并不搭配。

Roman 字体中那些衬线的笔画使其很容易让人辨认，因为这些衬线笔画使阅读的人的目光能够轻易地从一个字母引导到另一个字母上，但它的弊端是细节太多，与 Ruach 字体差异太大。

Sanvito 字体笔画简洁，孤线很大，线条有一种摇摆的感觉，既容易辨认，又有书法的特点。因此我们选择这种字体作为菜单中小文字的字体。

好了，现在让我们开始处理版面吧。

如果你仔细观察竹子的形态，你会发觉竹子的叶子及竹杆都充满角度的，每片叶子的方向都是不同，有水平，有倾斜，有竖直，这使到竹子图案传达出一种运动及不安定的感觉。我们可以参照这个特点来处理我们的版面。

那个红色的印章标志放在哪里才合适？一般来说，标志一般是要放在让你最容易看到的地方。在上图中，黑色竹子的构图是这个版面最重要的视觉元素，所以我们放这个标志的地方也要配合竹子的图案，我们直接将它放在竹子叶的下方，刚好是竹叶伸出来的地方，这些竹叶构成了一个“伞形”区域（上图左虚线处）。

接着放置名字。我们可以看到，每片竹子叶的大小都不一样，方向也不一样。我们模仿这种特点，将餐厅名字分成两种不同的尺寸，错开排列，使其方向感向两边伸展（上图右）。

现在我们要放置联系信息等文字。由于这张菜单是要向人派发的，所以我们的电话号码必须要醒目。这一行电话号码我们故意让它伸出右边，使其更加容易吸引人。而下面的文字则要与印章右对齐。这样既可协调整个版面，也保留了动感的特点。

组织菜单的各种信息：

在原菜单设计中所用到的那些线框其实没有什么用，因为各部分的周围都有足够的空间。我们同样可以模仿竹子的特点，使里面的文字有些突出来，给人一种“错落有致”的感觉。

我们可以看出，每一个小标题都是向左突出一点的，而里面文字的尺寸及每部分文字之间的文字距离都与大标题字母的 X 高度一样的。

从上图可以看出，我们采用了小标题突出的排版而不是全部左对齐区分每部分文字，这可以与竹子及我们刚才最右边的首页版式相响应。

整个外页我们设计完了，现在轮到内页。其实我们可以将外页的设计风格在内页里重复。一个外页设计如果效果不错的话，那用到内页上同样有良好的效果，也可以使整张菜单的版式更统一协调。

我们将外页的整个背景同样应用在内页上，但为了留有足够的空间给那些菜名，所以我们将那些深色的竹子去掉，而其中的文字版式必须与外页一样，包括同样的文字页边距。

最后，需要用到颜色来使整个版面更精美。我们在看一样东西时总是首先看到那些相似的元素。我们将其中的那些标题加上颜色，使其与印章标志更统一（颜色取自印章上的红色）。另外我们采用金黄色以加强版面的层次感，也更符合中国菜那种热气腾腾的感觉。

 

我们将电话号码变成金黄色，使其与另外那些菜名等信息分开，同时也可以增加版面的层次。这种金黄色是来自我们开始时所搜索到的图片，要记住图片搜索是很重要的，如果你不进行这项工作，或者只是想当然地利用其它的图片来取色，那就完全失去颜色与信息之间的联系了。

至此，这张中餐厅的菜单终于设计完成了。其实，到了这一步，我们还可以有另外的一种选择：

我们对各个折叶加上一个粗黑框，以使它更有屏风的感觉（灵感同样来自我们上述那张屏风的照片）。

象上图中，如果我们对每个折页加上一个粗黑框，那就使每一个折页都变成一个独立的空间，这个设计粗看起来好象与最原来的设计有点相似，但却比原来的设计更有吸引力，因为图案的竹子很自然地将每个折页在视觉上联系在一起。这个设计有以下特点：

1 、黑色的那根竹子图案占据了两个折页；

2 、背景的浅色竹子占据了三个折页；

3 、重复应用的红色元素贯穿整个设计。

折叠的设计给人一种屏风的感觉，而那些美味的中国菜却吸引你将它展开。

本文所用颜色如下：

在本文中，我们将介绍如何设计出一张充满东方气息的菜单，以使它更好地传达出那些美味的中国菜。

中国菜让人一看就想流口水——所以“东方风味“（ A Taste of the Orient ）餐厅总是坐满了中午来吃饭的上班一族。这是一家规模不大的家庭作坊式餐厅，座落在购物广场的旁边。但你如果只是看一眼他们这张普遍的粉红色折页菜单，却让人感到毫无特色！“东方风味”需要让它的菜单与它的菜肴一样吸引人，能够传达出有着鲜明特色的中国文化气息，而且能够让那些写字楼里的白领将这张菜单贴在公司的告示板上，而不是将它塞进抽屉里。让我们开始改造。

上图为原来的菜单设计。实事求是地讲，一张菜单所需要的信息它全都有了。但如果我们将那个碗状的标志去掉，那整张菜单就没有一个元素是能够与中国菜联系起来的。而且这张菜单是要向那些上班的人派发的，我们需要让上班的人一看到这张菜单时就能感受到中国菜的美味——从而吸引他来这家餐厅。所以我们需要设计得漂亮一些。

首先让我们来分析一下原来的设计存在什么问题。

刚才说了，菜单上的文字信息并没有什么问题，但整个版面并没有设计，只是将版面填满而已。原来的设计师并没有在设计中表达出吸引人的视觉元素、对比及层次感。

上图的菜单外页中，有一个视觉焦点（那个碗），所放的位置很正确（在中间），但它显得太普通，与其它菜单没有什么两样，缺乏吸引力。餐厅的名字在版面中所处的位置也很正确，周围的空间比较开阔，所以一眼望去很容易就注意到。但却传达不出特有的气息。其中的菜名、地址、电话号码及营业时间对于餐厅来说都是很重要的一些信息，都缺乏精心的设计。

整张菜单充斥着太多的框框。所有的菜名都是放在线框里。这样处理虽然显得整整齐齐，但这些线条在里面本来看起来就很细，既不漂亮，其实也没必要。因为菜单上已经有足够的空间让各种文字信息分开而不会引起混乱。而且各个线框的尺寸长短不一，破坏了整个版面的协调。

一个好的设计必须是精心组织的。例如在上图中，三个圆形及三个长方形的元素构成了两个三角形，而且这两个三角形都围绕着一个视觉焦点（盘子中间的花饰），而大的圆圈（盘子）将所有元素都围绕起来。这就是设计！而且也非常吸引人。而在原来的菜单外页中，中间部分的线框里的字体与左右两边的字体不一样——当然，这样也是一种吸引人的办法，但问题是，这样处理并没有什么特定的理由。其实只能算是一种随意性的设计，并没有我们所说的精心组织。

在重新设计前，我们先要了解一下有关中国的一些东西。你必须真的进行一番认真的搜索，不要只凭你的记忆去想象，不然你就以为中国只有筷子及幸运甜饼（ fortune cookie ，该饼是由广东的一种小食演变而成，在美国当地深受欢迎，而包着甜饼的纸条上写着一些有关吉利与否的文字，类似于一种“抽签占卜”，所以亦称“签饼”——译注）。

中国到底有什么特色？

不要去想象，如果你在书本、网站及图片库里仔细寻找一些有关中国的东西，甚至去中餐厅里看一下，那你设计出来的效果就会好很多（也更容易）。我们要看什么？要特别注意观察各种有关中国的东西，包括它们的形状、颜色、图案及观察中国菜的色香味，还要留意隐藏在这些东西后面的有关中国历史、文化及传统这些看不见的元素。

脸谱：具有悠久的历史，有宗教气息，表演时用，颜色五彩缤纷，由多种图案构成；

中餐厅：以中性颜色为主，有图案复杂的木雕制品装饰；

幸运饼：从明朝留传下来的一种“月饼”，代表欢乐，圆形，金黄色；

竹子：充满自然气息，体态优雅，错落有致；

炒锅：热气腾腾，圆形，菜肴五颜六色，香味扑鼻；

文字：古老，毛笔书写，书法感，流动感，有着鲜明的东方特色；

颜色：红色，金色；

屏风：精致，上面镶有历史人物故事，在中餐厅里经常可以见到。

从版式与背景开始：

我们只需利用上面两张图片就可以确定设计风格。一张是屏风，因为屏风就象一张折页，而竹子作为版面的背景，显得优雅宁静。

屏风上绘有风景、植物及人物，而且一般由三个或四个折面组成，使用起来非常方便，而我们本次设计的菜单则有三个折面。

剪切图片：为了使我们的设计就象屏风一样开阔，我们要将所用到的图片的比例定好。注意上面左图中的构图平衡——我们所取的图片的面积占原图片的二分之一左右。定好图片的比例后，我们就可以将这张图片变成一张漂亮的背景图。

创建投影图：

我们需要将图片转为一张投影图，给人一种是竹子投在屏风上的阴影的感觉，首先要将图片中的竹子与背景分离。

将原来的彩色照片转为纯粹由黑白两种实色组成（不含灰色）。在这张竹子图片中，竹子的形态非常具有特色，所以我们并不需要在意竹子具体的细节。在 Photoshop 软件中，首先我们将这张图片变为灰度图片（上图右）。

PS 里，我们利用 阈值 工具（图象 > 调整 > 阈值 ）。打开预览模式，然后移动其滑杆，使到竹子是白色，而其余区域为黑色。当调整到最理想的效果时，按 OK 应用（上图左）。

接下来，我们利用反相工具（图象 > 调整 > 反相）将黑与白反转，用橡皮工具将竹子以外的一些黑色杂点清理干净。如果有需要的话，可以用画笔工具对其中的细节进行修饰(上图右）。然后将它保存为副件（或图层），等一下我们还用得着。

创建自然光线效果：我们将这张黑白照片进行模糊及加亮操作将其变淡，然后在整个版面上描绘一些浅颜色。

我们将上图的黑白图片转为 CMYK 模式，然后将颜色变淡。可以选择模糊工具（滤镜 > 模糊 > 高斯模糊）。我们所需要的效果是把竹子的色调变淡，但仍然可以使人感觉到竹子的形态。如在模糊操作中，我们输入的数值是 10 。然后我们将不透明度调到 10%（上图左） 。

下一步，我们要添加一些自然的光线效果。我们可以从上述的中餐厅图片取一种浅色及较深的色（见上图 1 处）。然后我们建立一个新图层，用浅色填充（上图 2 ）。

接着我们用一只柔软的画笔将较深的颜色以孤线的路径在接近页面下方的区域中描绘（上图 3 ）。然后我们将这个图层的混合模式选择为正片叠底（ Multiply ），这样下方的竹子图层就可以显露出来。出来的效果让人感觉到那些竹子好象是从纸的后面被灯光投影上来似的。

当我们完成上面的效果后，我们还要通过添加一些黑色的竹子使整个页面形成层次感。这样在版面中，前景与背景之间就形成了良好的对比。

首先我们将刚才的那张黑白竹子的图层复制，将复制的图层移到最上面一层。然后将它的图层混合模式也设为正片叠底，并利用橡皮工具，将大部分竹子擦掉，只留一部分，我们要将这部分竹子单独分离出来。

要注意这些深色的竹子的大小要与背景中的竹子尺寸的一样大，使到整个页面上深浅不一的竹子象是因为后面的竹子由于距离及光线所造成的若显若暗的效果。我们在三个折页中间都要放置这些深色的竹子。这种处理手法使到整个页面充满层次的变化。

我们现在要进行绘画！利用画笔工具，我们自己画上一些竹子，使其两部分叶子联接起来（上图 1 ）。并加上竹杆（上图 2 ）。我们在上图 3 的地方再添加多一两片竹叶，使其有下垂的感觉。等一下我们要在它下面放上文字。

如何设计文字标

文字标是指不包含图形的标志，设计这种标志其实可以很简单！

一个标志如果不包含图形或图片即称之为文字标，这类标志设计起来相对比较容易。文字标是使用最广泛的一类标志，事实上，很多国际性大公司都在使用这种标志，比如 IBM , SONY 。

和其他标志一样，文字标也是要代表某种东西。在我们开始设计之前，应该花点时间想清楚标志到底要传达的是什么，对于一家公司或团体来说，它要表现的是什么，一件事物或一个人？是某种产品或是服务？目标顾客是哪些人？如果对这些问题没有清晰的答案，设计师就很容易经不起诱惑而加入很多花俏的图形，而这些图形其实并不是这家公司所实际需要的。你对公司越了解，你走的弯路就会越少。

下面的文章里我们将为 Berington 保险公司（ Berington Insurance ）设计一个文字标志，其中的一些原理可以应用在所有类型的标志设计中。

马上开始：

1 ．为公司的名字选择一种字体

2 ．调整文字的大小和对齐方式，我们将其中一个单词放大，其他文字居中

3 ．在文字周围加上边框，并填充适当的背景颜色

4 ．加上装饰性的边线就 ok 了，标志看起来不错，设计起来也不费工夫。

我们来详细分析上述这最基础的几个步骤:

一、选择一种字体

在一个文字标中，字体是关键。你首先需要从很多种字体中选择一种，这里有一些原则可以参考：

当公司名称使用了某种字体时，其文字实传达了表面的和隐含的两种信息。在第一个例子中，表面的信息是 Berington 保险公司，而隐含的信息则是它给人的印象或感觉。我们的任务就是要找出这两种信息的互动关系。

我们来试一种字体：

隐含的信息一般都取决于上下文。比如上图的这种字体，看上去这家保险公司可能是专门经营军属保险业务的。对于公众来说，还可能被误认为是航运公司。我们来试一下另一种字体：

这种轮廓清晰的字体传达出一种信息：公司在行业里已经具有多年经验。如果我们还是采用这种字体，但改变一下名称看看有什么效果。

（字面意思：汽车维修）

同样是这种比较正统的字体却传达了另一种信息：修理起来可能会很贵。

这就是我们所说的两种信息的互动关系。

选择字体最好的方式就是用你字体库里的字体多试一下，看看效果，一些花哨的字体可能会比较吸引人，不过你还以应该更侧重于比较平实的字体，为什么呢？因为这些字体更醒目有力，比如 Caslon 字体在其它元素中就不会显得过于令人侧目。

让我们继续原来的例子，下面我们把名称换成大写，拉开字符之间的距离。

这样看起来比较庄重，更符合公司比较严谨正式的风格。

还有一点要注意，有时单行文字并不能充分表现标志的含义，那我们可以通过改变其他因素来改变隐含的信息，比如：

用 Lithos 字体会体现一种希腊，非洲的奇特格调，我们按下图处理，这种效果会更加强烈。

二 ．文字的对齐方式

我们对 Berington 这个词使用 Odeon 紧缩字体，该字体字符间很挤，传达了工业化的味道，而 Insurance 这个词可以是用同样的字体也可以用其他的字体，要注意文字之间的相互关系，一般来说我们希望它们看起来像一个整体，这个例子中，你可以利用工具中强制调整间距的功能使两个词的两端对齐。下面我们看看其他的可能：

这个例子里很巧的是 Berington 和 Insurance 两个词有相同的字符数，只要用同一字体就可以自然对齐了。

如果两个词的长度不同怎么办呢？如果采用相同的字体，那么可以缩小较长单词，来使两个词两端对齐：

也可以选择不同的字体使标志产生对比，下图中，这里我们选择另一种比较醒目有棱角的字体，调整字体的大小可以使两个词左右对齐。

通过增加两个词字体大小的差别，可以使这种对比更加突出。不过为了左右对齐，下面的那个词的字符间距要拉大一点（下图）。

增加字符间距可以产生一种奢华的感觉，特别是对于比较紧凑的字体，如果两个词的字符间距都增加的话，记得也要把两个词之间的距离也拉大一点。

三．添加背景区域

首先，我们来看看这些文字的整体的形状（试着以不同角度来观察），然后在它们周围画上适当形状的边框，用合适的颜色填充，不管是对单个词还是多个词的标志都是可以的，下面我们看看三种不同的方法：

上图中，这种整齐的形状可以使标志更突出，配合字体整体形状的背景，也使到标志的结构得到进一步加强。

上述原则同样适用于长短不一的文字。注意，上图中，上下的两个较短的词是两端对齐的，同样配合整体文字形状的背景使标志看起来更具活力。

背景还可以起到强调的作用，比如上图只在标志的一部分添加背景，可以使这部分从其余的部分中凸现出来，注意加了背景区域之后，其它的文字要与背景两端对齐，而不是与文字对齐。

四、 添加对齐边线

边线可以使标志显得更时尚，漂亮。因为边线可以突出标志的结构，使公司的名字更引人注目，当然有时候仅仅只是为了装饰标志。

1、边线一般与文字形状的边缘形成某种对齐，这样做不仅仅是为了整洁，同时也使标志成为一个更醒目的整体。

对于公司名字，你还可以试试下面的这些方法。

2、 修饰背景区域

如果外形轮廓不够时尚或是太简单了，可以在背景区域添加其他修饰。比如下图中我们在标志的两端加入半圆形，同时用小图案来装饰四个角（注意一个标志中都只有同一种图案），这是一种让你的标志得到进一步美化或深化的一种技巧。

上图中 Dantés' 标志的字体比较柔顺，同时椭圆轮廓也显得比较自由，在两端增加装饰线可以使标志看上去更严谨，你可以试试不同粗细的线条。

使用重复的图形

一个图形可以重复多次使用，试试对每个字符或是单词都使用相同的形状，就像下图一样。

设计比较长的文字标志

如果你的客户公司名称长得几乎赶上了一句话，这种文字标也可以设计得很出色。最主要的是确定名字中哪部分是需要强调的，把这部分放大，其余的文字可以居中或是强制对齐来达到平衡的效果。

设计首字母缩写标志

如果设计的是一个首字母缩写的标志，文字的安排相对比较简单，但是还是要记住一条原则：把缩写当成一个单词来设计。

首字母缩写标志一直很流行，但它也有一些限制。其中之一就是一个单独的缩写不能完全表达公司所代表的信息，解决办法就是把公司的完整名称也加到标志中去。

即使是缩写标志，它的形状也是由字体的整体形状来决定的，注意上面左边的标志中，首字母缩写与公司全称结合形成了一个有力的标志。

上图的标志虽然不是完整的名称，但在应用装饰线条、区域及各种图案时也不要忘了对齐，对齐会产生一种整齐，统一的效果。

单个字母缩写的标志就像徽章一样，可以试试把这些标志放在自己个人的文具用品上，比如信纸，信封什么的。

让图形和文字共舞

图形和文字虽然是截然不同的元素，不过它们是一个硬币的两面，用得好可以相得益彰，下面我们看看怎样组合它们：

在电脑时代，现在有数以千计的专业绘画插图或图形元素供人们挑选下载或购买，而且价格低廉。字体设计曾经是非常艺术化的事情，但现在一些公司也会免费提供字体，也使到字体的地位不在高高在上。

让我们尝试把这两样东西结合起来。通常我们是将图形和文字分开使用，这里放图形，那里放文字，实际上，把他们结合起来效果更好。这意味我们要将图形和文字相互遮盖，并列，或是粘连，交织在一起。这样可以让它们的特点相互映衬，成为一个整体，这比把它们生硬的摆在一起要好得多。

最容易得到而且很实用的图形来自于图案字符（ Dingbats ），比如圆点，箭头，星形，圆环等。最普通的特殊字符集是 Zapf 字符集，一般激光打印机都会内置这些标准字符。

1 ．相互遮盖

亲密关系最重要

单独字符和图形可以紧密的组合成很好的标志。让字母和图形不断的接近，接近，再接近直到相互遮盖住，一个简单又有艺术感的标志就 OK 啦。

紧密可以有很多种形式。上图黑桃压着字母J，同时黑桃仍然能够完整地呈现，但是下图则相反。在这里我们在 M 上加了些修饰，让波浪元素像叶子一样盖在字母上，两个圆圈很好的体现了活泼的主题。

让图形置在名字上 …

什么是 Cookout 公司的特色，这个图形不用只言片语就回答了这个问题。

注意鱼是朝向公司名字的，这是两者联系的关键，如果鱼看上去是游走了，那么顾客也会跟着它走开了。

2、 两者并列

大图形，小文字

突出图形而使文字保持低调会产生一种比较权威的感觉，大公司更喜欢这种表现方式。

大文字，小图形

有时候一个简单的图形就可以体现“你是谁”和“这家伙到底是干什么的”。这个例子中，只是用铅笔图形替代原来的撇号就可以清晰的体现公司的文具主题。可以尝试用图形去替代标点符号或是某个字母。

注意这个标志中的主题颜色是黄色和金色，两种颜色很接近，还有红色和紫红色，绿色和浅绿色，这些颜色在一起都显得比较和谐，更重要的是看起来象是一个整体。还有一点，就是学会运用大小写的对比。图中比较大的主体部分 - fifi's- 是用小写字母，而下面小字 - STATIONERS- 则用大写，这样产生了一种意想不到的对比效果。你可以试着将大的文字处理得比较淡，而将小文字处理得更醒目

3、相互粘连

象三明治那样层叠

将单独的字母盖在图形上可以创造出一个很漂亮的缩写标志，设计起来易如反掌。

当组合字母和图形的时候，要注意两者明暗关系。比如上图第一个标志中，字母 E 含在纹饰图案中几乎看不清，可以在字母后面加上深色的背景，让字母更突出，如果不加背景，减淡纹饰图案的颜色可以达到同样的效果。

完全覆盖！

最彻底的让文字和图形融合的方法就是图形覆盖着个字母，同时保持位置不变，可以使用很多种特殊效果，比如模糊，运动，渲染等等。

图片传情，文字达意

为什么要这儿放文字，那儿放图形，相反两者放在一起效果更佳。字面意思和视觉元素完美结合，会产生一加一大于二的效果！

虚实相应

比如下图中，一个特别的元素传达了隐含的信息，足球连接了两个字符，但是没有文字的说明，这个设计中最棒的就是，你需要琢磨一下才能理解潜藏的含义：靠！原来足球是 Joe' 里面的 o ！

是什么造成了文字和足球的距离感呢？因为如果一个物体朝我们移动越近，就会显得越大而且在视野中就越靠下，所以要造成这种效果，就把图片放的大一点，摆得靠下一点。

 

设计一个超级好玩的多图形标志

是不是有时候很难确定到底哪个图形更适合？下面的方法可以把它们都利用上。

传统的标志都是在名称与一个单独的精心设计的图形相结合，然后统一应用在公司所有的物品中。但我们在这里介绍一种令人耳目一新的设计：一个标志由三，四，五甚至更多个图形围绕名称或地址组成。这种轻松的风格适合于很多类型的公司，比如汽车修理，花店，或是体育用品公司。这样做很有趣，特别是当你喜欢组合更甚于绘画的时候，因为这是种排列组合的艺术。每个零件都是不一样的，在不同的地方可以根据空间有各种的组合，比如名片，信纸，甚至是在 T 恤上，可以有很多不同的表达方式，下面我们看看怎么做。

从剪影开始

剪影是最容易，也是最通用的形式，因为有很多原始素材可供使用，比如照片，用线条构成的艺术作品、用半调处理的绘画，他们的艺术风格都很相似，找出有清晰轮廓的对象，然后描绘轮廓，填充。

全方位的标志

还有比钳子，扳手这些更普通的东西吗？但它们很呆板，不过适当的组合可以产生一种清新活泼的效果。为什么会有这种效果？注意两点：第一是相似，不论你是用三个或是十个图形，它们一定要有一些相通的地方，比如风格，颜色，主题等；第二是统一，艺术性的摆放要配合空间的特性，疏密有致的放在不同的地方，整个布局中的不同部分要看起来统一，这种统一有序的形象会让这种华丽的图像更受瞩目。

下图中我们所用的字体属性：

名称： ITC Machine 字体

地址： Helvetica Neue 55 Roman 字体

你也想做一下？看看我们的步骤：

1 ．建立一个简单的基调

办公用品中最基本的就是名片，信纸，和信封，虽然这些东西尺寸和材质都不一样，但它们都有相通之处，我们的目的是让它们看起来是个相互协调的整体。为了使标志能够灵活运用，我们必须对页边距及其支撑的元素在摆放的位置上统一处理。下面我们看看怎么做：

将文字放在一个区域里

首先将文字放在一个比较整齐的区块里，靠左或者居中都可以，如下图中 [1] 。如果分成两段就显得比较累赘了；文字尽量简单，字体小一点，对于地址， 8pt 的字就足够清晰了，因为这个文字块会出现在不同的文档中，所以尽量先去适应名片的需要。

把文字块放在一角上

将文字块放置在页面的一角上，保持文字的方向和相对位置在每一页上都是相同的，这个角可以是真实的边角 [2] ，也可以是空白区和虚拟边界形成的边角，如下图 [3] ， [4] 。组合式的标志一般都比较占空间，所以信头至少有一边，通常是左边要有比较宽的空白。

让图形说话

图片可以为你的组合式标志增添光彩，特别是图片元素比较相似的时候，关键是图片元素视觉上要比较简洁，线条简练，花纹平实，轮廓清晰。色彩简单也很重要，比如下面的例子里这些花朵的线条，形状，纹理都比较复杂，但是色彩简单，每一个看起来都是一个大的色块。这些花朵还有另一个好处，那就是我们对这些形状非常熟悉。

2、 精心布局

当你布置这些图形时，要注意图形视觉上的重量、平衡和视线转移的路线。将这些图形元素分成不同的组，每个组和其他的组都有相互平衡的关系，先把主要的组放在开阔的地方，然后把单个的图形或是比较小的组放在周边的位置上，注意文字块本身也是有重量的，也是我们考虑平衡的一个部分。很多图形比如螺丝刀，扳手等都有它本身的指向，我们的视线会不自觉地跟随这个方向移动，这个特性很有价值，可以引导读者视线在页面上移动。下面这个 T 恤的设计里，三个花朵包围着中间的名称，并指向它。

温馨提示：

找出元素其本身自然的方向性可以让视线引导到重要的信息上。

元素本身的指向性

很多元素本身是有指向性的，它们的形状会让我们的目光不自觉的在某个方向上移动，一个原则就是：将图形指向要突出的信息，就像下面例子中的一样。

平衡

一个页面里的所有元素包括文字都会影响设计的视觉平衡，尽量让元素的重心靠近整个布局的中间，可以让显得较重的元素组更靠近中间，这样就和远离中心但是比较轻的元素组相平衡了。

 

（全文完）

怎样才能做好一个标志？

最成功的标志都有一些共同的特点，以下几点最重要的原则。

一个成功的标志不仅仅需要创意或技巧。因为标志最终是要配合各种场合，所以无论用在什么地方，它都必须表现良好。这可以说是一个难以平衡的过程，但无论如何，你必须达到这一点。你要考虑的就是如何让标志发挥作用，看一下以下的一些指引对你的设计是否有帮助？

1 、它必须简单

过于复杂的设计会产生沟通的障碍，所以在标志中不要显得于过拥挤：如果将绿地、旗子、线路、高尔夫球手、岛形元素、边界、圆环、弧形字体集合在一个标志中，成了一个大杂烩，其实，你只需要少数一些元素就可以设计一个视觉效果更强烈的标志。

2 、它必须醒目

细线条作为版面设计时可以产生良好的效果，但在标志上使用，就显得很虚弱，因为： 1 ）观看起来不清晰； 2 ）过于细的线条在各种复制的过程中很容易断开甚至不能呈现。

       

虽然上述两个标志很相似，但如果将标志贴在一辆在城市行驶的汽车上，第一辆汽车上的标志根本无法看得清楚。

3 、它必须能适应各种尺寸

很多设计师经常没有注意到这一点，他们在设计标志时将标志放得很大来做，看起好很美，但不要忘记，你的标志还要应用在很多小东西上。要记住：你的标志无论是应用在户外广告牌还是应用在名片上，都一样要表现良好。

如果一个标志里面有太多细节，当标志缩小时，里面的元素将会显得模糊不清（留意上图左边的标志），好的标志应该象右边所示，更少的细节使标志在尺寸较小时仍然具有良好的表现能力。

4 、它必须能准确传达业务特征

这听起来好象老生常谈，但有时当设计师在为自己的创意而暗暗佩服自己的时候，他们很容易将一些常识性的东西抛诸脑后。对于一家航空公司来说，右边的标志更能准确传达公司的业务特征。左边的标志虽然有趣，但不难准确传达航空公司的业务特征。

5 、它必须具有鲜明特色

不要满足于平凡。你的公司是独一无二的，有着独特的企业文化及市场经营特色，所以在设计标志时必须深思熟虑。

圆形是一种非常有力量的设计元素

圆形很容易产生一个视觉焦点，它平滑流畅的边缘比起那些直线边缘更讨人喜欢。当然，也不要忘记圆形的亲密伙伴：椭圆形。

避免使用一些新潮字体

除非你公司经营的就是一些潮流服饰之类的业务，否则，你所选选择的字体必须能够经得起时间的考验。通常来说，低调的字体反而是最佳的选择，因为它们更能经受时代的变迁。

避免标志极宽或极高

一些特殊的形状很难在一些载体中配合（如名片、广告宣传等等），看起来往往让人感觉不舒服。一个好的标志比例大概应该是 3 ：2 。与普通的电视屏幕比例差不多（ 1：1 的比例也不错）。

标志与名称配合

如果名称是标志的一部分，必须使两者能够完美配合，可以变换各种位置来进行观察。 下图左标志中，通过延长白线来使标志与文字形成一个整体，右标志中，通过颜色的重复使用使标志形成一个整体。

什么是 logo ？

说到标志及企业形象时，很多人都有各自一套的解释。那什么是 logo 呢，其实该词是 logotype 一词的简称，在以前指的是一家公司的签名或符号。该词起源于希腊语：logos ，意思是“文字”。

在图片设计的语境中来说，文字符号通常用来指公司的名称。如果标志没有文字，我们称其为“象征图案”（symbols），但用来沟通的象征图案（如交通标志或指示牌）实际上是一种“象形符号”（pictographs）

如果一个标志仅由字体组成，他们可以称为字母标（ lettermarks ）、文字标（ wordmarks ），或者称为字母组合标志（ monograms ），通常这些文字标志是采用首字母或缩写的形式来表现，当然，也可以用公司全称。当象征图案及文字标志结合在一起，就是我们所说的“混合标志”（ combination marks ）。上述任何一种标志形式如果经过注册或受法律保护，称之为“商标”。

在出版行业中，很多人都在封面使用文字标或报头（ masthead ） 来传达出版社的名称，但准确的名称（特别是对于报纸的报头）应该是“ nameplate ”或“ banner ”，而 masthead 一词，准确的含义是是指列明出版商名称、拥有人的名字、职员表、地址电话之类的那些文字。

为了叙述方便，我们在下面使用“标志”一词来代表公司的符号，使用“报头”来代表出版行业。

让我们开始设计标志！

让我们看看如何利用一些简单的符号变成一个漂亮的标志。

一些印刷符号字体（ Dingbat fonts ）为设计一个现代标志提供了非常丰富的元素，很多这种符号字体原本就已经很漂亮，节省了设计这些基本元素的时间或精力。但它们最大的好处是帮助你在设计标志时提供一些图案给你研究。你可以通过组成路径、打散、重新排列、扭曲、旋转或缩放、改变颜色及其它的手段来使它们变得漂亮实用。

1、您希望标志看起来象是什么？

抽象表达

符号字体非常适合创造一些抽象的标志。不象一些绘画式的标志（绘画传达的是真实的对象）或象征式标志（如我们用地球来象征人类），抽象标志是通过暗示及间接来传达的，在意义显得较为模糊。

如果你要设计一个抽象型标志，记住几点：

将元素组成一组传达了团队、合作等含义。严谨的排列顺序也象征着结构稳定，而一朵花的整体形象则暗示着公司的成长。

重叠的对象围绕中心点组成的图案，暗示着发展、深思熟虑的行动或者团结。这种联锁的图形也传达了关系及团队力量等含义。

表达具体的东西

很多漂亮的标志都是根据具体的对象来设计的。比如，一名印刷工人可能会觉得印刷流程是一件挺有趣的工作，但对于消费者来说，我们会觉得它过于嘈杂，到处是油墨。所以这名印刷工人就会希望他的标志能够以一种间接的方式来传达其印刷机的质量。

2 、使用一个背景来美化标志，或增强力量、对比等

建立一个艺术舞台

一个简单的背景就象让你的图案有一个表演的舞台。很多符号字体本身就已经很漂亮，但如果使用了一个背景，效果可能会加倍。我们使用背景是因为：

使用简单的背景图形，三种最理想的背景是：圆形（或椭圆），正方形（或菱形）及六边形。这些图形既简单又对称，容易使观看的视线集中。表现稍欠佳但也可以尝试的图形是：竖直摆放的椭圆，长方形，三角形及多边形（大于六边），这些图形呈现一种发散的能量感。

加上一个充满活力的背景后，往往可以使一个标志增色不少，有些涉及多个细小元素的标志，原本的轮廓可能会显得凌乱，但如果放在一个背景时，会增加它们的视觉冲击力，也使到该标志最后应用于一些实际物品如名片等办公用品或各种广告时适应性更强。

一个背景相当于给原来的元素添加了一个躯干，也给标志一个空间透气，显得更有活力。整体看起来更醒目。

不同的形状背景有不同的视觉效果，在设计时可以尝试不同的形状来观看效果。留意上述右边标志，里面元素的外角与六角形是互相对应的。

正负空间调换

这些符号放在深色的背景下都具有良好的视觉效果。但里面的元素是白色时，背景成了视觉的支配元素，有时可以使标志变得更生动。

观察上述三个，最左及最右所呈现出来的视觉相差是非常大的。

观察上述感觉相差很大的两图，左边的图没有背景，我们可以感觉到好象有光线从中间向四周散发。如果我们把它变成白色，然后再加一个红色背景，这个时候，出来的效果完全不一样，背景对元素产生较大的压抑。

尺寸调整及重新组合

当对一些元素偏离中心或旋转处理时，可以使标志产生一种紧张感，显得更具动态及活力。不同的位置可以传达稳定、运动等特征。哪一种更好？就需要你用艺术的眼光来观察了。但无论选择哪一种，它必须醒目！

旋转、尺寸调整及将每一个元素移到接触外圈边缘，您可以看到每一种处理产生的视觉效果都不一样。放置下方传达重量及稳定；接触右边缘传达运动等。

上图中，哪一种阳光的设计最好？里面元素的变化及位置影响到标志所传达的信息。你会选择哪一个？

3 、创造！

分离各个元素：

直接采用原来的一些符号元素只是最原始的一步。有时，你可以将他们打散、重新组合，你会发现隐藏在里面很多有用的图案，我们提供几种可能的方法：

• 将元素分开；
• 对另一半重新排列；
• 移动某一部分；
• 放置一个或多个元素；
• 去掉元素的某一部分。

改变一个或多个小元素

很多符号元素一般都是呈对称结构的，我们可以考虑对这些结构重新分配，如下图，从同一个基本结构中，我们可以产生三种不同的结构，而且出来的效果都不错：

只使用其中一部分元素

我们可以将一些元素去掉：有时局部的元素比整体显得更有趣，特别是置入一个背景时效果更好。为了出奇不意，试一下这种办法。

上图中简单地将图案一半切掉，就产生一种日出的图案感。

对某一个细微元素进行剪切，产生另一种有趣的感觉。

将分割元素重新组合

有时一个元素不够用，复制其中一部分或整个元素，然后通过层叠或放置，同样可以产生一些耳目一新的图象出来。

我们有时可以从多个现成的符号元素中各取一部分，组合成一个新的元素。

4 、加上公司名称

名字可以很小……

你的公司名称是标志的一部分，对于很多办公用品及印刷材料，你的标志在一臂距离时必须能够清晰阅读。而一个尺寸较小、平实简朴的公司名称会显得更专业沉稳。

放在哪里？很遗憾，这仍然没有一个“绝对”标准，因为不同的图案有不同的视觉效果，尝试在图案背景的各个边缘放置公司名称，放在图案的左边、右边、角位或其它位置，仔细观察。

要多宽？ 公司名称最好与标志名称的宽度相适应，如果名称过短，就将它拉大字母间距。在标志中，一般来说，大写字母比小写字母更恰当。

……名字也可以很大！

如果标志主要应用于户外，如卡车车身或建筑上，名称最好要大。这个时候，公司名称支配着整个标志，字体的设计成为了关键的设计元素。

如何设计字母标志

利用你公司的首字母与图象元素结合创造一个漂亮、具冲击力的标志。

在中世纪，手工艺人已经在他们的产品中打上一个自己特有的印来表示对自己产品质量的保证。后来就演变成为我们今天的商标。

早期的商标装饰性很强，通常都是采用一些很繁琐及华丽的线条来勾勒字母，与现在的标志相比，虽然两者的目的一样，但在外观上已经有了很大的发展。现代的商标较少使用这些复杂繁琐的样式，通常都只是采用某些对象的轮廓图，而且公司名称的字体一般都显得简单。

这些字母标志仍然是商标中一种最主要的标志形式——它显得富有格调、冲击力强，而且容易制作。

让我们来看一下如何设计一个行之有效的字母标志。

在设计之前……

当然，字母是字母标志的基础元素，不同的字母形状及比例会决定整个标志其余的部分。首先，我们首先要学会观察，一般来说，我们将字母放置在一个开放的背景区域中，然后再来思考其它的设计元素如何与它配合。

1 、先打出公司名称

选择好一种字体，然后将字体创建轮廓，使其线条变成路径，对内部一些原本留空的区域要去掉。

2 、创作一个图象元素

创作（或寻找）一个简单的图像元素（当然，该图像元素必须与你公司的产品或服务有关），在我们这个例子中，是一家热带鱼的商店，所以我们选择了一个热带鱼的图像元素。这个元素并不需要过于复杂的细节，重要的是它的整体轮廓。

3 、结合

将这个图像元素补上原来字母中原来留空的区域。留意这个图像元素的轮廓虽然与原来留空区域并不一样，但这并没有影响到我们对这个字母的识别。

1 、如何画这些元素？

从真实物品开始

如果你所设计的客户本身的产品是某种具体的产品，如果有很多种产品，我们可以将其中一些产品拿来尝试一下。每一个都会传达不同的意义。如果客户提供的是某种服务（如旅馆），那我们可以在它所身处的某个环境中寻找，如仙人掌（热带地区的旅馆），或茶壶。

如果一个写实的图像无法准确表达，那就尝试象征性的图案

一个象征图案通常会讨人喜欢，传达了公司一些不可触摸的信息，如力量感。我们要寻找的象征图案不是哪种非常抽象、非常神秘的图案元素，它必须有指引的功能（象一些指示牌的作用）或我们经常会看到的东西。

一些写实的图象可以有很丰富的象征意义，如鸟，传达了和平信息；灯泡，传达好点子；公牛，传达力量及冲劲。

2 、如何画：保持醒目，但要简单

表现它们的外形

标志必须能快速传达信息。我们必须画出最能表现出这件物品的特点，如下面的铁锤，如果以俯视角度来画，没有人知道它是什么。

在必要时使用一些细节元素配合

有一些装饰性很强的元素虽然很漂亮，但也过于复杂，不是字母标志所希望的理想形式。我们不需要过多的细节，只需要能够让人识别这个对象是什么即可。

        

细节过多           是什么来的？

加上一个眼睛才是最好的，一眼看上去就知道是什么。

如果要加上线条，必须控制线条的厚度及数量

线条可以给人一种快速移动的感觉，但一不小心，就会使标志产生过多的细节。线条的粗细应该一致，不要用多种不同精细的线条来设计标志。

上述这个标志中，每条线的粗细都一样，线条间的间隔也一样。

轮廓线不要过于复杂

泰迪熊的尺寸如果放得很大时我们很容易识别，但问题是，如果将它缩小到一个字母大小时，看起来只是象一个墨水渍。为什么？因为它的轮廓太复杂了。其中的一个解决办法是我们只采用泰迪熊的头部。虽然只是采用一部分，但并不会影响到对该形象的识别。

选择什么字体？

在设计这种标志时，我们可以选择一种非常粗壮或厚实的字体，这样当它与其它图像元素配合时，其字母特色仍然能够保留。但要避免选择一些结构过于紧凑的字母，因为这些字母里面的转角位形成的空白区域通常很窄很高，极大的限制了图像元素的灵活使用。

上述为各种不同字体及其字体名称

3 放在哪里：代替白色区域

象上面我们所说的一样，将字母原来的空心去掉，然后用其它图像元素来代替该空位，通常，所加的图象元素一般比原来的空心区域要大。

你不需要每次都仔细考虑该放在哪个位置上。象上图三个例子所示，如果图像元素与原来字母所呈现的方向感一致时，效果最强烈。特别留意上图中郁金香的图案是如何形成一个字母 P ，与其它两个不同，它只是使用花朵元素的其中一部分。

放置的原则就是要让字母容易辨认。

我们必须顺应字母原来的结构特点：

上图中，钢笔很漂亮，但字母是什么？

这样摆放无疑是最恰当的

避免象上图这样摆放，我们的图片元素应该是与原来的字母和谐一致地结合，而不是与原来自然的形状产生冲突。

尝试一下这些技巧：

重复图象元素然后应用在字母上，或者将公司名称的每个字母都加上图案：

一群蚂蚁比一只蚂蚁效果更好，符合我们的思维惯性。象这种重复应用的手法必须是原来的字母已经是非常容易识别的。

上面标志中，留意“ I ”是没有进行任何处理的，一般来说，避免将图像元素加在一个缺乏空心或负面区域的字母上（如字母 I 就没有任何的留空区域）。