【译者的话】为什么一张图片比三张图片更有力量？如何设计产品使用指南？如何在设计中通过各种对比产生层次感？如何使设计内外统一协调？如何设计一个独一无二的签名式LOGO？本文继续发扬实用主义，对这些问题给出了解决办法。五个设计技巧，开拓你的设计视野。
封面设计：小即是多
当你在设计时手头上有三张照片，你会如何处理？你会将这三张照片都用上，对吧？其实没必要！一张照片就已经能够使设计信息有效传达。在这个例子中，校区里的塔楼就已经能够传达出这所学校的本质，比用上三张效果更好！标题单独一行，文字中的背景颜色区域静静地传达出有关信息。
设计师有三张照片，但如果在版面上都用上这些照片，那你还要对这三张照片进行剪切，然后将它们挤进版面里。但出来的效果却是，这三张照片在版面中的样式很相似（相似的图片元素及图案），文字阅读起来很费力。所以，设计师又不得不将字体变得很粗，字体变粗后，又要找个地方放置学校的名字，所以在最下方设计师又加上一个紫色区域来突出学校名称。设计师越“设计”，封面就越虚弱。无论是学校信息还是所要传达的文字信息都在这些复杂的、太多人工痕迹的元素中消失得一干二净。封面可以说是成为“被侮辱及被损害”的对象。为什么会这样？因为设计师做过头了！解决办法：只让一张图片来说话！
记住，在设计中，小即是多。学校的塔楼已经可以传达很多信息。简单的居中设计，就是直接让这张照片“说话”，然后加上文字就行了。注意在上图中，文字的背景区域并没有横跨整个版面，因为我们要让图片由上至下都可以流动。而上图右，学校的主色（紫色）及褐色与树的绿色形成吸引人的视觉效果，留意这三种颜色在色轮中的位置关系，绿色及褐色是紫色的补色的邻近色，听起来很复杂？紫色的补色是色轮中相隔180度的草绿色，而草绿色的两边邻近色就是绿色及褐色（留意色轮中的线条）。我们将这种颜色关系称之为“补色分割”（Splitcomplementary）。
排版：文字应该与图片紧密配合
我们经常会接触到一些与电器、高科技产品，而设计一个描述式的版面其实充满乐趣。
原来的设计使版面变得复杂。对于这种小型产品的使用指南，我们的目标是要追求简单易读，让使用的人一看就知道文字是指哪一部分。但上面的设计却使这种联系断裂，也使到这张说明卡片的元素呈一个平放的“L”型，在上图中，图片放在一边，而文字说明则放在另一边。结果就是，产品显得很单薄，而页面中间那么重要的空间却空无一物。读者为了看明白这张卡片，不得不来来回回仔细对照。
在修改后的版面中，产品显得靠前，而且居中。我们将产品尽可能拉大，然后将各个要说明的部位用引线在其周围说明。非衬线字体容易辩认阅读。文字对比不强烈，整个版面显得干净清爽。并不需要象原图一样采用数字来说明。
最底部的联系信息排成一行，呼应产品的水平感。而文字都是同一种字体，只是样式不一样而已——用粗体和细体来形成对比。
版面：差别产生层次
哈钦斯大街广场酒店（HutchinsStreetSquareHotel）是举行会议、宴会、接待及其它活动的理想场所，但如果你只是看它的这张价格宣传单张，没有人会觉得这家酒店有什么优点。它的版面缺乏生气，字里上的文字同一种字体，同一种尺寸，同一种的样式，同一种颜色，但都迷失在白色的海洋中——虽然页里上写满信息，但毫无生命力。
这个设计让人看起来并不象是一家酒店，反倒象是一个电子邮件的宣传版面，所有东西都是相同的，缺乏变化，而图表的细线看起来就象是用铅笔画出来一样，没有层次，没有视觉焦点。宣传的对象倒是美轮美奂（见下图），但问题是，如果这张价格牌本身不能吸引别人阅读从而使顾客走进这家酒店，里面再漂亮，也没有人知道！这张平淡的单张使所有的信息都变得暗淡。
看一下我们改造后的效果：
通过字体创造出层次感：只需要简单的对字体、字体样式及颜色作一些调整，就可以轻易使版面变得吸引。上图中：
1,此处让人一看就知道是标题，其字体轮廓与桌子上的摆设有共同的特征；
2及3，粗体突出主要信息，而黑和白则告诉你这是两个不同的信息；
4，细体是具体的描述文字；
5，线条用了白色而不是黑色，线条不明显，使整个图表给人一种以行排列的感觉。
(点击上图看修改后大图)
通过颜色来创造层次：深中浅三色是用吸管在这张宴会厅的图片上取色的，我们用这三种颜色安排版面，轻易创造出层次感。深色用在图表的上方，而另外两种用来区分每一行。由于这三种颜色来自于酒店图片，使到颜色直接与酒店产生了联系。
版面：由外到内
要使设计的内部与外部有着相同的风格需要一定的技巧。怎么做？简单，将封面的字体、颜色、图片风格及主要的版式都搬到里面去。注意各种元素的比例，如绿色的使用比例及图片的大小，具体看一下效果：
人物采用轮廓形图片，没有背景，使到其不规则的边缘显得更有活力。对一张大图片来说，采用这种轮廓形的设计，可以加强图片的力量，使图片充满流动感。模糊的边缘传达了一种开阔及健康的气息。留意，两张图片在实际应用中都有一个直角形的部分，即图片直接去到出血位区域。而文字无论是左对齐还是右对齐，都与这种直角区域相似。留意设计中的标题，采用了一种非常幼细的字体，这种字体充满清新，一如版面的风格。两者配合，天生一对。
签名LOGO：
还有什么图案比你自己的签名显得更独一无二？它完全属于你自己。所以当你有一项业务或项目是需要你最终来确认的——一个典型的例子就是公证人——那你为什么不直接用你的名字作为一个LOGO？
一个签名式LOGO很容易制作。你只需要在纸上签个名，扫描进电脑，然后用钢笔工具描边。一个独一无二的LOGO就完成了。可以象上图一样，将白色的LOGO放在灰色背景上，当然，你也可以艺术一点——选择一种您喜欢的颜色。
字体调整：我们可以通过对字体进行恰当的调整及选择来加强设计。在这个例子中，经典的AdobeGaramond传达了一种久远、传统及权威的感觉，而粗壮的FranklinGothic粗体加强视觉的传达效果。因为上述这些都是差别很大的字体，所以为了使它们在一起能够协调配合，我们需要对个别字体进行调整。在这个例子中，我们将Franklin缩小一些。留意在上图名片中，白色的标题放在灰色区域中，显得特立独行。
本文所用颜色数值：
2
版面：将CD版面分成四等份使设计更加轻松
CD已经成为大家都经常用到一种储存媒介，但其圆形的区域有时令设计师感到头痛。在这里，我们将整个版面分为四等份，能够使你轻易完成设计。
将区域分成四等份：
经过四等份的划分，整个CD形成了四个区域，使你在排版时能更好安排元素——图片在其中一个，文字在另一个，而标题或文字则占据第三个。在上图中，文字背景的颜色是从图片取色——这是最快获得颜色和谐搭配的办法。
希望有更多的区域来表现图片？简单，将相邻的两个区域合并即可，有四种排版形式（见下图）。留意在下图中，所有四种设计中的文字都为了配合CD的边缘弧线而作了调整。
避免上图这两种排版形式：如果图片占用了三个区域，则使图片的视觉效果过于强烈，导致整个版面不平衡。图片对角摆放，虽然显得活泼，但也显得过于复杂，而且使整个版面缺少一个视觉焦点。
文字：两种方法安排名单
通过漂亮的文字及排版来安排名字及职位——包括工作人员、捐赠人、赞助商及参与者等，是向这些人最好的敬意。其中的关键是在设计名单时要简朴正统，不张扬，不夸张，为了达到这个目的，我们只使用一种经典的字体，尺寸要小，而且处于版面的主要位置，两种方式：
1:象电影演员表一样
无数部电影在安排演员名单时都采用这一种模式：名字及职位各向中间对齐，通过字体的粗细来区分名字及职位。而在颜色上则非常接近。我们可以简单地在矢量软件中使用“制表位”工具来调整。
博物馆职员名单的设计
2，将名单合并成一个整体区域。
这种排版会使读者在阅读时速度减慢，但却显得更有艺术气息。用圆点来区分各个名单。整体形成一个矩形（上图红色直角处）。我们在段落面板中选择“所有行齐行”按钮即可实现（上图），为了达到最佳的效果，你可能需要对个别文字进行一些细节调整。
出来的效果清新优雅
版面：划分图片区域，使图片讲述更多的故事。
点击上图看大图
如果你想让这张照片透露更多的信息，你还可以象上述一样，在你还要发挥的地方编号，然后将所要交代的背景在图片外说明，如上图中，1的文字为：活动中心，虽然活动中心设备乏善可陈，但却还是深受欢迎；2：JAVA小姐，这已经是她的第三杯咖啡了，而现在还只是早上八点。她在上第二节课前还要喝第四杯……。这些信息你可以随意发挥，让整张图片显得更加有趣，还带点幽默。
版面：建立页面模板令你快速完成一本协调的册子设计
字体采用一种简单清晰的字体，与图片相比，文字形成了一个低调的区域。只用一种字体尺寸，一种样式类别（如在整本小册子中，正文文字采用Helvetica细体，标题用粗体，而价钱用粗黑体）。这种文字安排使其没有与图片互相挤压，让人看起来很舒服。
对于整个展开页来说，整个版面就有12个正方形的区域模板。图片可以占据其中一个，也可以占据九个，象上图一样，图片的排放是可以很灵活的，使每一页中图片与文字都产生空间上的对比（大与小，多与少）。特别留意一点：上图中，文字没有“包围”图片，而是与文字的直线边缘直接对齐。页面小标题及页码放在最上方一个细小区域中。
本文所用颜色数值如下：
网页：图片自动翻页的设计传达更多的信息
AlienSkin软件的网页在展示众多的产品时仍能保持版面整洁干净。他们使用了图片自动翻页的技巧来实现这一目的——当鼠标指针移到图片上时，图片便转换成产品说明。
不需要点击图片，便会自动出现产品说明。Alienskin.com的介绍产品的网页通过整齐的网格来安排版面。每一个产品都有另一张文字说明图片，让观众能够更深入了解。只需要将鼠标放在图片上，不需点击，便会出现产品的简要说明。
利用AdobeGolive创建自动翻页效果
这种特效需要对每一种状态都建立一张单独的图片：正常状态，鼠标滑过时状态，点击状态及鼠标移开后的状态等。每一张图片都必须是相同的尺寸。首先对一张正常状态时用的图片起一个名，比如product1.gif，然后在其它状态下根据这个名称安排其它文件（如，product1_over.gif,product1_down.gif等）。将它们都放在同一个文件夹中。将正常状态时显示的图片拖到Golive页面上，Golive软件会自动按你起的名称安排好不同状态下显示的图片（见上图）。
字体：如何“真正”对齐文字
在使用“OpticalMarginAlignment”功能前的效果。你的电脑认为它们上述已经是对齐的，但你的眼睛告诉你说，好象还不齐啊。字母及引号使到边缘产生起伏不平的感觉。
使用“OpticalMarginAlignment”功能后的效果。我们在Indesign软件中，选择Type>story>OpticalMarginAlignment，然后看一下有什么变化——你会看到有些字母中会超出对齐线一些。有趣的是，这个时候，你看起来倒是真正对齐的样子。在该功能的对话框中设置的参数,一般来说，应该与字体的大小一样。
图片剪切：大小及位置决定一切
图片以不同的大小及不同的摆放位置来排版的话，可以产生不同的冲击力。在下图中，我们将一张尺寸较小的肖像图片放置在一个空白区域的下方，完美地与标题文字的意思搭配。
空白区域的力量：这种排版方式使版面中的各个元素一目了然。虽然空白的区域占了大部分，但给你的感觉却一点也不单薄，相反，充满了力量感。这位不幸的CEO肖像背后是一块厚重的黑色区域，使该人物给观众形成一种分离感及距离感。之所以能够产生这样的视觉效果，关键是人物图片的尺寸很小，而且放得很低。她深色的外套在这个设计中可以说是一个有利因素，使到给人的感觉是她的身体与黑色的背景混为一体，使其与她那忧郁的面部表情形成强烈的对比。标题设计不能设计得过于夸张显眼，应该平实一些，标题的位置同样应该以平实为主（否则标题会使整个版面显得过于紧张，从而削弱了下方肖像所传达的力量）。
碎纸片组成的卡片设计
为了向亲朋好友宣布他们的儿子Drew终于来到这个世界上，我们的朋友阿丹与米高这对夫妇希望以个人卡片的形式来传达这个喜讯——还有什么东西比你自己书写的文字显得更个性化？看一下我们为他们所做的设计：
AdobeIllustrator：焕然一新的价格牌
宝马汽车（BMW）的网页横幅中，清晰及有趣的价格牌模仿收银机的价格显示吸引着观众的眼睛。这个设计很有趣——旧式的价格显示设备，古典的字体，陈旧的颜色，但明暗的处理却赋予它现代的质感。
第一步：画三个圆角矩形。在图片面板中，双击图层1，将其命名为“Tabs”。然后复制这三个矩形。接着，应用阴影效果：Effect>Stylize>Dropshaodw，打开预览，输入的数值如下：模式：Multiply，不透明度：50%；X偏移：0；Y偏移Op2；模糊：Op2，颜色为黑色。然后按OK，应用阴影特效。在图层面版上将该图层锁上。然后，再创建一个新图层，命名为“Highlight”，将刚才复制的三个矩形粘贴到该图层上。最后，再创建一个文字图层，输入价格牌上的文字。将这个文字图层拖到“Highlight”图层的下方。
第二步：在Highlight图层中，我们用钢笔工具画一条平滑的曲线横跨三个矩形。然后在Pathfinder面板中，点击Pide图标（上图黄色处）。这样我们就将这三个矩形分成六个区域。
第三步：在选择这六个区域时，将它们填充为白色。用直接选择工具（空白箭头）选择下面的三个区域选择，然后删除。再选择上方的三个区域，除低其不透明度，我们设置的数值为60%。
一个耀眼的价格牌就做好了。
4.
【译者的话】如何仅仅利用简单的线条设计一个充满典雅风格的封面？在版面上如何放置多张图片？在一张大图片上加上多个说明文字区域，出来的效果永远吸引人。如何将你公司枯燥的产品名称变得更加吸引？如何通过矩形区域元素来制作一个漂亮的网页？让我们一起继续杂谈！
图片：线条构成文件
用线条（技术上说，是一条线）描绘的元素可以传达出非常漂亮或电子信息感的印象，它可以将复杂的图片简化，并将本来平淡的元素变得有趣。对于一些原来缺乏冲击力的图片，这样处理是一种非常不错的补救办法，如果应用在网页上，在信息交换上也效率十足。
居中排版：如果说，设计一个典雅的封面有什么技巧，那就是，用一种温和的颜色，字体尺寸要小，有大面积的开放空间，并用线条来描绘元素（包括边框），线条的粗细均相等。
不同的线条：
找一张有清晰轮廓的照片，用钢笔工具沿边缘描线。你可以将不同的照片结合在一起也行。如果是对字母、数字及符号进行描边，那更加容易。线条可以是多种多样的，可以应用细线，粗线，点线或加上各种颜色的线条（见上图的几个例子，从左到右：描边，粗线条，点线，重叠）。一般来说，线条越细，出来的效果显得越经典，很有艺术味。
封面：设计一张图片相框式的封面
最近你有没有去过售卖艺术品的商店？用多张相片放在一起组成的相框现在特别热销！它们显得干净整洁，象网线排列，挂在你家的墙上，蓬荜生辉，当然，应用在页面上，效果同样不错。设计师长期以来都在使用网格线来安排版面，所以借用一下也合情合理。
多张相片整齐放在相框里，效果当然要比那些在墙上挂满尺寸参差不齐的相框出来的效果要好很多。应用在设计上，同样有这种效果。注意上面大图中这个版面的层次感：背景区域是采用一种中性的颜色，可以同时与图片中的深色及浅色形成对比，从而使整个版面呈现深、中、浅的层次感。
要应用这种方法时，首先要确保在一个版面中所有的图片尺寸要一样大。然后再根据图片的数量来组织成行或列或组，位置可以是向页面中心对齐（稳定、平静）或偏向一边（紧张、兴奋）。
字体要小！均中或偏向某一边，效果一样不错。
版面：在一种特别的照片用上多个说明
（点击上图看大图）
半透明的文字背景：
这张照片魅力十足，所以在使用上，照片应该尽可能放大，然后直接在图片上方使用说明文字。背景框线条一定要细，字体形式要简单，切忌使用花里花俏的字体，某些背景设为半透明（可以填充浅灰色，再设置不透明度），使图片局部传达一种若隐若现及灵巧的感觉。
名称：在名字中加进图片
有时候，产品名称与产品本身就是天生一对，试一下这种技巧，将文字与图片紧密结合，可以比单独的文字给人留下更深刻的印象。
有两种情况：一种是将图片直接插入，如上图中，盆景是一个说明性的图片，很容易“阅读”，加进IKKO的名称中。从上图示意图可以看出，要将图片当作是一个字母来对待，各个间隔要相等。
第二种情况：将图片代替其中的一个字母
这种情况不是总会发生，即你的产品不仅仅配合文字意思，而且其形状还与名称中其中一个字母形状接近，如上面的例子，其产品刚好形成其中一个“h”，或者一个边缘圆滑的球形成为一个“o”。虽然你不一定总这么好运，但如果碰上了，尝试一下，不亦乐乎？
网页：矩形组合
如果你将一个元素、颜色或者位置组合作为一个视觉元素来重复应用，那你就无形中创造了一种“风格”。如果这种重复应用能够给人留下印象，那你就可以将它作为一个主题。主题比文字更容易“阅读”，还能够给人留下深刻印象。为了说明这一点，我们看一下ParcRittenhouse公司是如何利用矩形及春天的颜色来作为它们网站的主题：
大矩形，小矩形：
上图大图中，五个小的正方形组成了导航区域，而页面中一个大的矩形区域就放置着大标题。在每一个矩形中，白色的文字都是放置于左下角，形成一种图案美。上图小图中，当你点击其中一个小矩形链接，该区域就会变成白色，同时，下方大矩形背景颜色会变成与点击的小矩形原来一样颜色，而且，文字标题同样是位于左下角。而以树叶构成弧线边缘的标志，则与所有的矩形形成了鲜明的对比。
【译者的话】如何让标题与图片合二为一？阴影并不仅是一个不起眼的元素，完全可以充当大任；如何为多彩的iPod产品搭配颜色？一个简单的人体轮廓却能产生极佳的视觉效果；如何利用照片来安排职员名单？五个实用招式，助你开阔设计视野。
版面：设计漂亮的单行标题
标题当然很重要，但在设计中如果图片也很重要时，你如何将两者合二为一？试一下这招：将标题设成单行，这一行要非常细，但却很宽。全大写的字母传达了庄严和力量，而字体较小则显得权威感十足。这种设计关键是文字背景要设成透明，使标题及图片合二为一。
单行标题可以与图片完美融合，虽然文字很小，但其位置放在靠近版面的中间位置，自然使其成为观看的焦点。做起来不费吹灰之力，首先我们画一个很宽但很细的区域，降低其不透明度（这里我们选择了70%），并且加上一点阴影，在上面放置文字标题，增大字符间距（我们选择200%，见下图）。
LOGO：当阴影成为故事的另一半
就象身体语言传达另一种意义一样，阴影同样诉说着另一种“声调”，利用阴影，我们可以使版面增加更多的信息。一些全实色的轮廓图片非常适合用来制作阴影的效果。
经典的衬线字体传达了三圣颂（SANCTUS）宗教般的优雅与威严，采用小写字母可以弱化这种字体锋利的线条。天使的阴影元素传达了一种沉默及神圣的信息。如果采用一个常规清晰的天使形象，整个标志的力量感反而削弱。
下面是利用阴影设计的另一个例子：
蓬松的棕榈树叶的阴影形成一架喷气式飞机，传达了一种间接的信息。你可能需要看上一两眼才会留意到飞机的存在。棕榈树及飞机都是一些剪贴画的素材，我们将原来黑色的飞机素材减低其不透明度至20%，并在PS里采用高斯模糊对其边缘进行软化。出来的效果就是：一虚一实的两个素材既形成协调统一，而且信息也互相得到加强。
颜色：iPod好色！
颜色永远不会单独存在，它总是受到周围其它颜色的互相影响。在设计多彩的iPodshuffle展示版面时，Apple公司采用了强对比效果使其小小的iPodshuffle突围而出！
利用颜色明暗来形成对比：
上图左的设计是将明亮的颜色放在黑色区域上形成强烈对比，而上图右将银色放置在灰色的背景中传达了一种协调之美。
图片：设计人体模特效果
上图左的图片，说不上好也说不上坏，反正就是没有什么特色，显得很普通。而象上图右这样的处理，则效果完全不一样，极具视觉冲击力！
但你有没有注意到一点：原来图片中的这个模特的发型太过淑女Feel，而我们希望是一个辣女形象来配合这些服装宣传。自己当一回发型师吧，在PS里用橡皮胶工具或其它涂抹工具对她的发型动一下：
在实际的推广中，你可以只保留一件衣服或两件同时用上也可以：
这种设计在实际中其实还有一个好处：使你寻找图片更加灵活，长得漂不漂亮没关系啦，反正两眼一抹黑。
如何做这种效果？其实并不难，不过所用的图片必须是有清晰的轮廓，里面的衣服等元素没有被其它元素阻断。PS高手就可以跳过下面的制作过程说明了,新手就看看吧:
一、创建选区：在PS里，将前景色设为白色，背景色设为黑色。用钢笔工具或其它工具将整个轮廓勾好并作为一个选区，将所选区域复制到一个新层上（图层1）；PS：图层>新建>通过拷贝的图层。
二、填充背景：选择背景图层，将该背景图层填充为白色。接着，在图层1中，将想突出的衣服的区域勾出来并激活选区，并同样复制到一个新层上（图层2）；PS：图层>新建>通过拷贝的图层。
三、填充整体轮廓：选择图层1，按住Ctrl键并点击图层面板上的缩略图载入选区。接着建立一个新层（图层3，见上图）。按下X键将前景色变成黑色，然后按下Alt+BackSpace键填充黑色。取消选择，将图层1隐藏。大功告成。
其实这种效果还有一个变化，即，里面不是填充黑色，而是用线条表现：
用相片设计名单：
协调一致：在一个有很多琐碎元素的版面中，一定要保持统一协调，不要有太多的变化，如在上图这个设计中的照片，不要心血来潮，将一些相片设计成矩形，另一些又是圆形。照片及人员介绍的边框尺寸一样，连阴影都要保持一致。照片中，人物的脸部区域在照片中所占比例也大致相同。颜色呼应使用，字体重复应用。整体版面象是一个具有爆发状的元素，充满能量：
本文所有颜色数值如下:
【译者的话】封面上需要采用非常多的职员图片时，如何显得更有活力？用图片代替图表上的数字使表格显得更有趣；如何轻松让一个正方形的封面设计得更有吸引力？水平移动的网页设计给人另一种的视觉效果；如何设计简单醒目的海报？五个实用技巧，即学即用！
图片设计：有很多张图片要放在版面上？给它们增添点活力！
对图片精心安排使到这个封面充满能量！如何设计？第一步，为了让封面产生一种前中后的感觉，我们必须对挑选的图片进行适当的选择及剪切，并使他们分成前中后三种类型。然后，我们就将各行水平错开移动，注意，不要移成象砖墙那样的静态图案。最后，对个别图案拉大或拉小。
图形：用图案代表数字
图表上的图案比单独的文字及数字要传达出更多的信息。在下次你设计图表时，忘掉那些毫无生气的表格，我们可以用各种图片来代替里面的数字，就象这样：
使用很多图案：上面是一家公司人员的工作职责统计图，上面的人物图案数量与数字相等。由于图案比较密，所以我们并不需要用上太多的人物细节，只需要象上图一样，采用人物轮廓图即可。
使用很少图案：如果数量非常大，你当然无法按实际数量来放置图案，我们可以用每一个图案代表多少千多少万作为单位使用。
既然是玉米，我们就要找一张一眼看起来就知道玉米的图案，简单直观的图案才能达到最好的信息沟通。
版面：设计正方形封面
下面这个封面设计使用了图片本身的网格元素来安排版面！将一个正方形的版面分成四个区域，将图片的视觉焦点放在其中一个区域中，而标题则放在对角的那个区域，轻易使版面产生有趣生动的视觉效果。
首先要安排好网络：我们可以将整个图案一分为四，注意，为了让图片的视觉焦点处于其中的一个区域中，我们需要对原来的图片仔细剪切。边框线为白色，使区域显得更清晰。其实，在图片上简单加一个边框，就已经足够引起读者的注意。你可以在以后的设计中尝试一下，使用边框可以使多个元素产生结合、连接、聚集的视觉效果。当然，边框所传达的信息与图片本身及版面结构有密切关系。
左上角是我们选定的焦点区域，在右下角，我们可以将这个区域填充，填充的颜色取自于图片（上图中是用吸管在草地上取了一种草绿色的颜色），然后再降低该区域的不透明度，降低不透明度突出图片是为了保持视觉的完整性。最后就可以加上标题了。标题应该放在该区域的左上角，与整个版面的结构配合。
网页设计：“横行霸道”
如果你设计的网页内容并不需要打印，我们可以考虑将其设计成水平轨迹这样的版面，点击上面的任何一张图片可以观看大图。
海报：简单、有力、醒目
（上图为美国加州沙滩排球协会的宣传海报）
相似的元素，就象双手，再加上鲜艳的颜色，立即就能使两者产生联系。两只手的颜色采用类比色搭配，背景为接近分裂补色的冷色。这样简洁的版面，无需你去叫卖，自然就会引起别人的注意。留意海报中单行的白色标题是如何清晰地突围而出。