让版式设计变得简单

让版式设计变得简单简单是设计的最高境界，创作一个漂亮的设计往往用最简单的表现形式就可以胜任，但简单并不代表容易，事实上，很多设计人员都走过一条从复杂到简单的风格路线，这说明设计简单的作品是需要经验积累的。居中排版：如果说，设计一个典雅的封面有什么技巧，那就是，用一种温和的颜色，字体尺寸要小，有大面积的开放空间，并用线条来描绘元素（包括边框），线条的粗细均相等。简单的优雅简单的描边非常适用于一个单独的对象或者一张较大的图片上。简单的描边字母字母不仅仅能够表达字面上的意思，在字体很大时，它们其实就是一个艺术图案。寻找一种漂亮的字体，用大写字母，然后表达其轮廓。在应用时应该避免视觉冲突：在左图第一个效果中，重叠的字母颜色上造成了冲突，所以我们必须降低背景字母轮廓的不透明度。简单的集中我们面对一个比较大的版面时，总是潜意识里将每个元素都放得很大，使到各个元素都将版面占满心里才感觉舒服。但这种处理手法并不是一种设计！在这里，我们介绍一种更好更简单的解决办法。我们要思考的不是“再大一点”，相反，我们要想的是“能否再小一点，能否再集中一点”。将你的设计重点只集中在中间那部分。这种设计手法非常简单，而且你轻易地就能创造出一个强烈的视觉焦点。这个设计很显眼，也很明亮，但却不能传达出关键的信息：原来的设计师只是将所有的东西都放大，直到填满整个版面，这种处理手法看真起来有条有理，居中的设计能够让人轻易观看，但缺少视觉上的变化。1图、缩窄你的区域：周围大块的留白空间使人更容易将注意力放在中间。现在你的处理区域变小了，也使你设计起来更容易；3图、加进图片：这一步是整个设计最有趣的地方。我们先去掉原来蜥蜴图片中那些无谓的背景，然后将它放在中间区域与留白空间的连接处。这个蜥蜴本身所呈现的孤线边缘及立体感觉与上方的文字及直线区域形成强烈对比。2图、加上文字：为了配合那个胖胖的蜥蜴，意味着我们要采用一种粗壮的字体，这种字体呈现不规则的边缘，与蜥蜴的那些鳞角非常相似，同时也增加了中间区域的视觉份量；修改后的设计显得干净利落，空间开阔，但却一点都不单调。一本关于烹饪配方及香料的书籍封面需要一个象碟子一样明亮的风格，而且还要传达芳香的味道。解决办法：多个圆环围绕一个焦点图案。圆套圆：整体显得优雅，而且构成相当简单：碗、盘子、薄荷叶及黄色玻璃杯都不对称地环绕着中间那碗呈绿色的汤。而水平的文字与页面的角位形成视觉联系，白色主导版面。整体出来版面象香气那样轻巧，引导眼睛不断去到中间的文字上。圆形形成一个视觉焦点，水平元素形成了互补元素。标题放置在汤的上面，这正是引人注目的地方。而白色的一行小标题文字显得低调，使其没有干扰上面圆环的“轨道运转”。图片焦点设计的几种方法一：模糊背景二：聚光灯效果三：跳出来四：颜色呼应五：轮廓线效果六：淡化区域七：剪切及配色剪切的力量图中的照片，如果你觉得他们都似曾相识那是因为他们太过真实，上述几张照片都是典型的标准照，虽然各人的姿势或背景略有不同，但都没有本质上的区别。使用了相同的尺寸，你可以感觉到，这样对肖像的处理使到整个画面充满力量，不仅仅是省出了空间给文字，而是使到整个画面更容易引起别人的注意力。八：线条引导简单的一图多用如何在版面设计中一图多用？在以下案例中，我们要将买回来的图片物尽其用：通过从原图中得到几个小图，完全可以配合版面设计。原图版面设计图请注意，其实在大图中隐藏着一些小图片，所以我们可以大胆尝试，将一张照片剪切成多张小照片。当我们一眼望去这张海滩的图片时，我们是将它看成一个整体的，或多或少会对其中的细节置若罔闻。但如果我们将各部分分离，我们会发觉，其实每一部分都隐藏着一个“故事”，都有着各自的重点。我们只截取小船的船头部分，这部分只占原来的大图很小的位置，还不到十分之一。但我们却将它作为版面的大图，这样，它给人的尺寸感觉就完全改变了，现在，它成为了一个有趣的视觉焦点。上图中，三张图片的尺寸都不一样，右边的特别大，左下的图片特别小，这种不同尺寸的图片可以让我们的整个版面产生层次感。而读者的眼睛就会从右的到左（左图下的线条表示了读者在观看时的视觉线路）原图版面设计图如果仔细观察一下那张椅子的照片，就会发现其实这张普通的椅子包含了各种各样的线条、图案、颜色、孤线及转角位，它们充满着对比（如浅色及深色，直角与圆角）。在整个版面中分为上下两部分，它们各自所形成的视觉效果并不一样。上面部分显得开阔平静，而下面部分则显得饱满充实。这个版面的上下两部分的构图差别非常大。我们只利用一张图片就可以使整个版面充满视觉对比，包括不同的尺寸、材料、图案、形状及方向的对比。简单的重复当我们在设计中想应用图片时，图片上却找不到一个很恰当的位置放置文字，或者觉得某张图片缺乏层次感显得过于平淡，又或者觉得图片的构图并没有给人良好的视觉效果时。可以试一下这里介绍的实用技巧——复制图片的局部，然后放大它，再将它与原来的图片融为一体，以创造出一个自然的区域。首先改变版面的尺寸，对翅膀的上方进行复制粘贴，将复制的部分移到下方，将它放大。1、小心处理边缘与背景接合的地方，使到其能够自然地与背景融为一体。2、复制的图片上的颜色，将下方空白的地方填满。模糊的翅膀增加了画面的层次有了这个区域，它不但提供了我们文字摆放的位置，而且还使整张图片产生层次，一个模糊，一个清晰，就象照相机在拍照时因焦距的不同而产生的效果，一切都显得很自然。在左图中，从上方截取一小块花瓣，同样将它移到下方角位，放大，由于花瓣上的背景比较单纯，这样就巧妙地给文字创造了一个区域。同时，红色的花瓣与其边缘上方的绿色形成的优美的搭配。在一张图片上摆放文字，如果缺乏一个实色的区域，那这些文字很难有清晰的效果，但生硬地加进一个正方形或圆形的实色区域，有时又会使整张构图显得不协调。当你在设计时手头上有三张照片，你会如何处理？你会将这三张照片都用上，对吧？其实没必要！一张照片就已经能够使设计信息有效传达。在这个例子中，校区里的塔楼就已经能够传达出这所学校的本质，比用上三张效果更好！标题单独一行，文字中的背景颜色区域静静地传达出有关信息。小即是多现在网上有很多图案及图片素材可以轻易下载，它们在不断地将名片、手册、广告及网页的版面填满，所以充斥着太多图形的版面设计随处可见。但有时一张图片已经胜过十张，而且设计起来更加简单。单个元素传达更多：各种各样的工具对于房屋修建工程虽然很有用，但对于设计来说却恰恰相反。原来的毛笔手写体多少有点女性味道，而且各种工具显得模糊不清，其实这些图片只能产生嘈音。而我们修改后的名片，字体显得粗壮并呈角状，传达出一种与行业相符的特色。而最底下一把简单的卷尺已经传达出一种专业、阳刚及果断的气息。简单的小空间放置大图片网页横幅、新闻标题处的空间、柱状的广告都有着狭窄的空间，但一张来自照相机的照片却要大很多，它们的比例一般是6×4英寸。要如何处理这两者的关系？我们想将一张大的照片应用在标题区域里，怎么办？选择剪切照片中的焦点，剪切后的照片反而越有力量感。1、大胆剪切将剪切后的图片应用在这篇有关退休服务报道的标题中，效果非常不错。2、填充背景如果原来的图片很小，而所需要应用的区域又很宽，那么可以利用图片的背景中的实色或某个有规则的图案，取色或复制，然后将要应用的空间进行填充就可以了。当我们对白色的区域填充后，使到我们现在焦点都放在南瓜上。感觉就象舞台上聚光灯下的演员一样。我们采有一种比较特别但仍能保持低调的文字，使文字与图片能够漂亮地结合——南瓜显得很有力量感，而文字则显得空间开阔。3、拼接如果一张图片还不够，那就用两张。这两张图片既可以放在一起，也可以分开。在开始时对图片进行恰当地剪切将有更有利于清楚传达信息。为了传达完整的信息，我们有时需要在一个狭窄的竖立空间里放进两张图片。当我们有一张构图比较复杂的图片时它的背景没有一种固定的实色可以复制，这时我们可以做两件事：图1：放大剪切图2：切掉一半图1：分离图2：重叠图3：混合应用第二张图片,而文字可以使不同样式、颜色形成对比。简单并且正确的使用字体每个人都有自己喜欢使用的字体，但你喜欢的字体并不可能在任何时候都适合使用。只有样式特点与合适的图案相结合时，才能发挥出字体的力量感。在实际的版面设计中我们要如何使用字体，最大的挑战是如何将字体与图形元素完美的二合为一。寻找文字与图形的共性圆形：对于一些本身就是呈圆弧形的字母或图形我们可以轻易地发现圆形的存在，但也请你留意一些细节，对于一些字母中的留白空间、图形曲线包围的区域等同样也具有圆形的结构特点。利用颜色及“边缘”结合文字与图形在这个设计中，文字与图形粗看是分开摆放的，但其中的文字区域与图案的边缘是紧密结合的，然后再用漂亮的渐变色来联结两者。将文字紧靠图案边缘使两者产生浑然一体的感觉。并不需要使用精细的参考线去做，只需凭眼睛的感觉完成即可。这样的结合还使图形边缘处一些过于琐碎繁杂的细小元素被忽略。整个设计充满一种宫廷、神秘及奇幻的气息。所使用字体在这个化妆舞会的邀请卡名设计中同样发挥出色。在面具上取一明一暗的两种金色作为渐变色应用于文字。整体呈现的质感及光亮照射感完美地与图片在视觉上取得一致。