版式设计思维资料.docx

设计师总会说设计是一件很累人的事，但这部分原因可能是你自找的。时间与设计出来的效果也并不一定成正比。平面设计师或许应该培养一种“懒人”设计思维，面对一个设计时，心里应该想着的只是如何以最简单的方式完成，出来的效果可能也会更出色，毕竟，简洁的设计往往也是最好的设计。大多数的设计都会同时涉及到文字与图片，这两者的差异是非常大的，也很难事先预料到两者一起使用时的互相影响，图片与文字如何搭配得漂亮，往往也是设计师的一个很大的挑战，一不留神，就会造成风格矛盾、细节冲突，对比错误。而且就算有一次给你做得不错，但下一次你面对另一个新项目时，你还是会为此而抓狂。? ? 一些设计师在设计时往往会出现“设计过度”的现象。更好的方式就是象一个懒人的思维一样，图片放在这里，文字放在那里，搞定！关键是让每一个元素都简单清晰，让两者的互相影响减至最低，而且这种设计手法还可以让你一再使用，永不过时。让我们看具体的例子吧：1.jpg (70.57 KB)2011-11-6 22:55? ???这是一家室内家居专业摄影工作室的册子封面，修改前的设计是一种“吃力”的设计。设计师选择了毫不相关的字体及颜色，然后又加上背景及线条，希望使其成为一个有机的整体。其实，设计没必要搞得这么复杂！? ???修改后的设计，文字内容并没有改变，但整个版面分成两个区域，图片及文字各占据一个，出来的效果就是漂亮、干净、整洁，所用的时间精力也不多，而且这种构图及手法也可以一用再用！? ???让我们深入分析这两者的设计过程。吃力的设计：2.jpg (19.24 KB)2011-11-6 22:553.jpg (40.37 KB)2011-11-6 22:554.jpg (45.03 KB)2011-11-6 22:555.jpg (73.29 KB)2011-11-6 22:55? ?? ?几经辛苦，这个设计完成了。每一步似乎都有理有据，设计师也将协调、对比、风格一致这些理论紧记于心，但老实说，出来的效果并不理想，从视觉上说也不吸引。为什么？因为设计师是事先想好了某种风格，然后强加在版面上，但偏偏主题元素又与这种设想的风格不一致，强加未遂。? ?? ?我们再来总结一下这个设计：6.jpg (30.05 KB)2011-11-6 22:55? ?? ?在这个设计中，设计师主要采用了Round Bauhaus Demi字体，这种字体是一种有趣新奇的字体——处处呈现一种圆弧的感觉。然而，为了展现这种字体圆形的特点，我们需要将字体显得比较大，字母间距紧密，并且是要小写字母（上图），但问题是，设计师在设定介绍文字时，将其全部设为大写——这个时候，字体的直线感压抑了圆弧感，而且下面的文字尺寸又很小，其文字块边缘呈现向两边发散的直线视觉感（见上图箭头线段），这样的文字排版削弱了字体特有的风格，圆弧不见了，我们感觉到的只是凌乱的字体元素。7.jpg (18.73 KB)2011-11-6 22:55? ???设计师深明在风格中细节必须呼应的重要性，所以他将一些地方设为圆角来呼应字体的特点（上图）。问题是，它还是不够圆，出来的效果仍然是直线占支配地位。特别是上图右所示的，我们可以观察到，这里显得非常局促，读者在观看时，看得的并不是一个整体，而是还得仔细区别你这细小的区域——竟然有4个“步骤”让读者去练眼力！毫无必要的设计。8.jpg (23.49 KB)2011-11-6 22:55? ? 分析完这个设计，让我们看一下“懒人”是如何设计这个项目的。“懒人”的设计：9.jpg (36.22 KB)2011-11-6 22:5510.jpg (59.68 KB)2011-11-6 22:55? ?? ?修改后的设计，图片异常抢眼，元素与版面风格配合，名称的文字同样醒目张扬，出来的效果漂亮清晰，为什么这种简简单单的设计手法却更能发挥作用？11.jpg (31.42 KB)2011-11-6 22:55通过大小及色值来区分：? ?? ?精心设计的文字包含了四个视觉引导。从位置来说，呈现由上至下的引导；从字体尺寸来说，是由大至小的引导；从字体样式来说，是由粗至细的引导；从颜色明暗来说，是由暗到亮的引导。这种特点在这个设计中发挥重要的作用，你的眼睛很自然的由一个元素去到下一个元素，毫无阻碍。12.jpg (14.43 KB)2011-11-6 22:55? ???介绍文字采用全大写，字母间距及行距都设得非常紧密（小写字母很难呈现这种紧缩的排列），形成了很短的文字行。文字整体呈现一种精细、垂直的视觉特点。文字放在左边，使右边留出较大的白色区域，这个区域呈现视觉张力，让人的眼睛不由自主地移到文字上来。变化：“懒人”就算面对一个系列的设计，也是气定神闲，以不变应万变，谈笑间就能出色完成任务！13.jpg (50.51 KB