版式的类型与视觉流程——版式设计系列.ppt

版式的视觉流程 在平面空间内，视线随着各元素的排列位置在空间中沿一定轨迹移动的过程。这一空间运动存在于任何一幅版式设计之中。 -----------视觉流程 1、直线视觉流程使页面的流动线更为简明，直接地诉求主题内容，有简洁而强烈的视觉效果。直线视觉流程表现为三种形式 版式的视觉流程 竖向视觉流程：给人坚定、直观的感觉。 横向视觉流程：有稳定、恬静之感。 斜向视觉流程：以不稳定的动势引起注意。 明确简洁的竖向视觉流程 横向的视觉流程，向人们传达出稳重、可信的视觉 斜向视觉流程，使页面产生动感 2、焦点视觉流程安排图像或文字等元素占据平面空间内的焦点位置，使视觉沿着焦点的倾向与力度，来发展视线的进程。 版式的视觉流程 通常以鲜明的形象或文字占据页面某个位置，或完全充斥整版，集合浏览者的视线，完成视觉心理上的焦点建造。另外，向心、离心的视觉运动，也是焦点视觉流程的运用形式。 按照主从关系的顺序，使放大的主题形象成为视觉焦点，以此来表达主题思想。 运用三组具有大小差的图片对比引起视觉的流动 对主题图片的遮挡，引发浏览者一探究竟的兴趣 在主题形象四周增加空白量，使之成为视觉焦点。留白使页面简约大方，更加突出了主题 通过在主体产品周围留白吸引视线 这是一个典型的运用焦点视觉流程的例子 具有独特个性风格的首页设计,视觉流程清晰 约束型版式 自由型版式 版式的基本类型 ·······受网格限制的约束型版式 版式类型可以归纳为 ······不受网格制约的自由型版式 受网格限制的 约束型版式 不受网格制约的自由型版式 网格 网格是设计得以成立的基础，它使设计师能将丰富的设计元素有效地安排在一个页面上。从本质上说，它是一件设计作品的骨骼。 ---------什么是网格？ 为所有设计元素提供一个结构，使设计创造更加轻松、灵活，给设计带来秩序感和结构感。 ---------网格的用途？ 网格 网格 三分法---------3×3网格，其网格线的交叉点是“热点区域”。 元 素 法则 网格 元 素法则 奇数法---------构图中奇数元素比偶数元素更能引起观者的注意。 网格 元 素法则 奇数法---------构图中奇数元素比偶数元素更能引起观者的注意。 约束类型 1.骨骼型  版式的骨骼型是一种规范的、理性的分割方法，类似于报刊的版式。常见的骨骼有竖向通栏、双栏、三栏、四栏和横向的通栏、双栏、三栏和四栏等。一般以竖向分栏为多。这种版式给人以和谐、理性的美。几种分栏方式结合使用，既理性、条理，又活泼而富有弹性。 版式的基本类型 2.上下分割型 分为上下两部分，其中一部分放置图片，另一部分放置文字，图文动静结合，相得益彰。 约束类型 版式的基本类型 上半部用作视觉表现，引发情感，下半部用来解释说明。 水平不均匀分割：如果上半部安置主体内容，则面积适当加大。 3.左右分割型 分为左右两部分，左右比例可均等，也可以大小不等，用积极的线进行分割，则左右关系强烈、生硬；如用虚化、消极的线分割，则左右关系融洽、柔和。 约束类型 版式的基本类型 4.对称型对称型给人以理性、稳定之感，有时可以加入倾斜的分割或视觉效果强烈的底图，以避免版式过于庄重、理性。 约束类型 版式的基本类型 1.满版型以图像诉求为主，将图像充满整版，视觉效果强烈、直接。文字配置可根据需要或压于四周或沿图像的动态、眼神、走势、重点部位放置。 自由类型 版式的基本类型 两大排白色文字很容易就吸引你的目光，因为作者充分利用了图中人物的姿态，好象一手托着字而另一只手往下按着字，自然而然地吸引你的视线，达成设计目的。 虽然图片上的字很多，却还是给人一种很清爽的感觉，设计者利用衣服的色彩以及走势打入文字来吸引目光，不失为聪明之举。 戏剧性，作者利用了被摄者拉购物车的这一生动姿态来编排文字。 2.中轴型可分为垂直中轴与水平中轴两种。垂直中轴显得强势、动感、坚定；水平中轴显得含蓄、安静、平和。 自由类型 版式的基本类型 3.倾斜型主体形象倾斜或多幅图片倾斜排列，使版面充满动感和不稳定感，更加引人注目。 自由类型 版式的基本类型 4.重心型将引人注目的图像或最重要的信息放置于版面的重心位置，使读者的视线迅速被其吸引，随后引向版面其他元素。 自由类型 版式的基本类型