五个设计技巧杂谈

1、设计技巧杂谈（之一）本文由 LOGOSKY.NET网站设计师陈汉聪编译，转载请注明出处文章编号：061242006年9月8日 【译者的话】 为什么一张图片比三张图片更有力量？如何设计产品使用指南？如何在设计中通过各种对比产生层次感？如何使设计内外统一协调？如何设计一个独一无二的签名式 LOGO ？本文继续发扬实用主义，对这些问题给出了解决办法。五个设计技巧，开拓你的设计视野。原文出处：封面设计：小即是多 当你在设计时手头上有三张照片，你会如何处理？你会将这三张照片都用上，对吧？其实没必要！一张照片就已经能够使设计信息有效传达。在这个例子中，校区里的塔楼就已经

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

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

4、应该与图片紧密配合 我们经常会接触到一些与电器、高科技产品，而设计一个描述式的版面其实充满乐趣。 原来的设计使版面变得复杂。对于这种小型产品的使用指南，我们的目标是要追求简单易读，让使用的人一看就知道文字是指哪一部分。但上面的设计却使这种联系断裂，也使到这张说明卡片的元素呈一个平放的“ L ”型，在上图中，图片放在一边，而文字说明则放在另一边。结果就是，产品显得很单薄，而页面中间那么重要的空间却空无一物。读者为了看明白这张卡片，不得不来来回回仔细对照。 在修改后的版面中，产品显得靠前，而且居中。我们将产品尽可能拉大，然后将各个要说明的部位用引线在其周围说明。非衬线字体容易辩认阅读。文字对比不强

5、烈，整个版面显得干净清爽。并不需要象原图一样采用数字来说明。最底部的联系信息排成一行，呼应产品的水平感。而文字都是同一种字体，只是样式不一样而已用粗体和细体来形成对比。版面：差别产生层次哈钦斯大街广场酒店（ Hutchins Street Square Hotel ）是举行会议、宴会、接待及其它活动的理想场所，但如果你只是看它的这张价格宣传单张，没有人会觉得这家酒店有什么优点。它的版面缺乏生气，字里上的文字同一种字体，同一种尺寸，同一种的样式，同一种颜色，但都迷失在白色的海洋中虽然页里上写满信息，但毫无生命力。 这种低调的设计很容易让人忽略，但你要记住，对于酒店来说，很多顾客第一个看到的东西就

6、是它（也可能是最后！）。还是让我们花点时间来设计，使人瞥上一眼就能知道它要说什么。 这个设计让人看起来并不象是一家酒店，反倒象是一个电子邮件的宣传版面，所有东西都是相同的，缺乏变化，而图表的细线看起来就象是用铅笔画出来一样，没有层次，没有视觉焦点。宣传的对象倒是美轮美奂（见下图），但问题是，如果这张价格牌本身不能吸引别人阅读从而使顾客走进这家酒店，里面再漂亮，也没有人知道！这张平淡的单张使所有的信息都变得暗淡。 看一下我们改造后的效果： 通过字体创造出层次感：只需要简单的对字体、字体样式及颜色作一些调整，就可以轻易使版面变得吸引。上图中： 1, 此处让人一看就知道是标题，其字体轮廓与桌子上的摆

7、设有共同的特征； 2 及 3 ，粗体突出主要信息，而黑和白则告诉你这是两个不同的信息； 4 ，细体是具体的描述文字； 5 ，线条用了白色而不是黑色，线条不明显，使整个图表给人一种以行排列的感觉。 (点击上图看修改后大图)通过颜色来创造层次：深中浅三色是用吸管在这张宴会厅的图片上取色的，我们用这三种颜色安排版面，轻易创造出层次感。深色用在图表的上方，而另外两种用来区分每一行。由于这三种颜色来自于酒店图片，使到颜色直接与酒店产生了联系。版面：由外到内 要使设计的内部与外部有着相同的风格需要一定的技巧。怎么做？简单，将封面的字体、颜色、图片风格及主要的版式都搬到里面去。注意各种元素的比例，如绿色的使

8、用比例及图片的大小，具体看一下效果： 人物采用轮廓形图片，没有背景，使到其不规则的边缘显得更有活力。对一张大图片来说，采用这种轮廓形的设计，可以加强图片的力量，使图片充满流动感。模糊的边缘传达了一种开阔及健康的气息。留意，两张图片在实际应用中都有一个直角形的部分，即图片直接去到出血位区域。而文字无论是左对齐还是右对齐，都与这种直角区域相似。留意设计中的标题，采用了一种非常幼细的字体，这种字体充满清新，一如版面的风格。两者配合，天生一对。 签名 LOGO ： 还有什么图案比你自己的签名显得更独一无二？它完全属于你自己。所以当你有一项业务或项目是需要你最终来确认的一个典型的例子就是公证人那你为什么

9、不直接用你的名字作为一个 LOGO ？ 一个签名式 LOGO 很容易制作。你只需要在纸上签个名，扫描进电脑，然后用钢笔工具描边。一个独一无二的 LOGO 就完成了。可以象上图一样，将白色的 LOGO 放在灰色背景上，当然，你也可以艺术一点选择一种您喜欢的颜色。 字体调整：我们可以通过对字体进行恰当的调整及选择来加强设计。在这个例子中，经典的 Adobe Garamond 传达了一种久远、传统及权威的感觉，而粗壮的 Franklin Gothic 粗体加强视觉的传达效果。因为上述这些都是差别很大的字体，所以为了使它们在一起能够协调配合，我们需要对个别字体进行调整。在这个例子中，我们将 Frank

10、lin 缩小一些。留意在上图名片中，白色的标题放在灰色区域中，显得特立独行。本文所用颜色数值： 设计技巧杂谈（之二）本文由 LOGOSKY.NET网站设计师陈汉聪编译，转载请注明出处文章编号：061262006年9月25日 【译者的话】 如何通过分割圆形区域来设计 CD 上的文字与图案？面对一组长名单时如何排版才显得吸引而不凌乱？如何将一张照片变成一个有趣故事？如何通过组建一个模板来设计册子？四个技巧，与大家分享。 原文出处：版面：将 CD 版面分成四等份使设计更加轻松 CD 已经成为大家都经常用到一种储存媒介，但其圆形的区域有时令设计师感到头痛。在这里，我

11、们将整个版面分为四等份，能够使你轻易完成设计。 将区域分成四等份： 经过四等份的划分，整个 CD 形成了四个区域，使你在排版时能更好安排元素图片在其中一个，文字在另一个，而标题或文字则占据第三个。在上图中，文字背景的颜色是从图片取色这是最快获得颜色和谐搭配的办法。 希望有更多的区域来表现图片？简单，将相邻的两个区域合并即可，有四种排版形式（见下图）。留意在下图中，所有四种设计中的文字都为了配合 CD 的边缘弧线而作了调整。 避免上图这两种排版形式：如果图片占用了三个区域，则使图片的视觉效果过于强烈，导致整个版面不平衡。图片对角摆放，虽然显得活泼，但也显得过于复杂，而且使整个版面缺少一个视觉焦点

12、。文字：两种方法安排名单 通过漂亮的文字及排版来安排名字及职位包括工作人员、捐赠人、赞助商及参与者等，是向这些人最好的敬意。其中的关键是在设计名单时要简朴正统，不张扬，不夸张，为了达到这个目的，我们只使用一种经典的字体，尺寸要小，而且处于版面的主要位置，两种方式： 1:象电影演员表一样 无数部电影在安排演员名单时都采用这一种模式：名字及职位各向中间对齐，通过字体的粗细来区分名字及职位。而在颜色上则非常接近。我们可以简单地在矢量软件中使用“制表位”工具来调整。 博物馆职员名单的设计 2 ，将名单合并成一个整体区域。 这种排版会使读者在阅读时速度减慢，但却显得更有艺术气息。用圆点来区分各个名单。整

13、体形成一个矩形（上图红色直角处）。我们在段落面板中选择“所有行齐行”按钮即可实现（上图），为了达到最佳的效果，你可能需要对个别文字进行一些细节调整。 出来的效果清新优雅版面：划分图片区域，使图片讲述更多的故事。 无论你采用的是什么图片，图片中的每个人、每个对象及每个元素都有他们各自的故事。这就是我们为什么会对这种技巧情有独钟，爱不释手。通常，当人们要对一张图片进行说明时，都是将所有文字结合在一起来说明。而在这里，我们反其道而行之，打散这些说明，将文字各就各位，各自去到具体要描述的对象上，这种手法非常有趣，而且阅读起来也更加明了，而且由于文字区域较大，非常适合我们这些总是感觉时间不够用的现代人阅

14、读。文字可放置在描述的对象的上方或者旁边，或者兼用也行：点击上图看大图 如果你想让这张照片透露更多的信息，你还可以象上述一样，在你还要发挥的地方编号，然后将所要交代的背景在图片外说明，如上图中， 1 的文字为：活动中心，虽然活动中心设备乏善可陈，但却还是深受欢迎； 2 ： JAVA 小姐，这已经是她的第三杯咖啡了，而现在还只是早上八点。她在上第二节课前还要喝第四杯。这些信息你可以随意发挥，让整张图片显得更加有趣，还带点幽默。版面：建立页面模板令你快速完成一本协调的册子设计 产品手册设计要从一而终！在设计时应该能够使你快速协调各个版面，而且能够经受得起无数次的“最后一分钟”（甚至最后一秒！）的修

15、改。 Crate & Barrel 公司在设计产品手册时应用了一种效果良好的版面安排，使它可以轻易达到这个目标。在这一小开本尺寸的产品手册中，每个版面都被分成 6 个正方形区域（这就是一个页面模板）。每一个正方形区域中都放置图片或文字，但同一个正方形区域中绝对没有同时放置文字及图片。文字全部采用同一尺寸，而图片都是采用同一种类型及风格的照片，而且没有经过繁琐的特效加工。出来的结果就是：整本册子显得干净清新，就象他们的产品给人的感觉一样而且做起来也一点不难，只要按着模板摆放元素就行了。 字体采用一种简单清晰的字体，与图片相比，文字形成了一个低调的区域。只用一种字体尺寸，一种样式类别（如在整本小册

16、子中，正文文字采用 Helvetica 细体，标题用粗体，而价钱用粗黑体）。这种文字安排使其没有与图片互相挤压，让人看起来很舒服。 对于整个展开页来说，整个版面就有 12 个正方形的区域模板。图片可以占据其中一个，也可以占据九个，象上图一样，图片的排放是可以很灵活的，使每一页中图片与文字都产生空间上的对比（大与小，多与少）。特别留意一点：上图中，文字没有“包围”图片，而是与文字的直线边缘直接对齐。页面小标题及页码放在最上方一个细小区域中。本文所用颜色数值如下： 回到首页 我想留言 阅读更多LOGO IS EVERYTHING!设计技巧杂谈（之三）本文由 LOGOSKY.NET网站设计师陈汉聪编

17、译，转载请注明出处文章编号：06139 2007年1月10日 【译者的话】 如何既保持网页整齐又能提供尽可能多的产品信息？为什么很多文字我们设定为对齐时，但眼睛却还是感觉不整齐？如何利用空白的区域来产生具冲击力的作品？如何制作一张充满个性的卡片？利用简单的几个步骤，我们可以制作出充满现代质感的价格牌设计。五个小技巧，与大家分享。 原文出处：网页：图片自动翻页的设计传达更多的信息Alien Skin 软件的网页在展示众多的产品时仍能保持版面整洁干净。他们使用了图片自动翻页的技巧来实现这一目的当鼠标指针移到图片上时，图片便转换成产品说明。 不需要点击图片，便会自

18、动出现产品说明。 A 的介绍产品的网页通过整齐的网格来安排版面。每一个产品都有另一张文字说明图片，让观众能够更深入了解。只需要将鼠标放在图片上，不需点击，便会出现产品的简要说明。 利用 Adobe Golive 创建自动翻页效果 这种特效需要对每一种状态都建立一张单独的图片：正常状态，鼠标滑过时状态，点击状态及鼠标移开后的状态等。每一张图片都必须是相同的尺寸。首先对一张正常状态时用的图片起一个名，比如 product1.gif ，然后在其它状态下根据这个名称安排其它文件（如， product1_over.gif, product1_down.gif 等）。将它们都放在同

19、一个文件夹中。将正常状态时显示的图片拖到 Golive 页面上， Golive 软件会自动按你起的名称安排好不同状态下显示的图片（见上图）。字体：如何“真正”对齐文字 你是否有注意到，当你在电脑排版中，将文字对齐后，但却感觉有点不对劲？这是因为，你对齐的是边缘，字母并没有完全对齐，因为不同的字母结构不一样，有的是弧线边缘，有些又有一些小横杆突出来（如 t ），有时还有一些引号，这些都导致设定为对齐时仍然感觉不自然。在 Indesgin 软件中的“ Optical Margin Alignment ”功能可以弥补这一不足。 在使用“ Optical Margin Alignment ”功能前的效

20、果。你的电脑认为它们上述已经是对齐的，但你的眼睛告诉你说，好象还不齐啊。字母及引号使到边缘产生起伏不平的感觉。 使用“ Optical Margin Alignment ”功能后的效果。我们在 Indesign 软件中，选择 Typestory Optical Margin Alignment ，然后看一下有什么变化你会看到有些字母中会超出对齐线一些。有趣的是，这个时候，你看起来倒是真正对齐的样子。在该功能的对话框中设置的参数 , 一般来说，应该与字体的大小一样。图片剪切：大小及位置决定一切 图片以不同的大小及不同的摆放位置来排版的话，可以产生不同的冲击力。在下图中，我们将一张尺寸较小的肖像图

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

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

23、llustrator ：焕然一新的价格牌宝马汽车（ BMW ）的网页横幅中，清晰及有趣的价格牌模仿收银机的价格显示吸引着观众的眼睛。这个设计很有趣旧式的价格显示设备，古典的字体，陈旧的颜色，但明暗的处理却赋予它现代的质感。BMW 网页广告横幅 第一步：画三个圆角矩形。在图片面板中，双击图层 1 ，将其命名为“ Tabs ”。然后复制这三个矩形。接着，应用阴影效果： EffectStylizeDrop shaodw ，打开预览，输入的数值如下：模式： Multiply ，不透明度： 50% ； X 偏移： 0 ； Y 偏移 Op2 ；模糊： Op2 ，颜色为黑色。然后按 OK ，应用阴影特效。在

24、图层面版上将该图层锁上。然后，再创建一个新图层，命名为“ Highlight ”，将刚才复制的三个矩形粘贴到该图层上。最后，再创建一个文字图层，输入价格牌上的文字。将这个文字图层拖到“ Highlight ”图层的下方。 第二步：在 Highlight 图层中，我们用钢笔工具画一条平滑的曲线横跨三个矩形。然后在 Pathfinder 面板中，点击 Divide 图标（上图黄色处）。这样我们就将这三个矩形分成六个区域。 第三步：在选择这六个区域时，将它们填充为白色。用直接选择工具（空白箭头）选择下面的三个区域选择，然后删除。再选择上方的三个区域，除低其不透明度，我们设置的数值为 60% 。一个耀

25、眼的价格牌就做好了。本文所用颜色数值如下： 设计技巧杂谈（之四）本文由 LOGOSKY.NET网站设计师陈汉聪编译，转载请注明出处文章编号：06143 2007年2月11日 【译者的话】 如何仅仅利用简单的线条设计一个充满典雅风格的封面？在版面上如何放置多张图片？在一张大图片上加上多个说明文字区域，出来的效果永远吸引人。如何将你公司枯燥的产品名称变得更加吸引？如何通过矩形区域元素来制作一个漂亮的网页？让我们一起继续杂谈！ 原文出处：图片：线条构成文件 用线条（技术上说，是一条线）描绘的元素可以传达出非常漂亮或电子信息感的印象，它可以将复杂的图片简化，并将本来

26、平淡的元素变得有趣。对于一些原来缺乏冲击力的图片，这样处理是一种非常不错的补救办法，如果应用在网页上，在信息交换上也效率十足。 居中排版：如果说，设计一个典雅的封面有什么技巧，那就是，用一种温和的颜色，字体尺寸要小，有大面积的开放空间，并用线条来描绘元素（包括边框），线条的粗细均相等。 不同的线条： 找一张有清晰轮廓的照片，用钢笔工具沿边缘描线。你可以将不同的照片结合在一起也行。如果是对字母、数字及符号进行描边，那更加容易。线条可以是多种多样的，可以应用细线，粗线，点线或加上各种颜色的线条（见上图的几个例子，从左到右：描边，粗线条，点线，重叠）。一般来说，线条越细，出来的效果显得越经典，很有艺

27、术味。 封面：设计一张图片相框式的封面 最近你有没有去过售卖艺术品的商店？用多张相片放在一起组成的相框现在特别热销！它们显得干净整洁，象网线排列，挂在你家的墙上，蓬荜生辉，当然，应用在页面上，效果同样不错。设计师长期以来都在使用网格线来安排版面，所以借用一下也合情合理。 多张相片整齐放在相框里，效果当然要比那些在墙上挂满尺寸参差不齐的相框出来的效果要好很多。应用在设计上，同样有这种效果。注意上面大图中这个版面的层次感：背景区域是采用一种中性的颜色，可以同时与图片中的深色及浅色形成对比，从而使整个版面呈现深、中、浅的层次感。 要应用这种方法时，首先要确保在一个版面中所有的图片尺寸要一样大。然后再

28、根据图片的数量来组织成行或列或组，位置可以是向页面中心对齐（稳定、平静）或偏向一边（紧张、兴奋）。 字体要小！均中或偏向某一边，效果一样不错。版面：在一种特别的照片用上多个说明 在我们前面的一篇文章中，我们曾经告诉你我们是很喜欢这种在图片上加上多个说明的排版技巧的，要记住的是：一定是要多个说明文字，而不是仅仅一块文字。这种技巧用在一些大图片上，效果特别不错，象是在同步传达图片的信息，但我们使用这种技巧最大的原因是，每一张照片我们都有“很多个故事”要讲给观众听。 （点击上图看大图） 半透明的文字背景： 这张照片魅力十足，所以在使用上，照片应该尽可能放大，然后直接在图片上方使用说明文字。背景框线条

29、一定要细，字体形式要简单，切忌使用花里花俏的字体，某些背景设为半透明（可以填充浅灰色，再设置不透明度），使图片局部传达一种若隐若现及灵巧的感觉。 名称：在名字中加进图片 有时候，产品名称与产品本身就是天生一对，试一下这种技巧，将文字与图片紧密结合，可以比单独的文字给人留下更深刻的印象。有两种情况：一种是将图片直接插入，如上图中，盆景是一个说明性的图片，很容易“阅读”，加进 IKKO 的名称中。从上图示意图可以看出，要将图片当作是一个字母来对待，各个间隔要相等。第二种情况：将图片代替其中的一个字母 这种情况不是总会发生，即你的产品不仅仅配合文字意思，而且其形状还与名称中其中一个字母形状接近，如上

30、面的例子，其产品刚好形成其中一个“ h ”，或者一个边缘圆滑的球形成为一个“ o” 。虽然你不一定总这么好运，但如果碰上了，尝试一下，不亦乐乎？网页：矩形组合如果你将一个元素、颜色或者位置组合作为一个视觉元素来重复应用，那你就无形中创造了一种“风格”。如果这种重复应用能够给人留下印象，那你就可以将它作为一个主题。主题比文字更容易“阅读”，还能够给人留下深刻印象。为了说明这一点，我们看一下 Parc Rittenhouse 公司是如何利用矩形及春天的颜色来作为它们网站的主题： 大矩形，小矩形： 上图大图中，五个小的正方形组成了导航区域，而页面中一个大的矩形区域就放置着大标题。在每一个矩形中，白色

31、的文字都是放置于左下角，形成一种图案美。上图小图中，当你点击其中一个小矩形链接，该区域就会变成白色，同时，下方大矩形背景颜色会变成与点击的小矩形原来一样颜色，而且，文字标题同样是位于左下角。而以树叶构成弧线边缘的标志，则与所有的矩形形成了鲜明的对比。本文所用颜色数值： 设计技巧杂谈（之五）本文由王安编译，LOGOSKY.NET网站设计师陈汉聪校对，转载请注明出处文章编号：年5月25日 【译者的话】 无论是哪一种商业设计，其最终目的都是为了 帮助客户推销产品，促进销售，否则再漂亮的设计都毫无意义。在本文中，我们通过几个低成本的单张设计案例来探讨一下如何在设计中让信息更有效传达。其中所涉及的一些基

32、本原则适合于任何的设计项目。 一、宣传单张设计要点 通过下面的步骤能让你的宣传单张更有吸引力。 在预算很紧张的情况下你能设计出切实有效的宣传单张吗？当然可以，只要你能让人们的注意力一直集中在你的产品上。 想像你步入一个家具展厅，停留在一件你真得很喜欢的家具旁边，你脑子的第一反应是什么？是它的价格？这家公司还有什么其它产品？还是店的电话号码？ 都不是！你只想更进一步的了解这东西是什么质量，对自己合适吗，还有怎么才能得到它。 你在设计宣传单张时就是要做到这一点展示有吸引力的商品，给顾客一个拥有它的理由，并告诉顾客如何得到它。 原来的宣传单张并不理想。这个店到底在卖什么？户外凉亭还是家具 ? 纷乱的

33、页面只会让读者迷惑。页面上的店铺地址，电话，地图都着意地处理得比较低调，避免喧宾夺主，但却没有很好的突出最核心的东西产品！ 下面我们看看如何让一个简单的宣传单张成为一个得力的推销员。 1 首先布置场景 如果你把一个宣传单张想象成一台戏，那么纸张就是舞台。和戏剧一样，好的广告的作用就是要让人们的注意力都集中在你的产品上。 因为产品的图片背景是比较暗的，那么宣传单张的背景也处理成黑色与它配合， ok, 舞台已经暗下来了，就等演出开始。当然背景并不一定就是黑色，不过处理成黑色是最容易形成戏剧氛效果的方法。 添加一个很细的边框，可以把它想象成幕布，引导读者的目光到中间的内容。这种线框一定要很细，如果太

34、粗太亮就会分散读者的注意力。 2 把产品推向前台 将你的产品放在页面的显眼位置上，就像你在家后院招呼朋友吃烧烤时，你也会同样将这些台椅放在院子的显眼的地方一样，让每一个客人都看得见摸得着。产品图片一定要清晰，实物照片是最合适的，一般厂家提供的照片质量都比较高，比如例子中的照片，你可以试着向厂家索取。如果不行，那就请摄影师给产品拍张高质量的照片，这样可能费用比较高，但是请记住：如果顾客不能清楚地打量产品，他们也不会掏钱。 也许有时候你有一种给产品图片增加一些特殊效果的冲动，且慢！在一个产品宣传单中，产品是需要展示的重点，不要自作聪明搞一些倾斜，变形的效果，这样会显得华而不实；也不要把照片弄得太小

35、，以为顾客会拿起放大镜仔细研究一番；更不要像海报一样对图片进行剪裁，顾客只会忽略产品本身，甚至以为你要刻意隐藏什么。 3 加上标题 一旦展示了产品，下面就要加一些文字来更详细的说明产品，介绍一些不是一眼就能看出来的优点和用途。 顾客喜欢体验各种新产品，如果你把顾客想象成非常渴望进一步了解的受众，那你就可以写出好的宣传标题。 想象一下，如果是给好朋友介绍这件产品，你会先介绍哪一方面，要从最激动人心的部分开始。在这个例子里，这些家具看上去是藤条编制的，其实是玻璃钢的，很结实，这就是特点。如果你要推销的是螺丝刀，浴巾这类普通商品，那么就思考一下你的产品什么地方最惹人喜爱，为什么顾客要买它们，然后用文

36、字表述出来。规则一：短标题更合适。我们平时说话时，如果一个人每说一句话都要用上 20 个以上的词，只会让听的人发疯。顾客可能喜欢你的产品，但是忍受不了你这样唠叨。一样话，百样说，最好找一种最简洁，准确的说法。规则二：不要叫嚷一些华而不实的口号。 强扭的瓜不甜， 喊这些口号不能帮助你卖东西，你会因为某种车宣称自己是代表“新新人类”就去买它吗？不会，你买一辆车是因为它外观漂亮，做工地道，价格适中或是刚好满足你的某种需要。 4、下面加上文字说明 当你撰写你的文字说明的时候，记住：顾客只会在他能找到一些感兴趣的信息时才会读它，所以在你写的时候一定要找到顾客的兴趣点。好好端详一下你的产品，想想哪些信息可

37、以让顾客对它了解更多，还有什么细节可以强调，还可以建议什么好的使用方法，有了这些信息，顾客就更可能拿起电话订购了。规则三：顾客才是上帝。顾客永远是第一位的，你只能是靠边站。只有顾客掏出钱真的购买你的产品，世界才是美好的，否则一切都变得无意义。你要尊重这一事实，一个好的广告应该能准确反映产品真正的优点，文字不是在为产品百般辩护，而是加强这一事实。如果你认为一个顾客会毫无理由买你的产品，那只是在发白日梦。 选用什么样的字体 1 Times 字体是不错的选择。这些传统的字体让顾客有一种信赖感，平实的字体更能使产品引人注目。 标题和文字相的字体必须匹配，但是字符间距处理的更紧凑一点。 Times, C

38、entury, Garamond, Caslon 这几种字体都是不错的选择。 2 Bauhaus Heavy 字体。包豪斯风格的装饰字体就不太适合了，这是一种比较粗重的字体，本身的装饰性在整体页面中有点太惹眼，会让读者忽略了产品本身。这类字体用在海报更合适，而不是用在产品广告单张上。 3 Snell Roundhand 和 Futura Heavy 字体配合。这个选择很不错，优雅的字体风格同时也配合了文字本身的意思， 标题中“Wicher Beautiful ”（漂亮的藤条编织）的字体很秀丽，而“ Fibrglass strong ”（坚硬的钢化玻璃）的字体很粗壮，字体的特点配合了字面的含义。

39、一般如果字体很醒目或是很风格化，这种字体和文字之间的联系就会很明显，记住：我们的目的是突出产品的特性。 5 加上LOGO 最后要打出自己的标识，但是标识形体要小一点，有两个原因：在销售的过程中，商店是最后才被意识到的，记住我们是在卖产品，不是商店本身，同时小的标识也显得更自信。友情提示： 在设计一个广告或是宣传单张的时候，你要面对的是公众，会有很多普通大众接触到你设计的东西。想象一下你是在给你的朋友介绍这种产品，形容给他听，这样对你设计很有好处，因为你的受众就是他们你的朋友和邻居。一笔好买卖是双赢的，你应该顺着这个思路来设计你的广告。 如果你暂时还没有一个标志，变通的方法是将你店的名字做成标志

40、，当然要选用和标题比较搭配的字体。这样低调的处理可以在商店和产品之间建立一种隐性的联系，非常适合产品线比较窄的商店，比如珠宝店，花店，服饰店等。 标志可以体现一种不同的风味：它是一个标签，同时暗示这个产品只是商店众多产品中的一种。这样这个宣传单张分为相互关联的四部分标题，照片，文字，标志，它们相互照应形成一个整体。 如何设计一个文字标志 如果时间很紧，下面有个方法可以很快的设计一个文字标志。用标准 Helvetica 字体打出商店的名字，看上去 嗯 一般般啦。 把文字向中间压缩，让字母几乎靠在一起，去掉“ & ”字符两边的空格，加上黑色背景，文字反白处理，看上去像印章的感觉。 将名字改成 Am

41、erican Typewriter 字体，注意这个字体的“ & ”字符很轻松有趣，很符合这家夏季避暑用品商店的风格。 将名字断行，这样看上去更紧凑，可以应用在不同的文字排版布局中，注意这里上下两行的距离很近，配合字符之间距离。 还可利用计算机产生的灰度生成另一种效果，这里文字已经加粗，注意“ & ”字符依然是白色，这样可以产生强烈的对比效果，制造一个视觉上的焦点。 那里可以买的到呦？ 路线图也是一个可以利用的资源。在迷宫一样的街区中找到一家店很困难，这时如果有个路线图，顾客会觉得商店很体贴。这个例子里，利用一幅简明的路线图就可以找到这家小店。 上图为原来的路线图：路线图全是线条构成，好像铅笔画

42、的一样。最大的问题是图中的实线，方框还有文字形态上很相似，容易造成混淆，分散读者的注意力。读者要费好大劲，才能从这些乱七八糟的符号里找到哪是商店。拜托，这幅图还不是上北下南的。 修改后的路线图：灰色背景，白色道路看起来更舒服，更容易理解。先让北面朝上，白色道路旁边黑色的是建筑物，这种对比可以很好的传达我们需要的信息哪里是目的地，怎么过去。较宽的道路表示你要走的路线，道路上的街道名称是大写的，避免了小写字符上下参差不齐，这样街道和名称看起来是一个整体。去掉 Elk Grove 公园的标识，一般情况下，在一个简单路线图上，只需要标出目的地的位置。 二、设计产品展示版面 如果你能恰当的组织你产品的图

43、片，可以使你的版面吸引更多的目光 照片天生就是一个信息传达者它就像一扇窗，反映了你公司的定位。这也使它区别与标题和一般的图形，通过在一个页面恰当的组织你的图片，你可以让这种功能体现的更充分。 设计师应该是引导者，让读者按照你的思路去阅读。 设计师的任务不是把各种元素象摆花儿那样摆在一起，只是为了很漂亮，而是应该恰当地把要传达的信息组织在一起。在这个例子中，我们把页面里面的东西分成两类，放在两个区域里，颜色浅的上半部分用来排布产品说明，下面较暗的部分来展示产品，这样读者可以抓住重点，分区浏览，不用东看西看找不到北。 图片已经调动起了读者的兴趣，如何趁热打铁传达进一步的信息？这就需要利用图片的注释

44、了，图片注释、标题和图片一起传达一个完整的信息。 上图为修改前的设计：不要让读者的目光无所适从，这个页面效果不好，没有完成传达的目的，为什么？因为读者看的时候还要自己去把支离破碎的信息拼在一起，这个热情有余经验不足的设计师安排页面里的元素就像安排他的单身宿舍，一角放沙发，一角放椅子，茶几放中间，他这么做是因为他只将注意力放在如何安排文字栏及区域，却忘了他的目的是要传达完整的信息。修改后的设计：就像个琳琅满目的橱窗，同样还是那些照片和文字，不过图片都集中在一起，效果完全不同。 1 设计要侧重于注意力和信息 下面介绍几种方法，可以结合使用也可以单独使用： 将展示产品加上边框 在这里，灰色的背景就是

45、边框，注意背景和上面的文字是对齐的，很多时候加上背景比直接加边框要好，不会显得那么紧张，而且更有对比效果，如果不是有特意强调的不必直接加边框。 不同层次的信息传达不同的字体、大小、颜色会表达不同的意义。我们可以通过这些区别来将信息进行区隔。为了达到这种效果，同一类信息保持相同的风格，比如图片的注释都用相同的字体、颜色和大小，同时和正文相区别。运用组合概念 你可以把图片放在一起而把图片注释放在周围，也可以象例子中一样，让图片把注释文字围在中间。这个文字区域模仿了页里的版面设计，它非常有效地将上方的文字与下方的图片联系起来。注释的艺术 不论你的主题是什么，当你把照片组织在一起，你就能将读者的注意力

46、放在这个图片区域上。如果考虑到做广告的人花了那么多心思和金钱也只是要吸引人们的注意力，这种效果已经非常不错了，而且并没有增加额外的花费。人们在观看版面时，往往会首先阅读这些图片注释，然后才阅读正文。对于这些图片注释，简单整齐的布局就已经是最理想的了。接下来怎么办呢？ 你要是想立刻打动读者，让他掏钱，那么图片的注释就是广告中最重要的文字了。这个再怎么强调都不为过。如果图片吸引了读者，那么他接下来肯定会看一下图片的注释 。 最后一击，打动读者 你要让你的文字更丰满，先用标题抓住读者，提出他关心的问题，解决它，指出你产品的优点，吸引他，卖出你的产品，文字要简洁，生动，智慧，如果你的文笔不好，找个专业

47、的来做这事儿。白色的注释标题在 40% 灰度的背景下已经能够形成醒目的对比。 布局的平衡影响视觉判断 人类潜意识里会追求一种平衡感，这种平衡感的需要会影响我们创造的各种东西，不管有意无意，我们对平衡的感觉都会很微妙的影响我们视觉的判断， 我们潜意识里对平衡的追求决定了我们在观察到的很多事物中都会有意无意地去寻求这种视觉的稳定感。比如，如果标题过长，使整个版面显得缺乏稳定，我们可以标题分成几行，然后安排在统一的轴线上，来获得比较稳定的感觉。 三、让你的宣传单更易读 一些基本的设计原则可以让你的页面更醒目。文艺复兴之旅展览： 参观这种展览会总会给人无穷的遐想， 但是如果交给一个比较无趣的设计师去做

48、推广，可能会给人没有什么新意的感觉。所以这种推广设计要更用心。 能用于宣传单设计的图片有会展的标志，还有一些版画，会展的艺术品非常吸引人，你的宣传单也应该同样独具风味。 至少这是你希望达到目的。不过你可能试了很多种页面布局，但是都显得比较呆板，没有生气，虽然有很多漂亮的图片，但是页面没有动感，比较僵硬，到底有什么问题？ 主要原因是你没有利用元素大小和轻重的差别。如果能妥善处理这两个方面，你就可以引导读者按照你的意愿浏览页面了。这样不仅让你的设计更漂亮，也可以让你的宣传单更易读，下面我们看看怎么做。未修改之前，这个布局中规中矩，比较静态。主要问题是没有大小和轻重的对比，虽然图片和标志本身都不错，

49、但是他们基本上都差不多大小，有相同的尺寸，因此缺少一个视觉上的焦点，读者不知道往哪里看。 还可以增加轻重的对比来改善布局，每个设计上的元素都有重量，颜色比较暗或是线条比较粗的图案看上去比较重，用余光瞥一下页面，看看各个部分的轻重的不同。原来的设计中，除了文字，其他的元素重量都差不多，所以造成页面比较乏味。 修改后就好多了，大小和轻重都有了充分的变化和对比，页面比较生动，有活力，下面我们看看是如何做到的。 1 挑选一个主导元素 然后将它放大或加重。记住，要达到君临天下的地位取决于大小和重量两方面，如果只是尺度比较大 , 重量不足还是起不到作用。 为什么要有一个主导元素？图形大小和重量的差别可以引

50、导读者浏览页面的顺序。当我们的目光扫过页面的时候，最先注意到最大，最重的元素，然后是小一点轻一点的，这样按照顺序浏览完整个页面。事实上，我们是通过元素的不同来引导读者的视线。上图中，艺人形象的图案是主体，图中的数字代表读者浏览的顺序。有经验的设计者会利用这个原理，调整图形的大小来引导读者按照既定的顺序浏览。 在这个例子里，艺人的图案为主体，注意其他的图形是如何按照不同的大小排列来引导读者目光的。 调整其它图像的大小 其他元素都比主题的图像小或是轻一点，很多时候你都需要按照大小设置元素，大中小不同的元素组合在一起，读者的目光会按照你的设计来移动。 2 创造字体上的对比 利用大小，轻重还可以创造标题、文字和图形注释之间的对比，对于标题，我们使用了粗壮的 Compacta