新概念版式设计课题二

【课前欣赏】课题二版式设计视觉思维训练一、点的编排构成（一）点的构成形态点位于版面中心当版面只有一个点时，视线集中在这个点上，并且具有紧张性。点偏移版面中心当点偏离版面中心点更具有运动感。当版面中只存在一个点，这个点能够产生强烈的视觉吸引力，成为视觉中心，并随着点的位置不同引起视觉上的不同感受。当点位于版面中心时，可以起到稳定版面的作用，给人一种安稳、庄重的感觉。当点偏移中心时，会产生错觉的跳动，给人一种活泼、别致的感觉。任务一版面的构成元素课题二版式设计视觉思维训练当版面上存在两个相邻的点时，由于点的张力的作用，会产生线的感觉。当版面上存在三个点，并在不同方向上分散排列时，会形成三角形的感觉当版面上存在三个点以上，不仅能产生线感，还能产生面感。当版面上点有大小时，大的点比小的先更易吸引人的注意力。视觉移动以点的大小为序，一定程度上可产生方向感和运动感。当版面上多数点密集的排列时，在视觉上会形面一个虚面，并且根据点的不同组合方式，所形成的现也给人带来不同的印象。任务一版面的构成元素课题二版式设计视觉思维训练（二）点的构成应用1、单一点版式中通常运用单一的点来突出主题，凝聚视线的作用。任务一版面的构成元素课题二版式设计视觉思维训练密集点——社会文化招贴分散点——“死亡树”生态海报2、整体点版式中通常也运用整体的点排列不同，来产生虚实、聚散、空间等丰富的节奏变化。任务一版面的构成元素课题二版式设计视觉思维训练•点的面化——竹尾纸展系列海报•点的排列——尼古拉斯·卓斯乐海报作品任务一版面的构成元素课题二版式设计视觉思维训练二、线的编排构成（一）线的构成形态线是点延伸，是点的运动的结果。线的表现形态自由多变，线会因方向、形态的不同而产生不同的视觉感受。一般我们可将线分为直线和曲线两大类。直线中又可分为折线、平行线、放射线、交叉线等；而曲线则分为弧线、涡旋线、抛物线、波浪线、自由曲线等。在视觉感受上，直线一般代表男性，给人挺拔、理性、速度、阳刚的感觉，而曲线一般用来表示女性，给人流畅、感性、韵律、柔美的感觉。当线的变化多样，不同粗细、不同方向的线给人的感觉也是不同的。如同样的直线，垂直线给人以挺拔、平稳的感觉；水平线给人延伸、安定的感觉；而倾斜线产生惊险、运动、不安定的感觉。线是点移动得到的轨迹线的性格对比线的性格对比水平线：静止、安定、舒展、延伸垂直线：严肃、明确、坚强、挺拔、刚毅斜线：方向、速度折线：不安、焦虑曲线：柔和、优雅自由曲线：潇洒、随意、优美任务一版面的构成元素课题二版式设计视觉思维训练线表现出来的情感，还受到线条排列、大小以及肌理的影响。如线的粗细，产生远近作用，给人视觉上的感受是粗线在前，细线在后，产生立体感。线的不同排列也可以传达出不一样的情感，通过线条的有序或是无序的组合，可以为版面制作出空间感、秩序感。同样，不同材质的线条会让人产不同的心理感受，如毛糙的线给人粗犷、朴实的印象，光滑的线让人感觉平静、纯洁、流畅。粗细对比立体感空间感肌理线条任务一版面的构成元素课题二版式设计视觉思维训练（二）线的构成应用1、有线的线有形的线是指由点、线条、字体、图形等元素的排列构成线。不同形式的表现出来的线带有不同的性格特点，给人们带来不一样的心理感受，传达不一样的情感，可以在版式面制造不同的节奏感，出可以带给版面的心理感受，传达不一样的情感。曲线——音乐海报曲线——可口可乐广告任务一版面的构成元素课题二版式设计视觉思维训练任务一版面的构成元素课题二版式设计视觉思维训练2、无形的线无形的线是只版式结构中的的轴线、骨格线等，是一种虚拟的线，它是由视线在版面上随着元素移动的而构筑在心理中的“线”。它们可以组合理顺各种图象和文字在视觉。任务一版面的构成元素课题二版式设计视觉思维训练三、面的编排构成（一）面的构成形态面有长度、宽度、无厚度、有方向位置。点的扩大，线的宽度加大以及点、线的密集均可形成面。面的表现也包容了各种色彩、肌理、图片形象等各方面的变化，面表现性的最显著的特点是形态和大小。面的形成面的形态类型分为：规则形体的面、无规律形状的面规则形体的面：方形、圆形、三角形等无规则形体的面任务一版面的构成元素课题二版式设计视觉思维训练（二）面的构成应用面在版面中可以理解为一个大的字符、一块大的空白区域、多行文字、色块区域，甚至版面编排的画面空间就是一个等待设计处理的面，可以说“面”存在于每一个版式设计作品中，并具有平衡、丰富空间层次、烘托及深化题的作用。任务一版面的构成元素课题二版式设计视觉思维训练面在版式中分为：积极的面和消积的面积极的面是指由点、线的移动或放大而形成的面，即实面。消级的面是由点、线聚集而产生的面，即虚面。任务一版面的构成元素课题二版式设计视觉思维训练四、点线面混排的编排构成（一）点线面的关系点，线、面在版式设计中，它们之间的存在形象是相对的，点的移动形成线，线的移动形成面。点的密集或线的重复，也可形成面，线的分割产生各种比例空间，同时也可以形成各种比例的面。可见点、线、面的界限并不是严格和清晰，它们之间是可以相互转化的。•上图中，红色的底色上只有一块白色的色块，由于所占的面积较小，可以将其看作是一个“线”，文字更小就可看作“点”。•下图版面中，将白色的色块放大，位于版面中心，线就变成了“面”，文字和就变成“线”。可见，版面中的元素可以从“点”转换为“线”，再从“线”转换成“面”，单独放大的点因为版面中占有较大面积，也可将其看作是面，多个不同的面也会表现出空间的层次关系。任务一版面的构成元素课题二版式设计视觉思维训练（二）点线面混排的运用的关系一个完整的版面中点、线、面几种元素往往相互交叉，正所谓点的线化、线的面化。在版式处理上更需我们灵活处理、精心经营。图中版式选择高清晰的图片作为“面”呈现在画面之中，突现产品的特点；文字作为“线”作整齐的编排；图标作为“点”来修饰，版面整体体形象直观、具体。任务一版面的构成元素课题二版式设计视觉思维训练五、三维空间的编排构成（一）比例关系的空间层次是指面积大小的比例关系，即近大远小所产生近、中、远的空间层次。在版面编排的中可将主体形象放大或标题文字放大，次要形象缩小，来建立良好的主次、强弱的空间层次关系，同时也可增强版面的节奏感和韵律感。下图中的，图片与色块排列整齐，版式设计非常简洁，干净！但是主题表现力比较差，版面没有的特别强调突出主题！通过改变图片的比例，就可以改变整体的版式空间。上图中，构图大胆，将图片去底放大，突出的图片很好的展示了建筑风格/主题，视觉效果强烈。大部分的留白也让画面显得非常透彻！比例关系的空间层次任务一版面的构成元素课题二版式设计视觉思维训练（二）位置关系的空间层次•一种是前后叠压的位置关系所构成的空间层次。具体是指将图像或文字作前后叠压排列，产生具有节奏的空间层次关系和层次丰富的空间视觉效果。•另一种是指版面上、左、右、下、中位置所产生的空间层次。版面的最佳视域安排重要的信息，其他信息与主体信息配合，安排在或上或下的次要位置。位置关系的空间层次左图版面中文字左边对为齐，显得很规律性。右图版面基本版式一样，小部分文字错位排列，显得画面丰富、生动，具有不同的空间层次。图像前后叠压任务一版面的构成元素课题二版式设计视觉思维训练（三）黑、白、灰关系的空间层次在版式设计中，图形与图形、图形与文字、文字与文字、编排元素与背景之间，无论是有色或无色的，我们在视觉分析时都可归为黑、白、灰的三色空间层次。黑与白为对比极色，最单纯、强烈、醒目，最能保持远距离视觉传达效果；灰色能概括一切中间色，且柔和而协调。三色的近、中、远空间位置，依版面具体的明暗调关系而定。任务一版面的构成元素课题二版式设计视觉思维训练1．选择优秀版式设计作品，尝试将信息元素抽象成点、线、面，研究其在画面中如何放置表现出不同的视觉感爱。2．以点、线、面为元素编排构成1张（A4尺寸），三维空间编排构成1张（A4尺寸）。【实训拓展】任务一版面的构成元素课题二版式设计视觉思维训练任务二版式的视觉流程一、视觉流程的形式两组图片告诉我们，人们的视觉流程大致是这样的：a、眼睛有一种停留在一幅画面左上角的倾向。版面视觉移动顺序版面告诉我们常规习惯总是从上到下，从左到右，顺时针的视觉流程观察物体。b、眼睛总是顺时针看一张图片。c、眼睛总是首先看图片上的人，然后是注意其他的如动物、汽车等移动的物体，最后才注意到固定的物体。课题二版式设计视觉思维训练（一）直线视觉流程1．竖向视觉流程竖向视觉流程又叫垂直视觉流程，指版面元素依据直式中轴线为基线进行编排，引导视线在轴线上做上下的来回移动，常用于简洁的画面之中。竖向视觉流程给人坚定、直观的视觉感受。在版面中采用居中对齐的编排方式，这种在整体上做竖向引导的文字编排的方式使版面在有限的元素构成中达到平衡。任务二版式的视觉流程课题二版式设计视觉思维训练任务二版式的视觉流程2．横向视觉流程横向视觉流程又叫水平视觉流程式，是通过版面元素的有序排列，引导视线在水平线上左右地移动。横向视觉流程有稳定、恬静之感。通常采用这种视觉流程排版的信息会传达出稳重、可信的视觉语言，为此在商业广告中运用较多。提示：网页设计中常用横向的视觉流程，向人们传达出稳重、可信的视觉语言奥迪A4商业广告，画面应用了横向视觉流程，直接传达了奥迪的速度、安全、品质的性能。课题二版式设计视觉思维训练任务二版式的视觉流程3.斜向视觉流程是一种不稳定的动态构图形式，主要指图片或文字的排列，引导视线从左上角向右下角移动，或从左下角向右上角移动。斜向视觉流程给人以强烈的运动冲击感，能有效地烘托主题诉求点,能够吸引人的视线。•斜向视觉流程能有效拉伸版面，使得空间延展性更强。图为日本设计大师福田繁雄设计的“爱和平反战争”主题海报，烘托主题，有强烈的视觉冲击力。课题二版式设计视觉思维训练任务二版式的视觉流程（二）曲线视觉流程1、弧线形(C形)视觉流程弧线形(C形)视觉流程是指视觉要素随弧线而运动变化的视觉运动，柔美而流畅。弧线形(C形)视觉流程有明显的扩张感和方向感。弧线形视觉流程——海报设计弧线形视觉流程——网页设计课题二版式设计视觉思维训练任务二版式的视觉流程2、回旋形(S形)视觉流回旋形(S形)视觉流程是指两个相反的弧线进行编排，使版面产生矛盾回旋，在平面中增加深度和动感回旋形视觉流程——SILKROAD计划折页设计课题二版式设计视觉思维训练任务二版式的视觉流程（三）重心视觉流程1、重心视觉流程以强烈的形象图形或文字独居版面某个部位或完全充斥整个版面。其重心的位置因具体画面而定。在视觉流程上，首先是从版面重心开始，然后顺沿图形或文字的方向与力度的倾向来发展视线的进程课题二版式设计视觉思维训练任务二版式的视觉流程2、向心视觉流程向心视觉流程是指视觉元素向版面中心聚拢的流程。这种编排方式将视线吸引到视觉中心的位置课题二版式设计视觉思维训练任务二版式的视觉流程3、离心视觉流程离心视觉流程与向心视觉流程相反，主要指版面元素由视觉中心向外扩展，犹如将石子投入水中，产生一圈一圈向外扩散的弧线运动。会使得视线扩散有聚拢的效果。课题二版式设计视觉思维训练任务二版式的视觉流程（四）反复视觉流程1、重复视觉流程以相同或相似的序列反复排列，形成形象的连续性、再现性和统一性，给人以安定感、整齐感、秩序化和规律的统一感。课题二版式设计视觉思维训练任务二版式的视觉流程2、特异视觉流程是构成要素在秩序的关系里，有意违反秩序。使少数、个别的要素显得突出，以打破规律性。这种局部的，少量的突变，突破了常规的单调性与雷同性，成为版面的趣味中心，产生醒目、生动感人的视觉效果。课题二版式设计视觉思维训练任务二版式的视觉流程（五）导向视觉流程1、指示性视觉流程指示性视觉流程是指通过版面添加一类具有指示导向作用的元素，如方向性的箭头或手势和人物的视线等，使版面具有清晰的脉络关系，让版面具有很强的条理性与逻辑性。•这两个版面是最直接的指示性视流程，都使用箭头，有效的指引受众的视觉走向，为版面设计增加趣味。课题二版式设计视觉思维训练任务二版式的视觉流程2、十字形视觉流