版式设计的方法
视线的流动（看）——信息（左脑）、审美（右脑）
要解决的问题：
如何吸引？
如何阅读浏览？
如何记录?
如何满足审美？
一、信息的层次关系
01．如何吸引读者视线
版式设计的核心就是吸引人的视线。但这绝不意味着使之显得突兀。如果仅仅是由于突兀而引起他人的注意，不会使人产生任何阅读兴趣，同样是不会受到人们关注的。
极端地说，有时候不管内容多妤人们也
不会细读。这时候就需要能够吸引人的形象或者语言。
语言的冲击力强度，并不单纯是视觉性
的承西，而是能够诉之于人的心灵的。如果宣传不能留住人们的目光，挑起人们的兴趣，那
么人们也就不会继续看下去。
广告语就是一个典型，其作用就是使人瞬间阅读、理解、并引起共鸣。也就是说，要抓住人们的心。
宣传画
无论什么样的宣传画，如果没人看的
话，那就不能传达信息。为了使人关注它，首先必须要吸引入的视线。
抓住人的眼球，即吸引人的视线，叫做将素材醒目化，可以通过形状、色彩和体积来发挥其功能。进一步说，配以高知名度的人物可以提升宣传效果。
对于广告上的人物，我们希望其可以在决定胜负的0.3秒这一极短的时间内发挥作用。例如当海报被张贴在车站时，它能不能吸引路人的视线就十分关键。醒目的标志
http://s2/middle/80032a36gb4190aedf5a1&690
醒目的标题
走着走着会突然间留意到某个标记或者标识。例如，银行的商标标识其形状和颜色从很远处就可以辨认，所以很便于寻找。
将一个事物标识化，使人从很远的地方或在拥挤的人群中，都也可以一眼搜寻到它，这就是醒目标识。醒目标识只要具备以下任何一个要素就能够成立，如醒目的彤状（星星形等）、醒目的颜色（红色和荧光色）、令人
喜欢的形状（心形和苹果形）等。
醒目标识的目的就是为了吸引人的视线。其基本原则是要使人在一瞬间明白这是什么。从这个意义上看说，标识可以说是一种象征和信息。
http://s6/middle/80032a36gb3f32e48f175&690
02-如何引导读者阅读详细信息
当成功吸引了人们的视线之后，接下来的工作就是要挑起人们的兴趣，使他们阅读内容。根据宣传手段不同，内容的构成方法也不同。电视主办方要负责传达信息，而详细的内容宣传则要靠其他媒介来担当。
因此必须要提前了解自己要做的宣传需要起到什么作用。简单点说，就是版式设计要做到人尽其才。
这里将就以宣传详细内容为目的的版式设计进行讲解。
标题确定兴趣，因此，标题要比醒目标识小，比正文（内容简介）大。
对于感兴趣的人来说，详细的内容是不可或缺的。即使这部分的文字略小，感兴趣的人也还是会阅读。重要的是，不要机械地进行版式设计，而是要注意迎合阅读者的心意。
1. 标题类信息
在阅读正文的时候，如果阅读者知道这里写的是什么、其大概内容是什么，那么阅读起来就会方便一些。这就是标题的作用。
标题是对内容的概括，我们希望可以凭借它引起人们进一步的兴趣。
这样的工作本来是属于广告文案作者的职责，但如果设计者了解标题意义的话，就可以在进行版式设计时将其体现出来。标题必须要简洁，要尽可能简短，这样也便于排版。
因为标题是位于正文上方的，所以即使要使用较大的字体，其篇幅也不能超过正文篇幅。
内容简介，顾名思义就是版式设计时将
主体内容作为信息传达给他人的部分。对广告词感兴趣的人可以通过这一部分了解具体的内容。广告词为了抓住人们的心，需要借助“印象性”的东西来达到其效果，而内容简介则需要具有说服力的具体而强势的东西。
要使信息更加具体化，使人们的兴趣从导向部分转移到内容本身的部分。这是一个要点，不能仅仅是广告词的简单重复，而应该使人们了解全部内容的信息。
内容简介既是对全体内容的大概陈述，也起着引导读者进一步了解详细商品信息的作用。
3. 导向类信息
将人们引导向某种目的地或者某种行司j的信息被称为导向信息。地图和交通信息就是其中的典型。基本上所有的事物都会附有导向信息，所以其需求量很大。
为了将人们顺利地引向目的地，很重要的一点是要站在用户的角度去考虑问题。在公司宣传册的地图上经常会标明距离自己公司最近的车站。但因为客人是从车站来的，所以标明从车站到公司的地图才更合适。这也验证了设计者是否站在用户的角度去考虑问题。
导向信息包括活动信息、新发售信息、招待信息及营业信息等。不论哪种信息，都要站在用户或者客人的立场去处理。多数情况下，这样的信息都位于下端。
解说词是指图片等的附属说明文。说明
文被用来说明图片和插图。解说词除了具有说明的意义，还可以被用作标题和电视题目、字幕等。
解说词用英文表述还有name、legend、explanation、note等其他说法。总之从原则上来说，在版式设计中使用的图像，都会附有解说词。
在读者和用户看来，他们最在意的就是这一图像意味着什么。
5. 对话框内信息
在漫画的世界中，对话框是极其常见的。漫画家描绘完人物后一定会紧接着加入对话框。
出场人物的台词就写在这个对话框中。对话框的特点是可以使人感觉到出场人物正在说话。这也是漫画这个虚幻世界所特有的瞬间的真实。
对话框能够使主题内容显得仿佛在“自我说明”。这作为传达商品信息的手段来说是最合适不过的了。超市的商品所附有的标签就是一种立体式的对话框。
03-如何使读者记住企业信息
当读者的视线从广告词进入内容简介时，就代表他已经大概了解了你所发出的信息，并且已经开始产生某种兴趣。
因此，接下来就是版式设计的主体部分了。获得好感一引起共鸣一有所行动。要获得对方的好感，需要柔和而简明易懂的版式设计。要引起共鸣，需要对内容进行充分的解说。而为了使对方有所行动，就要向对方提供极具魅力的信息或者服务。这些都是需要好好表现的。
一个版式设计关系着入场人数的多少，也影响着销售额的多少。而这也正是版式设计的目的所在。
1.标明企业信息
企业不仅对产品负有责任，还连带对宣传手册和指南附有责任。
在版式设计中需要在某个地方清楚标明企业名称、地址和联系方式。不负责任的企业会模糊自己的责任。设计者需要为了维护用户的利益而工作。
很多时候公司名称都是将商标放置在下方，地址和联系方式则刊登在封底。这样做是因为这是读者的习惯使然，要在头脑中保有这种意识。
2.企业服务信息
针对顾客的服务也包括为达到目的而制作的标识。清晰明确的标识能够让人放心并且产生信任。
这不是单纯的引导性信息，而是指作为对该宣传负有责任的人（“主办方”）必须要标明自己的联系方式，同时还要利用这些必须标明的信息使对方记住自己的公司名称和地址。
以此为目的的版式设计，其原则就是简明易懂，基本要求就是要保证地址等信息容易被找到。此外必须要考虑到所有的能吸引客人到店的手段并选定需要登载的项目。很多时候，我们已经了解的事情，对于初次接触的人们来说是很难理解的。
在地址信息中，地图是必不可少的。地图并不需要很华丽，它的重点在于要使客人顺利地到达店里。
二、 处理关系
1.
图文混排——左对齐、居中、右对齐、装箱式
文字与图像的视觉关系
造型的协调与对比、
位置策略
组合应用剪切图像、
利用网格组合图像
2.
网格
3.
网格解构
4. 即兴
三、引导视线和留住视线
（一）视觉流程的类型：
单向
重心
反复
导向
散点
每一个版面都有视觉流向．要想在视觉上有所突破，就得在视觉流向上下功夫。版面构成的视觉流程主要是指平面上各种不同元素的主次、先后关系，是设计上处理起始点和过程
的一种阅读节奏。
1.单向视觉流程
在解读或认识一些平面读物的时候，都会有一定的先后顺序和主次关系，设计师在编排的过程中，特意的采用某种形式来引导人们的视觉流向，就是编排设计中的视觉流程。视觉流程的编排在展现设计师个性化的同时．也要符合人的视觉习惯，如果过分夸张反而得到适
得其反的效果。单向视觉流程是按照常规的视觉流程规律，引导读者的一种视觉走向．使版面的视觉走向更简洁明了，见图24～图26。
http://s8/middle/80032a36gb9c1f7644917&690
http://s6/middle/80032a36gb9c1f7c55705&690
http://s3/middle/80032a36g78f9cbeb08c2&690
单向视觉流程有三种表现形式：
1)直线式视觉流程：视觉流向简洁有力，具有稳固画面的作用，在引导读者的同时又稳定了画面，见图27。
http://s14/middle/80032a36gb9c2010c623d&690
2)横式视觉流程：主要视线是水平的．具有温和的画面情感，给人一种很安静的感觉，见图28。
http://s6/middle/80032a36gb9c20419c295&690
3)斜式视觉流程主要视线在左上角与右下角之间，给人倾斜的视觉效果和不稳定的心理感受。斜式视觉流程具有强烈冲击力，能有效地吸引人们的注意，见图29。
http://s12/middle/80032a36gb9c2058360ab&690
2.重心视觉流程
我们在看一个版式设计的时候，视线常常迅速由左上角到左下角接触画面，再通过中心部分从右上角经右下角，然后回到以画面最吸引视线的中心视圈停留下来．这个中心点就是
视觉的重心。视觉重心有稳定版面的效果．可以使版面具有平稳的视觉效果，给人可信赖的心理感受。没有重心的版式设计是失败的。
版式设计主要表现在视觉上，优秀的版式设计，主要表现为版面上的元素构成达到和谐的比例关系，形成的一种视觉平衡。在版式设计中，视觉重心指的就是整个版式最吸引人
的位置．根据每个版面的需要，视觉重心的位置也不一样。视觉重心偏向画面右边，会给人局限、拥挤、稳重的感觉：视觉重心在左边，给人一种自由、舒适、轻松的感觉：视觉重心在下面，给人下坠、压抑、消沉、稳定的感觉。每个版面的视觉重心点是最吸引人们注意的，根据版面所表达的含义来决定视觉重心的位置．能更好、更准确地传达信息，见图30～图31。
http://s4/middle/80032a36gb9c2086f28c3&690
http://s9/middle/80032a36gb9c20908e248&690
3.反复视觉流程
所谓反复视觉流程，就是以相同的或者相似的元素反复排列在画面中，给人视觉上的重复感。设计师采用这种重复性的图案．增强了图形的识别性和画面的生动感，形成了画面
的统一性和连续性，给人整齐、稳定、有规律的感党，增添了整个版面的节奏与韵律。
在完全相同的元素重复时，也要有不同的表现方式．在相同中找差异，在整齐中求变化，这就是反复视觉流程中的特异视觉流程。采用突破的手法，违反秩序以突出小部分元素来展现面的趣味感，不但能吸引读者的眼球，还能使整个版面更具有生气，见图32～图34。
http://s7/middle/80032a36gb9c20d257e06&690
http://s6/middle/80032a36gb9c20d646b75&690
http://s4/middle/80032a36gb9c20c8242d3&690
4.导向性视觉流程
所谓导向性视觉流程，就是设计师在设计上采用的一种手法，引导读者按照自己的思路贯穿整个版面，形成一个整体的、统一的画面，见图35。
http://s12/middle/80032a36g78f9ce7ca8bb&690
导向视觉流程分为两种：
1)放射性视觉流程就是将点和线作为引导．把散落在周围的所有元素统一在一个圆点上，达到统一画面的视觉效果，使整个画面赋有动态感，见图36。
http://s4/middle/80032a36gb9c2123de2c3&690
2)十字型视觉流程就相当于在画面上画了一个十字架，这个十字架的中心就是整个版面的视觉中心，同时也引导读者的视线从四周往中间集中．突出了重点，最大地发挥出信息
传达的作用，见图37。
http://s16/middle/80032a36gb9c2138e8aaf&690
5.散点视觉流程
散点组合是指将图片散点排列在版面各部位，版面充满自由轻快之感。编排散点组合时，要注意图片大小、主次的搭配，方形图与去底图的搭配，同时还应考虑疏密、均衡、视觉方向程序等因素。散点视觉主要分为：发射型和打散型。
发射型具有一定的方向规律，发射中心就是视觉焦点，所有元素都向中心集中，或由中心散开，具有强烈的视觉效果，见图38。
http://s5/middle/80032a36g78f9cee87e94&690
打散型就是把一个完整的东西分成几个部分，然后再根据版式设计构成原则进行组合。这种方法可以帮助我们了解事物内部结构．从不同的角度去观察事物，用分割的结构元素
再组合成一种新酌形态，产生不一样的美感，见图39。
http://s11/middle/80032a36gb9c2174076da&690
（二）引导视线
1. 自上而下
设计，是一项以顾客为对象的工作。所以名片设计师必须先了解对象。这项工作的对象是人，人都有一定的心理倾向。如果能把握这个倾向，并将其运用到设计中，就能很好地将设计中的信息传达给读者。
我们将这种心理倾向称之为视觉心理。其中，设计者必须掌握的就是视觉引导的技能，也就是要学会如何引导读者的视线。
视觉引导最终关系到设计作品的成功与否。设计师必须具备引导读者视线的能力，让读者关注你希望他们关注的地方。
读者不会强忍着性子耐心去读他们不想读的东西。要想让读者愿意去看，就要会运用人体工程学和视觉心理。运用人体工程学可以很简单地测定出视线的运动轨迹。
如图1左图，著名的rubin的杯。到底什么是图片，什么是背景，关系很不明确，让人很难下定论。
如图1右图，如果颜色相同，视线会集中于大圆。但如果将大圆分成碎块的话，视线则会集中在小圆上。
http://www.leecard.net/images/1290391742.jpg
图1
如图2左图，高筒礼帽的高和宽是一样的，但是垂直高度看起来比水平宽度要长。
如图2右图，方形文字看起来比圆形文字要大。因为圆形的面积较小，所以略微超出边框一些看起来会更平衡。
http://www.leecard.net/images/1290391790.jpg
图2
视错觉
因为眼睛构造的原因，有时候人看东西会产生错觉，我们将其称为视错觉。人们自古以来就知道视错觉的存在，并努力尝试对其进行修正或利用。现在我们已经发现并知道如何纠正的视错觉有很多种。希腊宫殿所使用的凸腹柱中间向外凸起，据说是为了调节看起来向内凹陷的视错觉。水平线的两端看起来是下沉的，所以最好将两端稍微上提。这些原涯矿于谢惟筑物的屋檐、文字的创造等方面。同时有两个圆存在时，上边的圆看起来要比下边的大。因此通常要把8和3上半部分写得小一些，以取得平衡。视错觉也是一种视觉心理，仅仅去修正它并不足够，如果能够积极将其运用到设计之中，也能够获得很好的效果。
视线移动最自然的轨迹就是自上而下。利用这一点来引导视线。
大多数媒体都是以自上而下的视觉引导为基础来进行版式设计的。在报纸中，最重要的新闻都放在页面的最上端。杂志和传单同样如此。
这样的设计原则是由文字的书写方式决定的。横写时，是从上一行换到下一行；竖写时就是从上往下移动。不过，横写时是从左上角开始往下写，而竖写时是由右上角开始往下写。
人们的视线都是从上往下移动的。因此设计师应该将最上面的标题设计得很大，因为人们的视线自―然而然会捕捉大的东西，如图3。
http://www.leecard.net/images/1290391882.jpg
图3
设计传单时，应该把核心商品尽璽安置在页面上端。如果人们对它有兴趣，就会接着向下看。基本上，视线按照Z形轨迹移动。
如图4， big
camere《新生活促销指南》的宣传单。这份传单中充分运用了视觉引导的原理。读者视线首先集中在左上部，看完左半部分后又移到右上部，接着看右半部分。这个设计应用了人习惯从上到下观看的视觉心理。
http://www.leecard.net/images/1290391942.jpg
图4
2. 大到小
人们在日常生活中，通常会先注意到大的东西。特别是当两件东西颜色或材质相同的时候，视线往往会集中在大的东西上。
根据这一原理，应该尽量放大希望吸引读者注意的东西。比如，如果是文字的话，那么读者的视线往往会首先集中在大号字上，所以名片设计标题的字号通常都比较大。
字号越大，越能吸引眼球。吸引眼球的程度被称为“跳跃率”。充分利用跳跃率，可以使画面显得更有活力。
不过，过大的东西人们可能反而会看不到。不能尽收于视野范围内的东西会被忽视掉，所以说并不是越大越好，而是应该保持在适度的范围内。
如图1，人们的视线通常都会被大的东西所吸引。视线通常按照由大到小的轨迹移动。大的东西具有视觉容置，能给人造成视觉冲击吸引视线。
http://www.leecard.net/images/1290392076.jpg
图1
图2，casio《watchcollectionwinter2009》的目录排版十分富于变化。把想要呈现给大家的东西放大展示出来，读者视线就会很自然地被大的东西所引导。这是一个非常棒的设计，可以给读者带来新鲜的视觉感受。
http://www.leecard.net/images/1290392132.jpg
图2
3. 向相邻物体移动
我们的眼球习惯向相邻的物体移动。比如在看人的时候，我们不会看离这个人距离很远的人，而是自然而然去看他旁边的人。
为什么视线会向相邻物体移动呢？因为眼睛在看一个东西的时候，与之相邻的物体已经进入了我们的视野，只要稍稍移动视线，就可以看到旁边的物体。
视线转移也是有条件的。如果你对进入视野的这个相邻物体抱有兴趣，视线就会比较容易转移。尤其当相邻物体与你正在看的东西是相同颜色，或者更加华丽时，转移的可能性就更高。
可以说这是在视觉引导中比较容易应用的一种视觉心理：只要在相邻部分放置你接下来想要呈现给读者的东西即可。这一原则也可以被应用到字与字、行与行之间的关系上。
如图1，各个小版块之间的距离如果不明确，读者的目光就不容易找到落点。如果想要名片设计引导读者视线，就把接下来想让读者看到的东西放得近一些。一定要牢记，人们总是习惯首先欢察最近的东西。
http://www.leecard.net/images/1290392459.jpg
图1
图2是indesigncs4的宣传册。当一个页面中版块很多时，必须保正读者在看其中一个版块时，视线不会转移。这份宣传页被分成三个小版块。为防止视线混乱，版块之间都留有间隙。这种版式设计最终达到的效果就是：这一页上所有的信息關读者们都能浏览一遍。
http://www.leecard.net/images/1290392572.jpg
图2
4. 趋向相同形状
人们的目光习惯向相同形状的物体移动。在视觉引导过程中，若不能利用自上而下、从大到小的视觉心理，可以运用视觉的“同形移动”原理。
实现同形移动最常见的方法就是在各条项目前加星号。这样一来，当读者读完一项时，眼睛会自然移到下一项。
项目符号采用什么形状都可以，只要醒目即可。比较醒目的一般有星号、心形还有圆形。也可以根据情况以照片（比如同一个人的照片）来作为项目符号。
在同时面对很多图形的情况下，眼睛总是习惯寻找跟最先记住的图形相同的形状。比如在图1中，圆形、三角形、方形这几种形状中，如果最先记住的是方形，就算别的图形也有很多，视线也会自动搜索方形。星号也经常被用于同形移动原理中，因为星号比较醒目，―方便使用。
http://www.leecard.net/images/1290393181.jpg
图1
主题明确的标题，能够更好地将信息传达给读者，会让读者想要全面了解版面上的信息。价格标示最好也选用同色同形，这样更容易找到。
图2是集英社的《more》杂志页面设计，将商品真实地展现在读者面前。从这一凸显商品特质的设计中，我们可以感受到设计者高超的能力。白色圆形空间里是商品特性的介绍，根据同形移动原理可以达到视觉引导的效果。
http://www.leecard.net/images/1290393239.jpg
图2
5. 趋向相同颜色
色彩是版式设计中不可缺少的要素，同时也被频繁应用于视觉引导中。色彩的心理效果在视觉引导中的运用就是：人的目光习惯向相同颜色移动。
在一个画面中，同一种颜色分散存在时，视线会自动沿着相同颜色移动。基于这一点，我们可以将一种特定颜色布置在页面
每个版块的开头部分，将其称为标记色。
通常我们愿意使用红色等醒目的颜色来作为标记色。当然，在暖色调画面中，如果有蓝或绿色分散存在的话，视线也会随之移动。画面里有很多小版块时，可以在小版块开头使用标记色。但在一个名片设计版面中，有时很难区分小版块，这时如果搭配图形(圆形、星号等)会取得更好的效果。
图3是palsystem的《mykitchen》的封面。从这一设计案例中我们可以感受到，设计者就是希望读者可以尽可能把这页读完。这可以称得上是十分优秀的设计。根据视觉引导原理，版面开头部分（包括标题）使用醒目的红色，读者会按此依次向下阅读。
http://www.leecard.net/images/1290393302.jpg
图3
图形、文字、记号都可以着色，这里基本都有使用到。不经意间，一个完美应用了视觉引导原理的设计就诞生了。
图4是从上往下依次给记号、文宇、图片着上醒目的颜色，视线会随之移动。
http://www.leecard.net/images/1290393402.jpg
图4
如图5，给相同图形着上醒目的颜色，视觉引导的效果更好。
http://www.leecard.net/images/1290393444.jpg
图5
6. 向下一号码移动
我们从儿童时期起就习惯了编号后按次序阅读。我们自己也会有座位号,或者会按编号顺序进行演汫等。我们生活中还有很多地方会应用到编号。
目光会随编号移动，是因为我们一直就有这样的习惯。如果看到1，就自然会找2，之后又是3，视线就会这样一直移动下去。
这一原理在版式设计中也被广泛使用。在整体构成比较复杂时，这种视觉引导十分有效。将名片制作数字字号稍微放大，使之更容易辨认，再给它们着上相同颜色的话，引导视线的效果就更好了。
用来进行视觉引导的编号，也不全都是数字。我们也经常使用罗马字，有时也使用汉语数字，但伊吕波编号基本上已经不使用了。
如图1，利用编号引导读者视线非常有效。加上编号后，无论怎样读者都不会越过1直接去读3。一定是先看1，再看2。这就是编号的视觉诱导原理。
http://www.leecard.net/images/1290393671.jpg
图1
图2是softbank的宣传杂志《+magazine》的页面设计，可以引导读者走进一个饶有趣味的世界。需要大家认真阅读的文字都是用橙色来书写，让读者知道这是重要的说明。同时又用相同的橙色为项目添加编号，让读者可以按编号阅读。
http://www.leecard.net/images/1290393713.jpg
图2
7. 沿箭头移动
在人类的发明中，对文明有巨大推进作用的，当属文字。文字是从象形文字逐步发展变化而来，但在这么多年的演变中却有某些东西从未发生过改变，这就是箭头。
当然，箭头的形象可能是来源于箭。在名片设计视觉心理中，箭头代表方向和速度。箭头的出现，是因为古希腊毕达哥拉斯学派和柏拉图认为眼睛在捕捉物体时,视线、目光和力量会以物体为目标从眼睛向物体方向传送，把这一想法用图形来表示时，箭头就诞生了。
在公元1世纪的庞贝，箭头被用作男性的象征。在绘画作品《蔷薇物语》(1330年）中也绘有箭头。
如图1，箭头可以按其指示的方向引导视线。矢置方向的引导性强而有力，让人无法抗拒。在图表以及指南中经常用箭头来引导视线。箭头的种类非常多样。
http://www.leecard.net/images/1290480317.jpg
图1
如图2，在brother的justio复印机的综合目录中，使用了很多箭头。画面整体以淡蓝色为基调，所以箭头也是蓝色系的。这样既实现了整体的统一性，又能引导用户耐心看完详细的说明。
http://www.leecard.net/images/1290480388.jpg
图2
02-如何留住读者视线
利用“压角”
版式设计的作用就在于，要留住拿起这个作品的人的视线。可以说如何留住读者视线，就是版式设计的技巧所在。
并不是只有引导视线才是最重要的，有时候也需要阻挡视线，或使视线返回。这也是对视觉心理的应用。人会本能让视线躲开障碍物，也有很多技法是利用这种视觉心理的。
我们要想办法保证让宣传画吸引来的视线不要移开。宣传画、名片制作总是可以吸引视线，让读者在看到宣传画之后会去看正文，这才算是它发挥了效用。
非常具有个性的宣传画，比如人气明星或偶像的照片，会起到固定视线的作用。但是只有美观或刺激，人是不会满足的，视线还是会转移。
而把转移的视线拉回来，就是压角的功能了，如图1。
http://www.leecard.net/images/1290481098.jpg
图1
视线游离的原因
人的视线会从正在看的东西移开有以下几点原因。
1.感觉不喜欢
2.没有兴趣
3.看腻了
4.害怕
5.认为理所当然
人的视线会从醒目的字上移开，就是因为以上某个原因。
这跟与人沟通还略有不同。两个人说话时，视线有时会从对方身上移开，这对双方来说都是一种放松。
然而在名片设计中，如果不能抓住读者视线就是个大问题。所以必须想办法锁住读者视线。
不管是什么样的设计，画面中都需要留有一定的空白。空白，可以给视线留有一定的空间。空白处虽然什么都没有,但却发挥着巨大的作用。
不过，如果空白过多，就会产生很多问题。比如，整个空间看起来太过松弛，失去紧张感。还有可能会使目光游离出画面。结果没能把任何信息传达给读者，这样的设计就成为一个失败品。
这时候我们要使用的就是压角，阻止视线外移。
压角的作用就是在空白处增加紧张感，使视线返回。左图就是没有压角的情况，视线松弛最后外移。而右图加入了压角，产生紧张感，就达到了锁定视线的效果，如图2。
http://www.leecard.net/images/1290481257.jpg
图2
其实用什么作为压角都是可以的。一般比较常见的是logo，但也可以使用没有实际意义的语句或logo。加上这个要素后，人们在看主题图：案时，它们会进入人的视野，阻止视线外移。
图3是glico的“用于PUTshirt宣传活动”的宣传海报。这个设计一针见血，简洁直观地将信息传达给读者。丁恤上的皱褶，是为了突出棉料的柔软度与真实感。左上角加入logo作为压角。
http://www.leecard.net/images/1290481384.jpg
图3
利用“屏障板”
人的视觉心理，既会让人觉得合情合理，又有让人觉得很惊讶的地方。在一个版面中，如果没有一个视觉中心，就会让人感到很迷茫。
好的版面设计，都有它的依据。版面设计中的障碍板或者反射板，都是巧妙应用了视觉心理的技法。下面，我们就这一技法——障碍板进行一下说明。
人的视线比较容易被有冲击性的东西吸引。但是，如果只满足于这一点，视线比较容易直接从那里转移出去，而跃过正文。
在右上角或左上角设计一个竖的隔板，视线触到那里时，就会被挡住。只要那里有一个障碍板，视线就会被锁定在画面里。
在两侧装饰条纹或细线，也可以起到同样效果。通常我们愿意使用不显眼且没有实际意义的东西来充当障碍板。就算是用文字，也不是以阅读为目的，所以只要能阻挡视线外移即可。
如图1，就算视线被醒目字所吸引，可之后就马上离开画面的话，版面里的内容信息也无法传达给读者。只有让读者阅读正文，这个名片尺寸版面设计才有意义。
http://www.leecard.net/images/1290481840.jpg
图1
名片印刷中，用文字做成的线叫做障碍板，加入细线的就叫做反射板。
如图2，在clinique这一大胆的广告里，一个像高大建筑物一样耸立在那里的高跟鞋对面，立着一个唇彩。就像文字所说的那样，这是一个给人视觉冲击的设计。这个设计的精妙之处就在于障碍板，它可以很神奇地将视线诱导到正文部分。
http://www.leecard.net/images/1290481900.jpg
图2
利用“视线流”
版面设计最理想的效果，就是可以让读者将版面全部内容读完。但是，读者的兴致难以捉摸，很可能看完一处，就跳到另一页了。为了避免这一点，就需要一个能引导读者循序渐进来阅读的设计。解决方法就是努力让读者流畅地阅读。其中一个方法就是创造一种视线流。基本上所有的东西都需要视线流。
首先我们要决定想要一个什么样的视线流，以及用什么方法来创造视线流。此时，视觉心理就发挥了很大作用。
如图1，制作视线流最常用的方法就是诱导视线向相邻物体移动。这个名片设计方法利用了人的视觉心理，可以让读者通览全文。
http://www.leecard.net/images/1290482448.jpg
图1
在地面上画一条路，在中心线上画上箭头。这样一来，视线就能顺畅地移动下去。
如图2，目录中的项目总是很多，必须——加以说明，难免会有散乱感。在这个设计中，照片都有大小之分，还编有编号，形成了很好的视线流。同时，变换数字的角度，赋予了画面动感，给人以视觉上的愉悦感。
http://www.leecard.net/images/1290482559.jpg
图2
（三）留住视线
1.
压角
2.
屏障板
3.
视流线
四、视觉的满足：视觉平衡
层次
透气
（一）视觉平衡
（二）层次（跳跃率）
1.
时间层次
2.
空间层次
3.
形态层次
4.
色彩层次
（三）透气
1.
整体
2. 分割
加载中，请稍候......
加载中…
(2012-02-22 11:23:12) 
