版式设计指南

1、版式设计指南前言：1、文中的概念“贵重2、文中全部的图例都承受黑白，目的是为了排解类似颜色、材质等的干扰，本文仅限于探讨“版式”的奇特力气； 3、任何事情都不是确定的，共性与共性在这个世界并存，但是在你还不是专家或者强者以前， 了解普遍意义上的规律是理所应当的！对于规章的突破依靠于我们长期的对已有规律的练 习、积存和探究，然后再是打破。就如同同学们在做设计时，大量的人宠爱将元素没有理由 的设计师，并不会拒绝饱满、丰富、吵闹甚至繁复，一个真正的“简约”设计其实是有很多细怕丰富，所以只能用削减元素来掩盖，可那并不是真正的“简约”，只是简陋而已。所以，请好好应用我们的版式设计技巧，让你的把握力量突飞

2、猛进吧！ 我的原则是尽量做到不更改学生的设计初衷，通过调整在版面空间中对文字、图形的位置、 消灭：为什么文字内容没变、要传递的信息主题没变、甚至还是那张不怎么好看的图，经过一番调整就会气氛大变呢？从木纳变成活泼、从廉价变成贵重？ 这就是版式设计的力气！研读了好些教材和书本，我觉得最有用的，往往是最简洁的，我就从一本日本的版式设有几分收获！这些学问需熟记熟用，方能举一反三，自我创！以上这个基因树形图就是对版式设计中最根底的内容进展的归纳，排解了一些其他因 材质、工艺等学问，那么我们的设计将变得成熟而精彩！第一、什么是“样式”？们的设计对象比方为我们人自己，一个人要出席不同的场合，那么就需要不同的

3、装扮风格， 因此“样式”就是我们首先要做的选择：假设是去面试工作，那么我们要干练的 OL 风格；假设我们要参与狂欢派对，那么我们可以前卫大胆的猫王风格；假设我们要参与婚礼，那么 你要他成熟高雅那是太残忍。可是在版式设计中，对于感觉没到位的人，我们照旧可以教给 就需要我们对“视觉度、图版率、文字跳动率、图片跳动率、网格拘束率、版面率、三类构成、文字印象”这个八个要素进展学习、理解、记忆和练习。这样我们就能选对“衣服”、“鞋子”等等。其次、什么是“造型”？ 我们穿一条拖地晚礼服，我们却顶着一头没洗一样的油头发，或者是杂两个羊角辫，可能怎么都不能到达高雅的感觉除非你是有意搞怪；又如我们穿一身职业装预

4、备去面试，却画一个超级魅惑的烟熏妆，一个爆炸头，估量没单位敢要你或许夜总会或一些不入流的歌舞团。更进一步说，造型可以让我们锦上添花，如虎添翼不仅是让你穿对，更是让你面 格外琐碎的细节，比方头发的适当蓬松，眼影的搭配，或者粉底的质感等等。因此版式设计中的“造型”就是要运用相关的技巧，将我们之前选对的那些样式要素进展组合、搭配、修正、改善，让这些元素有机的融合，营造我们想要的气氛，完善全部的细节，形成正确的视觉感官效果和合理的阅读流程。而这八个技巧简洁易记，他们是“明确主题、分开副主题、但是假设放在一起进展比较的话，我认为“样式”是最重要的。是否选对样式将打算我们版式设计效果成败。选择正确的样式，

5、就像我们选对适合场合的装扮风格，假设我们连样式都没选对，那么无论怎么有技巧的、精良的造型都是白搭！极端的例子：去面试一份市场调查员的工作，我们却择了嘻哈风的装扮样式，那么后期无论怎么化装，发型，着装都将是徒劳的，这就是同学们经常遇到的问题作业盲目的追求电脑效果，堆砌，抑或删减费心 远、更离谱而已。因此“样式”的学问是至关重要的。第四、进入分解讲解前，我们来做第一个试验吧！在以后的讲解中，都是以比照试验和测试来论证观点，固然为了说明最根底的问题，我们都选择的是比较极端的例子，任何事情都有特别的状况，但是请大家在学习本项类容时平和心态，先吃透普遍范围内的概念， 等以后见多识广了再来分解、打破和提升

6、。Q:A、B两张广告中，哪一份看起来是比较廉价的化装品？固然显而易见的是 B，它让我们觉得这个发胶很廉价。奇特吧？可是什么缘由造成的呢？是女模特不够美吗？照片不够清楚吗？文字不够丰富、不够大吗？我们可以考虑造成 正确的“样式选择”打算版式设计效果的大局部！我们可以看出，布满生气活力的 B 广告表现出的样式和作品性格更适合于廉价的商品或者促销，由于它具备良好的亲和力，浅显易懂。因此假设想强调化装品的一种高级感，那 么 B 的样式是很难成功的。即使选用最当红的影星，超特写的镜头那么也是徒劳的。由于他没方法到达高级感所呈现出的那种冷漠！因此要表现品质的优良，我们往往选用小文字、大面积的空白、低视觉度

7、的照片。因此我们不难理解，为什么时尚杂志里那些高级化装品 总宠爱承受产品本身做主角，也不难理解为什么即使选用当红明星做模特，也会把明星的 妆容画的极冷、表情也是冷漠的。就是为了竭力降低其视觉度，到达一种冷漠、贵重、高 品质的感觉。Q2：下面同一个人的名片，哪一张看上去更有信任感？A B答案固然是下面 B A 更干净有序，看起来能利落的解决问题，同时我们从名片上能更轻松的阅读和找到清楚的视觉流程。我 们只需要调整文字的大小、位置和空间，就产生了巨大的差异，形成了 B 更有平衡感的版面设计。A 名片没有从细节调整形态，因此显得画面不平衡，总给人散乱、不专业、不能信任的感觉。A 的字体也显得较为稚嫩

8、和任凭，因此更不能很好的取得人们的信任。为了取得好的信任感就要对形态加以调整，保持平衡感是必需的，调整形态就是我们将要讲解的“造型”原 理。版式设计第一步选择样式选择适合的样式，版面设计就向成功迈出了一大步！ 只要你智商正常，从小生活在人类的社会环境，有推断力，就能选出适合的样式！虽说样式的内容里那“八大要素”看起来 语而已。请依据一般的常识思考，就能做出正确的选择。第一回合：样式的效果 活力、易懂、有亲和力的印象。反之，假设以文字为中心，则给人理性、高风格、冷漠、坚硬的印象。然而，并不是说，视觉度越高效果越好，与要表现的内容相吻合的“度”是很重要的。例如，在一本法律典籍或者政府宣言等纯文字的

9、对象中参加插图，虽然有活泼版式的感觉，但却形成了不和谐的版面。1、错误的样式不能正确的传达信息各种样式本身是没有对错之分的，就像西服和 T 恤，本身都是优秀的。但是场合不同我们就需要选择不同的样式，因此准确的说不符合目标对象的样式是不能正确传递信息的。我们来看一个列子：A这是日本学生制作的用于募集小组成员的传单改作A 的专业性很强，作为学习设计的我们很简洁理解也很宠爱这种“腔调”的设计，但是这个作品的目的是募集小组成员，每个周末年轻的孩子们一起出去郊游或者玩耍。因此 A 图的样式给人感觉过于深邃， 虽然是很棒的设计作品却在表现形式上不适合募集对象，也不适合要传递的信息。人们看 到这样的图像样式

10、并没有想在一起玩的想法，甚或至于会产生信息的误读，搞不好人家会 以为是“模型俱乐部”还是“玩具俱乐部”的宣传，或者更简洁误会为“气球俱乐部”的 宣传单。所以虽然设计的很专业、很富有设计感、很别致却没法正确的传递信息。所以它，是错的！B这是最终真正使用的成稿。界面舒缓的插图，虽然不是很精炼，但是别有一番拙趣，给人以温存的清爽的亲和力。手写体的文字，让人感觉亲切而温和，敬重的写在画面中适当的位置，让我们感到募集者的诚意。整个设计轻松活泼，虽然显得有点点稚嫩，却恰好与承受信息的对象心态相符合这是个好玩的俱乐部，里面肯定都是些宠爱亲近大自然的同学，没有约束。再举一例风格不同的两幅广告被我们有意分解组合

11、在一起形成了一种怪异的版面。样式差异竟能产 生如此大的差异。不同的模特，不同的照片拍摄方式，不同的形态表情都必需要符合自己 所要效劳的产品，手表广告中原稿才能表达出手表中性的风格和贵重的品质感！而口红广 告中绚烂的笑脸具有高视觉度，有极强的亲和力，明确得表达出其诉求的对象为布满活力 的年轻人，很明显这个产品不会那么高不行攀。2、效果通过样式得到表现上开头。多多去看相关的书和杂志，已经各种类型的设计作品，边看边试着对自己提问：这理吗？为什么这个作品看起来会让人感觉好禅静？为什么这个作品让人感到热忱？在 问这些问题的同时，试着用版式设计里面的相关要素和原则的学问、技巧去答复，尝试着找出规律。 A：

12、让人感觉他可以利落的完成工作，感觉这个单位很井井有条，很有信任感。这是一种突出重点的组合方式，并且视觉流程清楚简明。B：扩大空白、缩小文字、笔画细腻的字体整体给人高品质的感觉。另外，文字的组合方法承受了“居中对齐”更给人感觉理性而高风格的印象。C：扩大姓名文字并且选择加粗的字体，同时字体是横细竖粗的大宋体，虽然文字厚重却不显得笨拙，放大字的体积感可以增加版面的能量感，让人感觉信息丰富，表现出自信，猫头鹰 LOGO的放大增加了版式的视觉度，增加了亲和力，符合一个促销员该有的精神面貌。排列出不同的样式效果。而且每一种样式都有其优点。作为学习设计的我们，由于常年累月设计风格。但是往往我们所效劳的对象

13、，来自各行各业，他们也有他们的行业审美原则，再到，随着群众审美意识的加强、行业竞争的加剧，消灭了很多模糊行业特征的、一味追求视“好共性的名片”的同时照旧能从名片所表达的样式里获得正确的信息、感受出符合名片仆人职业、身份、行业的气息。这才是正道！从这个测试中我们也就能释然一些让我们头疼的事情：我们觉得很共性、高雅的设计， 到这种状况，请先检查自身是否遗忘了效劳对象的行业特质，看看是否为他选对了样式，穿 信任能够让难题迎刃而解。 确传递信息的圆满，也感悟到了视觉元素的风格统一才能形成完整有效的符合身份的版式， 固然更知道我们想要的效果是可以通过样式的打造而呈现出来。下一回合，我们就从视觉要素中的“

14、视觉度”开头。视觉度心理感受，仅从符合常理的图像要素去争辩在后面我们会进一步说明1、从什么是视觉度开头。从这里开头，我们正式进入样式的八要素的学习。首先我们要学的就是最奇特的“视觉 插 图、照片等 视觉度就低。所以，一般来说，照片的视觉度比插图低，尤其是云、海、草原等风景照，视觉度更低。举例来说，对象都是大象，可是一张是卡通大象，另一张是实拍的大象，那么后者的视觉度明显就比前者低的多，由于前者更夸大更让人印象深刻，甚至不行思议。那么图像要素的视觉度到底对我们的平面二维空间起到怎样的作用呢？我们来看第一例子，一个大学里某棒球组织募集会员的传单。Q1：下面会有 AB 两张效果图，哪一个传递信息更快

15、、更有效？让人阅读更简洁？A这份传单假设发到你手里，你会有什么感觉呢？我觉得它看起来很理性，感觉很不热忱，然后信息量很浩大，有点不太想认真去读那么多文字该多累！怎么办呢？我们对于这样的设计工程最根本的要求就是不能削减文字内容，这些文字虽然多但是他们确实都B是怎么做的吧！比较两者，视觉要素具有打算性的效果， B 一目了然，我们能直接的快速的获得最重要的信息这是关于棒球的俱乐部在招募会员而不是什么药品促销或者其他。像这样一种目的简洁，内容直接的设计状况，视觉要素的合理应用可以极大的转变整体效果。Q2：下面左右两张传单，哪一个更让你印象深刻？视觉度较高的图像是插页广告不行缺少的视觉要素！左边是原稿，

16、手写的纯文字有格外独特的表现力。从文字内容上看的出这是个现代舞 方面的招募或者表演的宣传，那么在参加一副跟文字的表情格外相像的剪影舞者插图后， 整个效果更加生动活泼！这就是视觉度的魔力，参加插图后版面的视觉度增加，活力就增 加了。另外从这幅传单的设计中我们可以看出，日本的学生们的设计格外具有生活的乐趣，也很擅用最直接的手绘方式，相对于我们自己可能要好好思考自己对生活的态度，丰富自 己的阅历，更擅用除电脑以外的更多技法，为我们的作品制造更共性的效果。2、平面设计中最小的设计单位名片，看看我们将名片视觉化后的效果。我们现在很常见这种类型的名片设计，同学们也很宠爱那么去做，由于名片上的元素只是文字所

17、以只要略微严谨的排一下的版便能呈现现在这样一种不痛不痒的效果。虽然看上去我们并不会有不适宜的感觉，但这种样式的名片不会给人留下任何印象。那么我们看看将名片视觉化后有什么变化吧！ 名片时的场景。虽然不太记得实际上是怎样的一个人，但还是留下了更好、更深刻的印象。因此，我们觉察在名片上参加插图，会增加它的趣味性。公司图标介于文字要素和视觉要素之间，视觉度较弱，但依据排列方式的不同，亦能呈现较好的效果。这里我们从上面参加的不同的插图当中的出另一种规律：越是趋向夸大的、卡通化的插图视觉度越高强，越是接近现实或趋向于文字的插图视觉度越弱。3、设计主题的表现力Q20 秒时间看以下的照片，答复接下来的问题。2

18、0 秒：20 19 18 17 16 15 14 13 12 11 10 9 8 7 6 5 4 3 2 1！以下照片中，有几张照片在前面那张图中有消灭过，是哪几张？请自己将代码写下来。栏内字母为正确答案。将自己的答案和下表比照，有什么奇特的结果？请你和几位同学一 起做不要商量，最终再来看看你们的答案，看看有多少一样的呢！通常状况下，A组的正确答案最多，特别是孩子的笑脸给大多数人留下深刻的印象，那猫咪的傻表情也给大多 数人留下深刻的印象。BC组的答案则反映出个人的兴趣。反映观者的兴趣共性同样大小的照片，依据所照的内容给人留下不同的印象。这反映出观者自身的兴趣和志向，形成了一种沟通。这就是制作广

19、告时需要认真选择宣传点的缘由。设计师也是人，往往我们也有独特的阅历，比方小时候假设你可能曾经把洋葱当成水果去啃，从而在你的大脑里洋葱印象深刻！因此在选择的时候毫不迟疑先就能记住洋葱那个静物照片。但是这时候我们肯定要问问自己，这仅仅是我个人的阅历和兴趣，还是说有相当局部的人与我有共鸣？在广告设计中，我们经常看到同学们纠结于查找独特的视觉元素，期望以此来获得视觉冲击力并到达共鸣，但结果往往是事与愿违自己认为好玩的事观众毫无感觉！这就是没有考虑诉求对象的兴趣和阅历。表现力的强弱留意人和脸一般来说，人类具有最强的表现力，尤其是脸部怪不得消灭那么多模特。最弱的是云、海洋、草原等风景，它们能让人们的心情安

20、静下来。原来很好玩的描写对象，用很难 观察的角度来构图的话，表现力就会下降。例如，婴儿纯真的笑脸我们通常是表现的重点，但是假设我们在画面中参加很多大人的脸的话，婴儿的表现力反而减弱！因此在表现类似 对孩子关爱的信息时，我们往往更直接地应用孩子自身安康阳光的照片，大人往往成为非 的重合以及不必要的影像。样式的八要素之二 图版率1、什么是图版率？在同一版面空间中，占据版面的图像插图、照片等和文章内容的面积比我们称之为，制约着版面所呈现出来的紧急和宽松，活泼与稳重。经常在我们版面遇到瓶颈时可以通过转变图版率来打破格局。2、图版率和视觉度的区分？图版率是指相对于版面中的文字内容，图像所占的面积比例，用

21、%来表示。视觉度强调图像的视觉强度，而图版率仅针对面积比。版面空间中全是文字的话，图版率为 0%，相反假设全是图像没有文字，图版率为 100%。一般来说，全部是文字的版面样式让人感觉拥挤和紧急，并让读者有恐惊心理觉得杂乱、信息量大，不想读下去。因此就算是一些诗集、小说等纯文学的作品，我们尽量维持 10%左右的图版率以便让人简洁阅读。而大信息量的报纸，图版率为 30%左右，当图版率低于这个数值，报纸没有生趣，让人厌烦不简洁阅读。当图版率大大超过这个数值，报纸就变成了“画报”又会产生过于活泼、信息量缺乏和不够严峻等感受因此图版率的设定也要求我们依据实际的设计需要和针对的对象来估 计。我们很不情愿去

22、阅读图版率为 0%的紧急版面，但同时我们也很难承受一份图版率过高的经济类报纸。固然，在这里我还要告诫某些爱钻牛角尖的同学：图版率不需要真的去测量面积，或许目测估摸就行！固然在后期的实际操作中我们会觉察图版率和视觉度存在着共性，同等的视觉度照片， 当它面积越大，图版率越大，而版面的活泼程度也就相对大起来。3、文字所能传递的信息是设计不行或缺的！能依靠图形去传递信息，这是无可厚非的。比方我们的一些纯粹的海报、影视广告等等，我受众的设计来说，想完全回避文字是不太可能，也是没有必要的。图文并茂始终是老百姓们更加简洁接收！觉上、信息传递上更完整，可谓锦上添花，画龙点睛。4、没有文字的版面显得空洞下面两个设计，你更宠爱哪一幅呢？那么受众又更情愿看哪一幅呢？ABA 图用独特的图形传递这个协会话剧表演争辩之类的协会的性质，很有创意，画面感觉很有设计感，这也是我们同学们经常乐于使用的版面少文字，甚至不要文字。 但是我们明显不能从这幅画面中获得更多具体的信息。所以 B 面的独特将抓住人们的眼球，更带给人深刻的印象，参加文字后觉察，文字所能传递的 信息是设计不行或缺的！再看一个例子：一个大学里某组织的募集传单，明显是想表现这个组织会给你宽阔的呈现空间。 滑翔翼简洁地表现了安静无声的空间，但是好似这更像一张