购买

¥ 2.0

加入VIP
  • 专属下载特权
  • 现金文档折扣购买
  • VIP免费专区
  • 千万文档免费下载

上传资料

关闭

关闭

关闭

封号提示

内容

首页 版式设计第2章版式设计的原理PPT

版式设计第2章版式设计的原理PPT.ppt

版式设计第2章版式设计的原理PPT

东北往事
2019-06-03 0人阅读 举报 0 0 暂无简介

简介:本文档为《版式设计第2章版式设计的原理PPTppt》,可适用于职业岗位领域

第章版式设计的原理版式视觉空间的构成元素版式的视觉流程版面的排列版式设计的基础类型课题概述:本章主要介绍了版式设计的构成元素。其中通过版式设计的视觉流程、版面安排以及版式设计的基本类型从而对版式设计的版面视觉空间的构成元素进行深入了解。教学目标:对版式设计的原理的学习与掌握以及对版式设计中构成元素、视觉流程、版面的排列的认识能够熟练地将版式设计原理运用到实际版式设计当中。章节重点:了解版式的构成元素并熟知版式设计的视觉流程、版面排列以及版式设计的基本类型的任务。*版式的视觉构成元素版面设计的效果要达到既新颖、美观、大方又与自身定位相结合关键在于版面构成给人视觉上的感受。了解版面的视觉构成元素是关键的一步视觉构成元素主要指点、线、面不同的组合给人不同的心理感受。点的编排构成所谓点就是细小的形点是相对于其他元素的比例而决定的而不是由自身的大小而决定的它是视觉设计的最小单位越小的形越容易被认为是点理想的点是圆点。下面我们来谈谈点的编排构成点的编排有密集和分散两种。*图点的密集版式图点的密集型示意图所谓密集就是点的数量众多排列疏密有致以聚集或者分散的原则方法形成的构图形式。(见图~图)()密集型图将不同大小、疏密有致的混合排列形成散点式的构图形式。这种聚散的大小重叠、交叉字体大小比例适中形成一幅成功的招贴设计。*()分散型其实点作为一种视觉元素意义非常广泛在版式设计中起到了平衡、强调、跳跃等作用。图点的分散版式分散型的排列形式就是运用剪缺和分解的基本手法破坏形通过破坏后所形成的新构图效果就是点的分散形排列。(见图~图)图点的分散示意图*线的编排构成有人说线就是点的移动轨迹线又被称为过长的形象即其长度跟宽度形成强烈对比时就能称为线。线可以是移动的也可以是静止的。线也可以构成各种装饰元素以及各种形态它们起着分隔画面形象的作用。线在设计中的影响力远远大于点。线要求在视觉上占有很大一部分空间它的延伸带来一种活力。(见图)图线的表现形式直线:单纯、明快、刚硬粗直线:笨重、有力细直线:敏锐、脆弱锯齿线:不安、焦虑水平线:安定、平静垂直线:严肃、庄重斜线:速度、飞跃曲线:柔和、优雅*文字排列的线由于组成线的点按照规律、大小、方向的变化使构成线条运动、跳跃、有节奏、有韵律的感觉使整个画面具有无穷的想象空间。(见图)图线的节奏线的编排构成分为有节奏的、有情感的、有空间关系的。每条线都有自己独特的性感存在将不同的线有节奏的编排于版式中就能形成各种不同的效果。()线的节奏*在画面上直线与曲线给人的视觉效果是不一样的直线一般代表男性化刚硬而有力曲线一般用来表示女性的线条柔美。因此我们在运用线条之前应该线的表现有一定的了解才能产生你所要表达的情感意义。(见图)图线的情感()线的情感线不仅仅具有情感上的因素线还具有方向性、流动性、延续性与空间感。线条的起伏荡漾所产生的视觉空间的深、广度给设计带来了宽广的思维空间。线条的微妙变化显示了设计的含蓄与情感表现。放射性线条使画面视觉表现强烈具有爆发力。(见图)()线的空间图线的空间感*面的编排构成图面的几何直线形几何直线形:如方形、三角形、菱形面是线重复密集移动的轨迹和线的密集形态也可理解为点的放大、点的密集或线的重复。面在空间上的占有面积也最多因此在视觉上要比点、线来得强烈同时具有鲜明的个性特征。几何形和自由形是面的两大类型。面的形状和边缘对面的性质也影响着面的表现形态在不同的情况下会使面的形象产生很多变化。从整个视觉要素来看面的视觉影响力最大它们在画面上有着举足轻重的地位。(见图~图)几何曲线形:如圆形、椭圆形自由形:自由直线形、自由曲线形图面的几何曲线形图面的自由形*面的分割构成主要表现为线条对一张图片以及多张图片进行的分割整齐有序地排列在版面上。像这样的分割编排版面具有强烈的秩序感与整体感使版面产生严肃、稳定的视觉效果。(见图)()面的分割构成面具有多重性格让人感觉到它的丰富内涵有时动态、强势、有韵律能够塑造立体感也会给人很多错觉感。(见图)()面的情感构成图面的分割图面的情感*点线面的混排图点线面混排一个完整的版面主要是点、线、面的有机结合而组成的。在版面中的点由于大小、形态、位置的不同所产生的视觉效果和心理作用也不同。点的流向编排就形成了线线的密集排列就形成了面。点、线、面是相对而言的根据它们在画面中的比例关系决定。在很多应用性版式设计中文字构成线占据画面的主要地位成为设计师处理的重要对象。(见图~图)图点线面混排在右图中黄色代表点绿色代表线整个版面就形成了一个面。这就是点线面的结合表现。*版式设计中的其他构成要素图比例关系构成空间层次版面设计主要是由不同的元素巧妙的搭配而形成。现在我们来了解一下版式设计中的其他构成要素。()三维空间的编排构成所谓三维空间就是立体的看得见摸得着的。在平面上的三维空间是制造的一种假象看得见而摸不着的。采用近大远小比例的对比位置的不同还有肌理的突显而制造的空间层次。)比例关系的空间层次面积大小的比例关系在版面编排的时候将主体形象进行放大使版面形成良好的主次、强弱的空间层次关系。(见图))位置关系的空间层次将文字与图形重叠排列所产生的空间节奏感。)所谓肌理空间层次主要表现为肌理的粗细、质感与色彩的变化。*图版面色彩构成()色彩构成色彩也是版式设计中重要的构成元素。不同的颜色使人产生不同的情绪从而引起人的心理发生变化。心理学家对颜色与人的心理健康进行了研究。研究表明在一般情况下红色表示快乐、热情它使人情绪热烈、饱满激发爱的情感黄色表示快乐、明亮使人兴高采烈充满喜悦之情绿色表示和平使人的心里有安定、恬静、温和之感。总之各种颜色都会给人的情绪带来一定的影响使人的心理活动发生变化。在版式设计中颜色也是很重要的一个视觉元素本身就具有强烈的空间感。合理的利用色彩搭配能吸引人们的注意更让人印象深刻。(见图~图)图版面色彩构成*版式的视觉流程每一个版面都有一个视觉流向要想在视觉上有所突破就得在视觉流向上下好功夫。版面构成的视觉流程主要是指平面上各种不同元素的主次关系是设计上处理起始点和过程的一种阅读节奏。单向视觉流程在解读或认识一些平面读物的时候都会有一定的先后顺序和主次关系设计师在编排的过程中特意的采用某种形式来引导人们的视觉流向这就是编排设计中的视觉流程。视觉流程的编排在展现设计师个性化的同时也要符合人体视觉习惯过分夸张反而得到适得其反的效果。单向视觉流程是按照常规的视觉流程规律引导读者的一种视觉走向使版面的视觉走向更简洁明了。(见图)图招贴设计版面*图直式视觉流向单向视觉流程具有三种表现形式:()直线式视觉流程:视觉流向简洁有力具有稳固画面的作用在引导读者的同时稳定了画面。(见图)()横式视觉流程:主要视线是水平的左右看具有温和的画面情感给人一种很安静的感觉。(见图)()斜式视觉流程:主要视线是左上角与右下角之间给人倾斜的视觉效果与不稳定的心理感受。斜式视觉流程具有强烈冲击力能有效地吸引人们的注意。(见图)图斜式视觉流向图横式视觉流向*重心视觉流程我们在看一个版式设计的时候视线接触画面常常迅速由左上角到左下角再通过中心部分从右上角经右下角然后回到以画面最吸引视线的中心视圈停留下来这个中心点就是视觉的重心视觉重心有着稳定版面的效果可以使版面具有平稳的视觉效果给人可信赖的心理感受没有重心的版式设计是失败的。图重心在左侧图重心在右侧版式设计主要表现在视觉上优秀的版式设计主要表现为版面上元素构成达到和谐的比例关系形成的一种视觉平衡。根据版面所表达的含义来决定视觉重心的位置能更好、更准确的传达信息。(见图~图)*反复视觉流程所谓反复视觉流程就是以相同的或者相似的元素反复排列在画面中给人视觉上的重复感。设计师采用这种重复形的图案增强了图形的识别性增加了画面的生动感形成了画面的统一性与连续性。给人整齐稳定有规律的感觉增添了整个版面的节奏与韵律。图反复视觉流程示意图图反复视觉流程在完全相同元素重复的同时也有主要的表现方式在相同中找差异在整齐中求变化这就是反复视觉流程中的特异视觉流程。采用突破的手法违反秩序以突出小部分元素来展现面的趣味感而且吸引读者的眼球使整个版面更具有生气。(见图~图)*导向性视觉流程图导向视觉流程()放射性视觉流程所谓导向视觉流程就是设计师在设计上采用的一种手法引导读者按照自己的思路贯穿整个版面形成一个整体的、统一的画面。(见图)十字形视觉流程就相当于在画面上画了一个十字架这个十字架的中心就是整个版面的视觉中心。同时也引领了读者的视线从四周往中间集中突出了重点发挥出最大的信息传达效果。所谓放射性视觉流程是采用点与线作为引导作用把散落在四周的所以元素统一在一个圆点上达到统一画面的视觉效果整个画面赋有动态感。(见图)()十字形视觉流程图放射性视觉流程*散点视觉流程散点组合将图片散点排列在版面各部位版面即充满自由轻快之感。散点组合编排时注意图片大小、主次的搭配方形图与退底图的配置同时还应考虑疏密、均衡、视觉方向程序等。散点视觉主要分为发射形与打散形。发射具有一定的方向规律感发射中心就是视觉的焦点所有元素都向中心集中或由中心散开具有强烈的视觉效果。图打散视觉流程打散就是把一种事物分解再组合的构成方法就是把一个完整的东西分成几个部分然后根据版式设计构成原则进行再次组合。这种方法可以帮助我们了解内部结构从不同的角度去观察事物用分割的结构元素再组合成一种新的心态产生不一样的美感。(见图)*版面的排列版面的排列主要表现为版面上各类元素的和谐搭配在编排的过程中必须做到信息传达的逻辑关系一致、主次分明表现合理。图以图形为主的杂志版式设计版面的大小比例版面的主要元素是文字、图形、色彩等通过点、线、面的组合与排列构成的并采用夸张、比喻、象征的手法来体现视觉效果既美化了版面又提高了传达信息的功能。(见图~图)图以文字为主的杂志版式设计图以图形为主的杂志版式设计*图两栏对称示意图对称所谓对称就是以中轴线为轴心的上下对称、左右对称以原点为基准的散点放射性对称。对称画面的特点是使画面统一、庄严给人高品质、可信赖的感觉。对称是属于左右版面完全一样的版面均衡是在视觉上给人左右平衡的感觉但是不对称。对称与均衡的结合可以使整个版面变的更趣味性具有生动、活泼、明确的视觉效果。(见图~图)图三栏对称示意图图三栏对称版面*黄金版面黄金比例是希腊建筑美的基准(:)这个传统比例一直影响着社会美学。黄金版面在很多作品中都存在它所分割开来的两个页面部分的比例是自然界和谐共存的一种表现。符合黄金分割的比例形式最容易引起人视觉上的美感。(见图)图黄金比例设定黄金比例的主要步骤:()选择一张正方形的纸()按照中轴线对折形成两个相同的长方形()在纸上画出一个等腰三角形()以等腰三角形的顶点画一条弧形()以圆弧和基线的的交叉点画一条垂直线使原来的正方形变成现在的长方形就形成了标准的黄金比例。*图对比与平衡对比和平衡对比可以是形态上的也可以是色彩和质感上的。对比使画面具有明了、强烈的视觉效果。平衡是一种相对的稳定状态在版式设计中主要表现为版面的上下左右比例适中左右版面接近均衡的版面结果在视觉上给人平衡稳定的视觉效果。(见图~图)图对比与平衡对比和平衡在版面结构布局上四边与中心有着潜在的重要性。四边是指版心边界的四个点把四边连接起来的斜线即对角线交叉点就是中心。编排的时候通过四边和中心结构使版面更具多样化视觉效果。*图破型版式破型破型也就是在版式设计中这个ldquo破rdquo是指打破拘束、打破平衡、增添动感的手法。版式设计中注重版面上设计元素之间的结构关系这种结构能关系可以帮助读者与设计师之间的交流。图破型版式破型的设计表现出一种创意。打破传统的网格结构可以自由发挥想象破型的版式表现应注意把持这个尺度不能太过必须考虑到受众是否能够辨别出并从中获得信息这才是版式设计的主要目的所在。(见图~图)*版式设计的基本类型在做版式设计时经常会采用不同的版面形式来传递信息。不同的版面有其自身的规律下面介绍几种常见的版式设计类型。图满版型版式如图整个画面都是采用了一整张照片的形式进行信息宣传当照片放大到一定的比例在视觉表现上具有强烈的视觉效果吸引人们注意。满版型版式设计具有传播速度快、视觉表现强烈的宣传效果是版式设计中最主要的表现形式。(见图)满版型版式设计满版形主要以图片传达信息以图片充满整个版面。在视觉传达上直观表现强烈。根据版面的需要文字的位置编排在版面的上下、左右、中心点上层次清晰传达信息准确明了。满版型给人大方、直白的感觉常用于平面广告中。*分割型版式设计在平面构成中把整体分成部分叫分割。分割也是版式设计中重要表现手法分割可以调整画面的灵活性对画面进行一些取舍再拼贴形成另一种风格的版式。下面介绍三种常用的分割方法。第一种是等形分割。分割形状完全一样分割后再把分隔界线加以调整取舍达到的一种有良好的效果。第二种是自由分割。自由分割就是不规则的、无限制的将画面自由分割的一种方式它不同于数学规则分割产生的整齐效果但随意性分割使画面产生活泼不受约束的感觉。第三种是比例与数列。利用比例关系完成的构图通常都具有秩序、明朗的特性给人清新的感觉。分隔具有一定的法则如黄金分割法、数列等。*图等型分割图自由分割图采用了分割的手法使画面变得有生气不像一张单一照片那么呆板。分割的版式具有强烈的空间感展现了版式的灵活性。图比例分割图分割版式分割型版式设计在版面上采用分割再拼凑的版面以一种打破常规的版面构成形式在视觉上吸引人们吸引人们注意表达一种冲击活跃的版面效果。(见图~图)*倾斜型版式设计倾斜型版式设计主要表现为:版面主体形象或多幅图版做倾斜编排造成版面强烈的动感和不稳定因素引人注目。图正三角形版式三角型版式设计根据人们对图形的认识三角形想对于圆形、四方形等基本形态是最具安全稳定因素的形态。在版式设计中三角形版式分为两种。第一种是正三角形版式。正三角形自古以来都是象征稳定的图形被人们认为是最具稳定感的图形存在。在版式设计中正三角形的版式设计给画面更稳定、更安全、值得信赖的感觉。(见图)图倒三角形版式第二种是倒三角形版式。倒三角形则给人以动感和不稳定感。(见图)*曲线型版式设计图曲线型版式自由型版式设计自由型版式设计在版面结构中采用无规律、随意地编排构成使画面产生活泼、轻快的感觉。自由型版式设计没有网格的约束在排版上体现个性风格化设计。在编排的过程中要注意把握画面的协调性。(见图)图自由型版式曲线型版式设计就是在一个版面中图片或文字在排列结构上作曲线的编排构成所产生的节奏和韵律。曲线版式设计具有一定的趣味性让人的视线随着画面上元素的自由走向而产生变化。(见图)*教学实例mdashmdash版式设计中的版面编排类型与视觉流程的不同编排所产生的版面视觉效果。餐饮杂志版面图图每个版面中图形与文字的编排不一样所构成的版面结构与版面形式也会有所不同根据版式设计的不同类型分析版面的视觉效果。如图~图是一张餐饮杂志的单页版面该运用出血图的编排形式图片中元素的运用能有效的吸引消费者的注意。从版面编排类型来看在杂志版面运用的是满版型的编排形式突出版主题满版型版面的运用使版面具有活跃性给人强烈的视觉效果。*图图书籍内页版式根据书籍版面中视觉重心的位置编排分析版面所产生的视觉效果。视觉重心是设计师考虑将主要信息或视觉流程的停留点安排在瞩目价值高的最佳视域使得主题一目了然。在版面中不同的视域瞩目程度不同给人们留下的心理感受也不同。如图~图中该版面图片编排在版面的上部具有强烈的视觉效果文字编排在图片的下部具有信息说明的作用。该版面的视觉重心设置在上部给人以轻松、愉快之感。*设计点评通过对版式设计构成元素、视觉流程及版面排列的学习有了一定的了解现在我们来看看版式设计的这些原理在实际版式中应该如何处理。图点评:该设计为杂志宣传广告整个版面以图片为主要表现因素。在版式设计中图片的比例大小对整个画面的视觉效果有着很到的影响。图片比文字更能吸引人们注意。右图采用了满版型的版式设计从画面上强调宣传目的。文字根据画面的需求进行有机的调整排列使整个画面显得和谐层次清晰达到了宣传的目的。图*图图图~图点评:本设计为两张招贴设计招贴设计版面简洁明了主要版式是以突出视觉传达为基本。从视觉上看这两张招贴设计有着不同的视觉中心点不同的视觉中心给人不一样的视觉传达效果。图的视觉中心在上部给人以轻松、愉快、视觉向上扬升的感觉。图视觉中心在下部给人一种下坠、沉重、消沉、稳定的感觉。*图图图点评:该设计是杂志版面设计以相同的图形反复排列增强了图形的识别性图形色彩选用单一的黑色与文字的呼应增加了画面的生动感。为了使画面更能吸引人们的目光。版面中的图形在规律中又显出细小的差别突破了常规的单调为版面增添了趣味性在视觉传达上给人醒目、生动的视觉效果。图点评:该版面是一张招贴设计从画面的颜色分析红色代表激情奔放有活力具有强烈的视觉效果。此招贴设计中线条给人一种波动的心理感触整个版面采用横式视觉流程在激情中显安静在动态中显平和使整个版面生动具有了乐趣。但是文字太小不符合招贴设计的基本表现形式不能很好的传达信息。*图图图点评:该设计是一张招贴设计从版面的排列可以看出整个版式采用了左右对称的编排模式以画面的中轴线把左右两边分开形成鲜明的对比。使画面内容更丰富、层次清晰、耐人寻味。版面中采用了卡通与现实的对比给人无尽的联想空间同时使版面具有强烈的视觉冲击力。图点评:此设计为一张杂志版面设计整个画面简洁、空旷、主体突出。从整个版面构成形式来看主体物之间采用了对比、夸张的手法使画面在简洁中具有乐趣。画面中文字排列在整个版面的下部起到了稳定画面的视觉效果文字间比例关系较小体现了高质量的视觉效果。此版式设计画面生动、层次清晰、主题突出符合杂志广告的基本要求达到了宣传目的。*课后练习.通过对上面版式设计版式类型与视觉流程的学习。应用所学知识及原理以招贴设计为主要信息载体进行点、线、面的编排练习。在编排过程中可以采用文字、图形、图像资料注意点、线、面的合理搭配构思设计草图。创意思路:根据主题归纳分析结果运用版式设计的视觉传达要素及版式设计基本排版类型等基本原理对主题版面进行构思设计逐步形成草图先运用手绘搞表现草图。最主要是要传达正确的信息要有完整的设计定位、风格设计等。要求主题表现突出体现点、线、面的合理搭配视觉传达效果突出。图*.通过对版式设计的排列方式与版式设计的视觉流程的了解根据所学到的知识对版面上的各种元素进行编排设计要求利用前面所学的各种版式类型进行实际编排体现版式设计排列方式与视觉流程。创意思路:根据所学的版式设计的知识运用到实际版面中。在编排过程中首先确立所要编排的内容与主题其次对主题进行分析并确立目标最后根据对版式设计知识的总结进行版式设计。版式可以采用对比、平衡、满版、倾斜等各种表现手法。视觉上也可以是单向视觉流程、反复视觉流程、散点视觉流程等根据版式的排列来了解学习过程中的不足之处。图*************************************

VIP尊享8折文档

用户评价(0)

关闭

新课改视野下建构高中语文教学实验成果报告(32KB)

抱歉,积分不足下载失败,请稍后再试!

提示

试读已结束,如需要继续阅读或者下载,敬请购买!

文档小程序码

使用微信“扫一扫”扫码寻找文档

1

打开微信

2

扫描小程序码

3

发布寻找信息

4

等待寻找结果

我知道了
评分:

/36

版式设计第2章版式设计的原理PPT

¥2.0

会员价¥1.6

VIP

在线
客服

免费
邮箱

爱问共享资料服务号

扫描关注领取更多福利