版式设计课件.ppt

，布局设计原则，第二章，艺术设计布局设计，2.1布局的视觉成分，布局设计的效果新颖、美丽、大方，与自己的位置相结合的核心是布局配置给人视觉感受。理解布局的视觉成分是重要的一步，视觉成分主要是智力、线条、面和不同的组合，给人不同的心理感受。由2.1.1点布局组成，所谓的点是小图形，点是根据其他元素而不是自己大小的比例确定的，是视觉设计的最小单位，小图形容易被视为点，理想的点是点。版面设计第一部分的可视组件可能显示为单词、图片或颜色块，具体取决于一个点在整个版面中所占位置的大小。图3-4通过相似人物的点状垂直排列，在整个布局中形成了丰富的纹理。图6通过点形成的线性阵列生成恒定的视觉过程。图7-8各种大小的点和短线性自由阵列。(1)密集、点密集布局、点密集设计图，所谓密集，是由分数多、精细排列、聚合或分散的原则方式构成的构成形式。使各种大小、密度和混合阵列成为漫反射配置形式。这种零散的大小重叠、交叉、字体大小比例适中，形成了成功的海报设计。(2)分散、点分散布局、点分散示意图、分散阵列形式，利用切割构件和分解的基本手法破坏形态，通过破坏形成的新构成效果是点分散阵列。(见图3 图4)实际上，点是视觉因素，意义很广，在布局设计中起到平衡、强调、跳跃等作用。2.1.2线的阵列，线是点的移动轨迹，线也称为长图像，其长度与宽度形成很大对比。线可以移动或停止。线条还可以构成用于分隔屏幕图像的各种装饰元素和各种形式。线在设计中的影响力比点大得多。线在视觉上需要很多空间，其延伸带来了一种活力。(见图5)，图5线的表达，直线：简单、明快、坚硬的直线：沉重、有力的细线：锐利、脆弱的锯齿线：不安、不安的水平线：稳定、平静的垂直线：严肃、严肃的斜线：速度、飞跃曲线：不稳定每行都有自己独特的性感，通过不同线条的有节奏的布局，可以产生多种效果。(1)按照线条的节奏、字母顺序排列的线条，构成线条的点会变成规律、大小、方向，因此构成线条运动、跳跃、节奏、韵律的感觉，在整个屏幕上产生了无限的想象空间。(参见图6)，由2.1.3面的布局组成的面是线重复密集移动的轨迹和线的密集形式，也可以解释为点的放大、点的密集或线的重复。面在空间上的占用面积也最多，在视觉上比点，线强烈，同时个性鲜明。几何图形和自由形式是两种主要类型的面。面的造型和边另一侧的性质也会影响面的表现法，视情况而定，面的影像可能会发生很大的变更。从整个视觉要素来看，面的视觉影响力最大，它们在屏幕上占据着举足轻重的位置。(请参见图9-11)、面的几何直线、几何直线：矩形、三角形、菱形、几何曲线：圆、椭圆、自由形状：自由直线、自由曲线、面的几何曲线、面的自由形状和面的分割构造主要是这种分割布局布局具有很强的有序性和整体感，可以产生严肃、稳定的视觉效果。见图12)，(1)面具有多种特性，能感受到其丰富的意义，具有动态、强烈、韵律，能形成立体感，引起很多错觉。见图13)，(2)面的感情构成，图12面的分割，图13面的感情，2.1.4点线的混合行，一个完整的布局主要由点、线、面的有机结合构成。版面上的点根据大小、形状、位置的不同，视觉效果和心理效果也不同。点的流动方向形成直线，线的密集阵列形成面。点、直线和面是相对的，并由它们在屏幕上的比例关系确定。在许多应用布局设计中，文字构造线占据了屏幕的主要位置，成为设计者处理的重要对象。(见图14至图15)，图14点线条混合行，右图中黄色表示点，绿色表示线，整个布局形成面。这就是点表面的结合表达。图14时线混合，2.1.5布局设计的其他组成部分，布局设计主要由其他元素、巧妙的搭配形成。现在，让我们了解布局设计的其他组件。(1)三维空间的布局，所谓的三维空间是三维的，可见的，摸的。平面上的三维空间是一种看不见、摸不到的人造物品。采用几乎大大小小的比例，位置的差异，肌肉质量的强调所创造的空间水平。1)比例关系的空间水平、区域大小的比例关系在布局中扩大主图像，在布局中形成良好的主空间水平和次空间水平关系。(见图16)，2)位置关系的空间层次，由与图形重叠的文字生成的空间节奏感。3)所谓肌肉空间水平主要表现出纹理厚度、纹理和颜色的变化。图16比例关系是空间水平、(2)颜色配置、颜色也是布局设计的重要组成部分。颜色不同，就会产生不同的感情，心理也会发生变化。心理学家研究了颜色和人类的心理健康。研究表明，一般情况下，红色表示快乐，热情，它使人热情，充满，激发爱的感情；黄色令人愉快，明亮，让人幸福，充满喜悦；绿色代表和平，使人心安定、平静、温和。总之，各种颜色对人的情绪有一定的影响，从而改变人的心理活动。在布局设计中，颜色也是重要的视觉要素，仅本身就具有很强的空间感。合理利用色彩搭配，引起人们的注意，更让人印象深刻。(见图17 图18)，图17布局颜色配置，图18布局颜色配置，2.2布局的视觉流，每个布局都有视觉流，要视觉突破，必须在视觉流中做出很大努力。布局的可视流主要表示平面中各种元素的主要和次要关系，是设计地处理起始点和过程的一种读取节奏。2.2.1单向视觉过程，在解释或识别某些印刷书籍时，有一定的顺序和主次关系，设计者在布局过程中故意用任何形式引导人们的视觉流，这是布局设计的视觉过程。视觉过程的布局既要体现设计师的个人化，又要符合人体的视觉习惯，过分的夸张反而会产生反效果。单向视觉是按照一般视觉规律引导读者的一种视觉流，使布局的视觉效果更加简洁。(见图19)、图19海报设计布局、单向视觉过程三种表达：(1)直线视觉过程：视觉流起到简洁、强大、稳定的画面作用，在引导读者的过程中画面稳定。见图20)，(2)横向视觉过程：主要视线水平，左右观看时有温和的画面感受，给人很安静的感觉。见图21)，(3)倾斜的视觉过程：主视线在左上和右下之间倾斜的视觉效果和不稳定的心理感觉。斜颈视觉过程受到冲击，能有效地引起人们的关注。见图22)横向的视觉流动，营造稳定和平的画面，营造安静的空间。使用灯和曲线视觉过程引起不稳定的动态关注，提供运动和节奏。图14“c”形圆弧形的视觉过程，页面具有良好的扩展和方向感。图16“s”形状的视觉过程因两个相反的圆弧而产生矛盾，平面上增加了深度和运动，使页面有节奏，提高了趣味性。使用曲线产生的视觉效果的人将焦点放在布局的特殊部分，使画面柔和干练。2.2.2重心视觉过程，我们看到布局设计时，视线接触屏幕从左上角到左下角，从右下角到中心部分通过右上角快速，从右下角到右下角到右上角，再回到最引人注目的中心视口，该中心点具有视觉中心，稳定的布局效果，给人以布局稳定可靠的心理感觉。没有中心的布局设计将失败。布局设计主要表现为视觉平衡，良好的布局设计，主要形成布局元素配置和谐的比例关系。根据布局中表达的含义确定视觉重心的位置，可以更好、更准确地传达信息。(参见图23 图24)，2.2.2重心视觉流，图24重心左侧，图23重心右侧，2.2.3重复视觉过程，所谓重复视觉过程以相同或相似的元素在屏幕上重复排列，给人视觉上重复的感觉。设计师采用这种重复的模式，提高图形的识别性，增加屏幕的生动性，形成屏幕的统一性和连续性。给人一种整洁、稳定、有规律的感觉，增加整个布局的节奏和节奏。图26重复视觉过程图，图25重复视觉过程，在完全相同的元素重复期间主要表达，在同一内部寻找差异，寻找简洁的变化，这是重复视觉过程的特定视觉过程。采用破格手法，违反秩序，强调小因素，给人以棉被的乐趣，吸引读者的眼球，使整个版面更加烦躁。(见图25 图26)，第4节重复视觉过程，图33重复，简洁的布局给人强烈的节奏感、秩序感、力量感，引导方向的同时，传达屏幕的精神意义。在图36重复图形中，故意违反秩序，打破规律性的文本元素出现，产生了布局有趣、引人注目的视觉效果。图37-38简单的视觉要素，布局图秩序的重复构成，韵律的节奏感。强化视觉效果，传到原位。2.2.4导向视觉过程，(1)所谓导向视觉过程是引导设计者按照自己的想法贯穿整个布局，形成统一屏幕的设计技术。(请参阅图27)十字型视觉过程相当于在屏幕上绘制整个布局的视觉中心十字型。另外，将读者的视线从四面集中到中间，突出强调点，最大限度地提高了信息传达效果。辐射的视觉效果以点和线为导向，将周围分散的元素统一为一个点，实现统一画面的视觉效果，在整个画面上增加动态感。(见图28)，(2)十字型视觉过程，图39字符指南使用从左到右的视觉指南引导清晰的阅读画面。图40手势引导使用手势方向引导观看者的视线，形成良好的视觉过程。图43面向图像和面向视线，强调特殊图形文本，提供简洁明确的视觉过程。图44-45引导到特殊导向标记，以提供更亮的阅读顺序。，2.2.4导向视觉过程，图27导向视觉过程，2.2.4放射性视觉过程，图28放射性视觉过程，2.2.5发散视觉过程，发散组合将照片分散点排列在布局的各个部分，布局自由轻快。在降点组合布局中，要注意图片大小、第一次和第二次印刷、矩形和背景的布局，还要考虑斯密、均衡、视觉方向程序等。发散视觉主要分为发射形式和发散形式。发射具有一定的方向定律感，发射中心是视觉的焦点。所有元素集中在中心或分散在中心，具有强烈的视觉效果。图29分散的视觉过程，分离是分解和重新组合一个东西的方法。将完整的东西分成几个部分，然后根据布局设计配置原则重新组合。这种方法可以帮助我们理解内部结构，从不同的角度观察事物，以新的心态组合分割的结构元素，产生不同的美。见图29)，6节分散的视觉过程，图46图形和文字排列简单自然的点，线条，流畅的关系，缓慢的速度，平静的变化，生动有趣的变化。图48散乱的画使用与文本一起散落的点和分割形成的视觉主题，从整体布局中错位，形成了轻松、生动、现代的感觉氛围。图49布局通过各种大小的文本故意进行各种角度的误对齐，利用图片和底部巧妙交错，强烈而新颖地传达了爵士乐独特的魅力。图50通过各种大小和图形自由排列整个版本，给人干练休闲，轻快活泼，机智的氛围。图51是大小不同的文字和图形的全版本，休闲地排列，给人轻快活泼、机智的氛围。2.1布局视觉空间的组件2.2布局视觉过程2.3布局布局阵列2.4布局设计的基本类型，2.3布局阵列，布局阵列主要是布局中各种元素的协调，布局过程中消息传递的逻辑关系一致性，主要和次要明确的性能。2.3.1布局的大小比例，布局的主要元素包括通过点、线、面的组合和排列(如文本、图形和颜色)，以夸大视觉效果，并以比喻和象征手法实现，从而增强布局美化和传达消息的能力。(见图30 图32)，图30为基于图形的杂志布局设计，图31为基于文字的杂志布局设计，图32为基于图形的杂志布局设计，图33为两列对称示意图，2.3.2对称，所谓对称是围绕中心轴的上下对称，左右对称，基于原点的散点放射性对称。对称屏幕的特点是使图片统一严肃，给人以高质量和可靠性的感觉。对称与左右布局完全相同的布局，平衡在视觉上给人左右平衡感，但不对称。对称和平衡相结合，整个布局可以产生更有趣、更生动、更清晰的视觉效果。(见图33 图35)，图34岁列对称设计图，图35岁列对称布局，2.3.3金布局，黄金比例一直影响社会美学的希腊建筑美的标准(1: 1.618)。黄金布局存在于多部作品中，它分开的两页部分的比例是表现自然和谐共存的一种表现。适合黄金分割的比例形式最容易引起视觉美感。(见图36)，图36黄金比例，设定黄金比例的主要步骤：(1)选择正方形纸张；(2)沿中心轴折叠，形成两个相同的矩形。(3)在纸上绘制等腰三角形。(4)使用等腰三角形的顶点绘制圆弧。(5)绘制到圆弧和基线的交点的垂直线，使原始矩形成为当前矩形，从而形成标准黄金比例。图37对比度和平衡，2.3.4对比度和平衡，对比度可以是形态或颜色和纹理。对比度使屏幕清晰，视觉效果强。平衡是相对稳定的状态，在布局设计中，主要是布局上下左右比例适中，左右布局接近平衡的布局结果，提供视觉稳定的视觉效果。(见图37 图38)，图38对比度和平衡，2.3.4对比度和平衡，在布局结构布局中，4面和中心具有潜在的重要性。四面是版税边界的四点，连接四个侧面的斜线，即对角线，交点为中心。配置布局时，可以通过四边和中心结构更灵