平面设计技巧-排版等

当你在设计时手头上有三张照片，你会如何处理？你会将这三张照片都用上，对吧？其实没必要！一张照片就已经能够使设计信息有效传达。在这个例子中，校区里的塔楼就已经能够传达出这所学校的本质，比用上三张效果更好！标题单独一行，文字中的背景颜色区域静静地传达出有关信息.设计师有三张照片，但如果在版面上都用上这些照片，那你还要对这三张照片进行剪切，然后将它们挤进版面里。但出来的效果却是，这三张照片在版面中的样式很相似（相似的图片元素及图案），文字阅读起来很费力。所以，设计师又不得不将字体变得很粗，字体变粗后，又要找个地方放置学校的名字，所以在最下方设计师又加上一个紫色区域来突出学校名称。设计师越“设计”，封面就越虚弱。无论是学校信息还是所要传达的文字信息都在这些复杂的、太多人工痕迹的元素中消失得一干二净。封面可以说是成为“被侮辱及被损害”的对象。为什么会这样？因为设计师做过头了！解决办法：只让一张图片来说话！记住，在设计中，小即是多。学校的塔楼已经可以传达很多信息。简单的居中设计，就是直接让这张照片“说话”，然后加上文字就行了。注意在上图中，文字的背景区域并没有横跨整个版面，因为我们要让图片由上至下都可以流动。而上图右，学校的主色（紫色）及褐色与树的绿色形成吸引人的视觉效果，留意这三种颜色在色轮中的位置关系，绿色及褐色是紫色的补色的邻近色，听起来很复杂？紫色的补色是色轮中相隔180度的草绿色，而草绿色的两边邻近色就是绿色及褐色（留意色轮中的线条）。我们将这种颜色关系称之为“补色分割”（Splitcomplementary）。排版：文字应该与图片紧密配合我们经常会接触到一些与电器、高科技产品，而设计一个描述式的版面其实充满乐趣。原来的设计使版面变得复杂。对于这种小型产品的使用指南，我们的目标是要追求简单易读，让使用的人一看就知道文字是指哪一部分。但上面的设计却使这种联系断裂，也使到这张说明卡片的元素呈一个平放的“L”型，在上图中，图片放在一边，而文字说明则放在另一边。结果就是，产品显得很单薄，而页面中间那么重要的空间却空无一物。读者为了看明白这张卡片，不得不来来回回仔细对照。设计知识资源网在修改后的版面中，产品显得靠前，而且居中。我们将产品尽可能拉大，然后将各个要说明的部位用引线在其周围说明。非衬线字体容易辩认阅读。文字对比不强烈，整个版面显得干净清爽。并不需要象原图一样采用数字来说明。最底部的联系信息排成一行，呼应产品的水平感。而文字都是同一种字体，只是样式不一样而已——用粗体和细体来形成对比。版面：差别产生层次哈钦斯大街广场酒店（HutchinsStreetSquareHotel）是举行会议、宴会、接待及其它活动的理想场所，但如果你只是看它的这张价格宣传单张，没有人会觉得这家酒店有什么优点。它的版面缺乏生气，字里上的文字同一种字体，同一种尺寸，同一种的样式，同一种颜色，但都迷失在白色的海洋中——虽然页里上写满信息，但毫无生命力。这种低调的设计很容易让人忽略，但你要记住，对于酒店来说，很多顾客第一个看到的东西就是它（也可能是最后！）。还是让我们花点时间来设计，使人瞥上一眼就能知道它要说什么。这个设计让人看起来并不象是一家酒店，反倒象是一个电子邮件的宣传版面，所有东西都是相同的，缺乏变化，而图表的细线看起来就象是用铅笔画出来一样，没有层次，没有视觉焦点。宣传的对象倒是美轮美奂（见下图），但问题是，如果这张价格牌本身不能吸引别人阅读从而使顾客走进这家酒店，里面再漂亮，也没有人知道！这张平淡的单张使所有的信息都变得暗淡。看一下我们改造后的效果：通过字体创造出层次感：只需要简单的对字体、字体样式及颜色作一些调整，就可以轻易使版面变得吸引。上图中：设计知识资源网1,此处让人一看就知道是标题，其字体轮廓与桌子上的摆设有共同的特征；2及3，粗体突出主要信息，而黑和白则告诉你这是两个不同的信息；4，细体是具体的描述文字；5，线条用了白色而不是黑色，线条不明显，使整个图表给人一种以行排列的感觉。(点击上图看修改后大图)通过颜色来创造层次：深中浅三色是用吸管在这张宴会厅的图片上取色的，我们用这三种颜色安排版面，轻易创造出层次感。深色用在图表的上方，而另外两种用来区分每一行。由于这三种颜色来自于酒店图片，使到颜色直接与酒店产生了联系。版面：由外到内设计知识资源网要使设计的内部与外部有着相同的风格需要一定的技巧。怎么做？简单，将封面的字体、颜色、图片风格及主要的版式都搬到里面去。注意各种元素的比例，如绿色的使用比例及图片的大小，具体看一下效果：人物采用轮廓形图片，没有背景，使到其不规则的边缘显得更有活力。对一张大图片来说，采用这种轮廓形的设计，可以加强图片的力量，使图片充满流动感。模糊的边缘传达了一种开阔及健康的气息。留意，两张图片在实际应用中都有一个直角形的部分，即图片直接去到出血位区域。而文字无论是左对齐还是右对齐，都与这种直角区域相似。留意设计中的标题，采用了一种非常幼细的字体，这种字体充满清新，一如版面的风格。两者配合，天生一对。签名LOGO：还有什么图案比你自己的签名显得更独一无二？它完全属于你自己。所以当你有一项业务或项目是需要你最终来确认的——一个典型的例子就是公证人——那你为什么不直接用你的名字作为一个LOGO？一个签名式LOGO很容易制作。你只需要在纸上签个名，扫描进电脑，然后用钢笔工具描边。一个独一无二的LOGO就完成了。可以象上图一样，将白色的LOGO放在灰色背景上，当然，你也可以艺术一点——选择一种您喜欢的颜色。设计知识资源网字体调整：我们可以通过对字体进行恰当的调整及选择来加强设计。在这个例子中，经典的AdobeGaramond传达了一种久远、传统及权威的感觉，而粗壮的FranklinGothic粗体加强视觉的传达效果。因为上述这些都是差别很大的字体，所以为了使它们在一起能够协调配合，我们需要对个别字体进行调整。在这个例子中，我们将Franklin缩小一些。留意在上图名片中，白色的标题放在灰色区域中，显得特立独行。版面：将CD版面分成四等份使设计更加轻松CD已经成为大家都经常用到一种储存媒介，但其圆形的区域有时令设计师感到头痛。在这里，我们将整个版面分为四等份，能够使你轻易完成设计。设计知识资源网将区域分成四等份：经过四等份的划分，整个CD形成了四个区域，使你在排版时能更好安排元素——图片在其中一个，文字在另一个，而标题或文字则占据第三个。在上图中，文字背景的颜色是从图片取色——这是最快获得颜色和谐搭配的办法。希望有更多的区域来表现图片？简单，将相邻的两个区域合并即可，有四种排版形式（见下图）。留意在下图中，所有四种设计中的文字都为了配合CD的边缘弧线而作了调整。避免上图这两种排版形式：如果图片占用了三个区域，则使图片的视觉效果过于强烈，导致整个版面不平衡。图片对角摆放，虽然显得活泼，但也显得过于复杂，而且使整个版面缺少一个视觉焦点。文字：两种方法安排名单通过漂亮的文字及排版来安排名字及职位——包括工作人员、捐赠人、赞助商及参与者等，是向这些人最好的敬意。其中的关键是在设计名单时要简朴正统，不张扬，不夸张，为了达到这个目的，我们只使用一种经典的字体，尺寸要小，而且处于版面的主要位置，两种方式：设计知识资源网1:象电影演员表一样无数部电影在安排演员名单时都采用这一种模式：名字及职位各向中间对齐，通过字体的粗细来区分名字及职位。而在颜色上则非常接近。我们可以简单地在矢量软件中使用“制表位”工具来调整。博物馆职员名单的设计2，将名单合并成一个整体区域。这种排版会使读者在阅读时速度减慢，但却显得更有艺术气息。用圆点来区分各个名单。整体形成一个矩形（上图红色直角处）。我们在段落面板中选择“所有行齐行”按钮即可实现（上图），为了达到最佳的效果，你可能需要对个别文字进行一些细节调整。出来的效果清新优雅设计知识资源网版面：划分图片区域，使图片讲述更多的故事。无论你采用的是什么图片，图片中的每个人、每个对象及每个元素都有他们各自的故事。这就是我们为什么会对这种技巧情有独钟，爱不释手。通常，当人们要对一张图片进行说明时，都是将所有文字结合在一起来说明。而在这里，我们反其道而行之，打散这些说明，将文字各就各位，各自去到具体要描述的对象上，这种手法非常有趣，而且阅读起来也更加明了，而且由于文字区域较大，非常适合我们这些总是感觉时间不够用的现代人阅读。文字可放置在描述的对象的上方或者旁边，或者兼用也行：如果你想让这张照片透露更多的信息，你还可以象上述一样，在你还要发挥的地方编号，然后将所要交代的背景在图片外说明，如上图中，1的文字为：活动中心，虽然活动中心设备乏善可陈，但却还是深受欢迎；2：JAVA小姐，这已经是她的第三杯咖啡了，而现在还只是早上八点。她在上第二节课前还要喝第四杯……。这些信息你可以随意发挥，让整张图片显得更加有趣，还带点幽默。版面：建立页面模板令你快速完成一本协调的册子设计产品手册设计要从一而终！在设计时应该能够使你快速协调各个版面，而且能够经受得起无数次的“最后一分钟”（甚至最后一秒！）的修改。Crate&Barrel公司在设计产品手册时应用了一种效果良好的版面安排，使它可以轻易达到这个目标。在这一小开本尺寸的产品手册中，每个版面都被分成6个正方形区域（这就是一个页面模板）。每一个正方形区域中都放置图片或文字，但同一个正方形区域中绝对没有同时放置文字及图片。文字全部采用同一尺寸，而图片都是采用同一种类型及风格的照片，而且没有经过繁琐的特效加工。出来的结果就是：整本册子显得干净清新，就象他们的产品给人的感觉一样——而且做起来也一点不难，只要按着模板摆放元素就行了。设计知识资源网字体采用一种简单清晰的字体，与图片相比，文字形成了一个低调的区域。只用一种字体尺寸，一种样式类别（如在整本小册子中，正文文字采用Helvetica细体，标题用粗体，而价钱用粗黑体）。这种文字安排使其没有与图片互相挤压，让人看起来很舒服。对于整个展开页来说，整个版面就有12个正方形的区域模板。图片可以占据其中一个，也可以占据九个，象上图一样，图片的排放是可以很灵活的，使每一页中图片与文字都产生空间上的对比（大与小，多与少）。特别留意一点：上图中，文字没有“包围”图片，而是与文字的直线边缘直接对齐。页面小标题及页码放在最上方一个细小区域中。文所用颜色数值如下：图片以不同的大小及不同的摆放位置来排版的话，可以产生不同的冲击力。在下图中，我们将一张尺寸较小的肖像图片放置在一个空白区域的下方，完美地与标题文字的意思搭配。空白区域的力量：这种排版方式使版面中的各个元素一目了然。虽然空白的区域占了大部分，但给你的感觉却一点也不单薄，相反，充满了力量感。这位不幸的CEO肖像背后是一块厚重的黑色区域，使该人物给观众形成一种分离感及距离感。之所以能够产生这样的视觉效果，关键是人物图片的尺寸很小，而且放得很低。她深色的外套在这个设计中可以说是一个有利因素，使到给人的感觉是她的身体与黑色的背景混为一体，使其与她那忧郁的面部表情形成强烈的对比。标题设计不能设计得过于夸张显眼，应该平实一些，标题的位置同样应该以平实为主（否则标题会使整个版面显得过于紧张，从而削弱了下方肖像所传达的力量）。包装机注册公司建站系统标徽设计VI设计网站设计品牌SI设计网站优化碎纸片组成的卡片设计为了向亲朋好友宣布他们的儿子Drew终于来到这个世界上，我们的朋友阿丹与米高这对夫妇希望以个人卡片的形式来传达这个喜讯——还有什么东西比你自己书写的文字显得更个性化？看一下我们为他们所做的设计：不需要剪刀哦。虽然碎纸片看起来象是贴上去了，但这只是在电脑中的效果。这个卡片刚好可以用您的那台桌面打印机打印。首先写上一些活泼有趣的词语，然后将这些词语扫描进电脑中。然后用Photoshop软件剪切成一片片，再应用一些阴影效果，再将这些碎片置入你的版面中，排好它们，就可以打印出来了。这种设计没有复杂的技巧，但绝对充满个性化，值得一试!AdobeIllustrator：焕然一新的价格牌宝马汽车（BMW）的网页横幅