版式设计课件.pptVIP

版式设计要素版式的视觉流程 视线随着各元素的排列位置在空间中沿一定轨迹移动的过程就是视觉流程。这一空间运动存在于任何一幅版式设计之中。 1、直线视觉流程使页面的流动线更为简明，直接地诉求主题内容，有简洁而强烈的视觉效果。直线视觉流程表现为三种形式： 竖向视觉流程：给人坚定、直观的感觉。 横向视觉流程：有稳定、恬静之感。 斜向视觉流程：以不稳定的动势引起注意。 明确、简洁的竖向视觉流程 横向的视觉流程，向人们传达出稳重、可信的视觉 斜向视觉流程，使页面产生动感 版式设计要素版式的视觉流程 焦点视觉流程焦点，是指视觉心理的焦点。每个页面中都有一个视觉焦点，这是需要重点处理的对象。焦点是否突出，和页面版式编排、图文的位置、色彩的运用有关，同时也与对“焦点”着力描写有关。在视觉心理作用下，焦点视觉流程的运用使主题更为鲜明、强烈。 在具体的处理上，一般沿着视觉焦点的倾向与力度，来发展视线的进程。通常以鲜明的形象或文字占据页面某个位置，或完全充斥整版，集合浏览者的视线，完成视觉心理上的焦点建造。另外，向心、离心的视觉运动，也是焦点视觉流程的运用形式。 按照主从关系的顺序，使放大的主题形象成为视觉焦点，以此来表达主题思想。 运用图片大小的对比引起视觉的流动 对主题图片的遮挡，引发浏览者一探究竟的兴趣 在主题形象四周增加空白量，使之成为视觉焦点。留白使页面简约大方，更加突出了主题 通过在主体产品周围留白吸引视线 这是一个典型的运用焦点视觉流程的例子 页面中的方形图无疑首先吸引了浏览者的视线 具有独特个性风格的首页设计,视觉流程清晰 版式设计要素版式的基本类型 1.骨骼型  版式的骨骼型是一种规范的、理性的分割方法，类似于报刊的版式。常见的骨骼有竖向通栏、双栏、三栏、四栏和横向的通栏、双栏、三栏和四栏等。一般以竖向分栏为多。这种版式给人以和谐、理性的美。几种分栏方式结合使用，既理性、条理，又活泼而富有弹性。 2.上下分割型 分为上下两部分，其中一部分放置图片，另一部分放置文字，图文动静结合，相得益彰。 版式设计要素版式的基本类型 上半部用作视觉表现，引发情感，下半部用来解释说明。 水平不均匀分割：如果上半部安置主体内容，则面积适当加大。 3.左右分割型 分为左右两部分，左右比例可均等，也可以大小不等，用积极的线进行分割，则左右关系强烈、生硬；如用虚化、消极的线分割，则左右关系融洽、柔和。 4.满版型以图像诉求为主，将图像充满整版，视觉效果强烈、直接。文字配置可根据需要或压于四周或沿图像的动态、眼神、走势、重点部位放置。 两大排白色文字很容易就吸引你的目光，因为作者充分利用了图中人物的姿态，好象一手托着字而另一只手往下按着字，自然而然地吸引你的视线，达成设计目的。 虽然图片上的字很多，却还是给人一种很清爽的感觉，设计者利用衣服的色彩以及走势打入文字来吸引目光，不失为聪明之举。 戏剧性，作者利用了被摄者拉购物车的这一生动姿态来编排文字。 5.对称型对称型给人以理性、稳定之感，有时可以加入倾斜的分割或视觉效果强烈的底图，以避免版式过于庄重、理性。 6.中轴型可分为垂直中轴与水平中轴两种。垂直中轴显得强势、动感、坚定；水平中轴显得含蓄、安静、平和。 7.倾斜型主体形象倾斜或多幅图片倾斜排列，使版面充满动感和不稳定感，更加引人注目。 8.重心型将引人注目的图像或最重要的信息放置于版面的重心位置，使读者的视线迅速被其吸引，随后引向版面其他元素。 版式设计要素字号、字距、行距、标题字 字号：标题14点以上 正文7、8——14点 粗字易造成强烈视觉冲击力，细小字体温和和引导视线连续性。 细小文字构成版面，精密度高，整体性强，纤细、雅致、有现代感 字距、行距：对引导阅读非常重要，过窄相互干扰，阅读吃力；过宽，缺乏 连续性。 文字编排基本形式： 左右均齐：整段文字左右两段长度平齐。 居中对齐：以中心垂直线为中心轴线，每行文字两端到中间距离相等，字群中心突出，整体感强。 齐左齐右：一端自然形成光滑直线，另一端不规则轮廓形成鲜明对比，虚实结合，松劲适度。 版式设计要素字号、字距、行距、标题字 文字的强调： 标题强调：需要特别强调的部分，在字体、字号、颜色、位置上都需要精心设计 其他文字强调：可改变字体、放大、变色、加框、划线、衬色等 文字的群组编排：不同内容的多组信息组合，可用加宽行距，插入线条，改变字号等方式区别。 文字的图形编辑：使文字形成一条线，一个面或图形，使图中有文，文中有图，相互补充，使版面生动有趣。 文字编排的局部处理： 首行强调：正文第一个字放大，在正文中起到强调