版式设计课件第一章

主讲:1第一章设计师的“剧本”2第二章文字编排的兵法3第三章建立视觉讯息的秩序4第四章建立版式的网络结构5第五章版式空间的虚与实6第六章版式设计的规矩第一章设计师的“剧本”学习目标:了解版式设计的学习目的与方法，并学会解读版式设计作品。学习内容:什么是版式设计？为什么要学习版式设计？怎样制作版式设计？如何解读一幅版设计作品？第一节版式设计和传播什么是版式设计？所谓版式设计，就是在版面上，将有限的视觉元素进行有机的排列组合。将理性思维，个性化地表现出来；一种具有个人风格和艺术特色的视觉传送方式。传达信息的同时，也产生感官上的美感。课程导入下面让我们先来了解一下版式设计的发展版式设计涉及的范围书籍、挂历等广告、招贴等唱片、网页等平面设计报纸、刊物等版式设计影楼海报书籍装帧设计（封面)包装设计网页设计为什么要学习版式设计？版式设计是现代设计艺术的重要组成部分，是视觉传达的重要手段，表面上看，它是一种关于编排的学问；实际上，它不仅是一种技能，更实现了技术与艺术的高度统一。版式设计可以说是现代设计者所必备的基本功之一。版式设计涉及的就业岗位广告公司网络公司网页界面设计（美工）标志设计（设计师）模板设计（设计师）产品企业企业文化宣传册设计（设计师）产品包装设计（设计师）新产品上市推广（设计师）报刊杂志社版面编辑（美编）插画设计（设计师）书籍装帧设计（美编）广告设计（设计师）招贴海报设计（设计师）名片设计（设计师）怎样制作版式设计？版式设计常用软件：平面设计的双剑客高端设计CorelDRAW方正飞腾InDesign排版天才版式设计基本步骤：进行制作第一步第二步第三步第四步确定布局收集素材确定主题需要传达的信息含文字、图形图像视觉元素的类型处理软件互动效果：中介插图本期主题杂志名称说明文字吸引把握主题确认名称了解细节设计师客户消费者1、可读性好版式首先要具有良好的可读性，即清晰地和舒适地阅读。2、受众共鸣好版式能够让特定受众获得共鸣，即受众能够理解和认同设计作品所传达的意义和主题。好版式是什么样子的(课本P5~6)《俄国艺术家作品展-马雅可夫斯基,梅杰尔乔德,斯坦尼斯拉夫斯基》海报聚焦经典这是意大利设计大师鲁诺蒙古奇为在米兰举办的“俄国艺术家作品展”设计的海报。展览内容为俄国十月革命期间的著名诗人马雅可夫斯基等人的作品。版式通过有秩序的斜线网格、完美的视觉流程、充满激情的构成主义风格和震撼的形式感产生了良好的可读性，引起了受众的共鸣！如何解读一幅版设计作品？视线在观赏物上的移动过程。纵向矩阵网格三栏或多栏分割画面采用极富创意和视觉震撼力的图形来吸引眼球和表现主题多对比色和邻近色系，对比强烈，但色调和谐图文和空白的对比得当，既凸显了内容又产生了阅读节奏视觉流程色彩处理网格结构图形处理空间处理版式设计原则主题鲜明突出版式设计的目的之一是使版面有清晰的条理性，能够更好地突出主题，达到最佳的表达效果，增强读者对版面的注意，增进对内容的理解。形式与内容统一版式设计所追求的表现形式必须符合版面所要表达的主题，这是版式设计的前提。强化整体布局在版面设计中文字、图片与颜色是需要处理与编排的三大构成要素，这三者之间的关系必须进行一致性考虑。突出美感在版式设计的艺术形式上，突出美感是非常重要的一条原则，即用各种手段营造出一种与内容相适应的气氛，满足读者的审美心理要求，使读者在轻松愉快的心境下进行阅读。版式设计类型1.满版型版式设计满版设计即版面不留固定白边，图像、图形不受版心约束，跨余白做“出血”处理。出血图像的一边或几个边充满页面，有向外扩张和舒展之势。一般用于传达抒情或运动信息的页面，因为不受边框限制，感觉上与人更加接近，便于情感与动感的发挥。满版设计的主要特征是设计可根据内容和构图的需要自由地发挥，强调设计个性化。聚焦经典满版型版式设计2.分割型版式设计分割型版式设计，是把整个版面分成上下或左右两部分，分别安排图片和文字。这是一种比较常见的版面编排形式，其特点是画面中各元素容易形成平衡，结构稳当，风格平实。图片和文字的编排上，往往按照一定比例进行分割编排配置，给人以严谨、和谐、理性的美。分割型版面中的两个部分会自然形成对比，有图片的部分感性、具活力，文案部分则理性、平静。聚焦经典分割型版式设计3.倾斜型版式设计这是一种很有动感的构图，图中要素或主体的放置呈倾斜状。在版面编排中，图形或文字的主要部分向右或向左做方向倾斜，使视线沿倾斜角度而由上至下或由下至上移动，造成一种不稳定感，吸引观者的视线。这种设计形式最大的优点在于，它刻意打破稳定和平衡，从而赋予图形或文字以强烈的结构张力和视觉动感。倾斜型设计在构图时，版面主体形象或多幅图像、文字做倾斜编排，造成版面强烈的动感和不稳定因素，引人注目。聚焦经典倾斜型版式设计这种版式是版面各视觉元素呈三角形排列。在图文形象中，正三角形（金字塔型）最具稳定性；倒三角形则会相应地产生活泼、多变的感觉，易产生动感；侧三角形构成一种均衡版式，既安定又动感。但版式设计中要注意，用正三角形时应避免呆板，可通过对文字和图片的处理来打破其死板性；而用例三角形在产生动感的同时要注意其稳定性4.三角型版式设计聚焦经典三角型版式设计曲线型版式是在版面上通过线条、色彩、形体、方向等因素有规律地变化，将图片、文字做曲线的分割或编排构成，而让人感受到韵律与节奏感。曲线型的版式设计应具有流动、活跃、动感的特点，曲线和弧形在版面上的重复组合可以呈现流畅、轻快、富有活力的视觉效果。曲线的变化必须遵循美的原理法则，具有一定的秩序和规律，又有独特的个性。5.曲线型版式设计聚焦经典曲线型版式设计自由版式将图像分散排列在页面各个部位，具有自由、轻快的感觉。在编排时，将构成要素在版面上做不规则分散状排列。会形成随意、轻松的视觉效果。采用这种版式时应注意图像的大小、主次，以及方形图、退底图和出血图的配置，同时还应考虑疏密、均衡、视觉流程等。将各要素分散在版面各个部位，以各施所长。这种貌似随意的分散，其实包含着设计者的精心构置。视点虽然分散，但整个版面仍应给人以统一完整的感觉。6.自由型版式设计聚焦经典自由型版式设计规范的、理性的分割方法。常见的骨骼有－竖向通栏、双栏、三栏和四栏等。一般以竖向分栏为多。图片和文字的编排上，严格按照骨骼比例进行编排配置，给人以严谨、和谐、理性的美。骨骼经过相互混合后的版式，既理性有条理，又活泼而具有弹性。7.骨骼型版式设计聚焦经典骨骼型版式设计8.中轴型版式设计将图形作水平方向或垂直方向排列，文字配置在上下或左右。水平排列的版面，给人稳定、安静、平和与含蓄之感。垂直排列的版面，给人强烈的动感。聚焦经典中轴型版式设计9.对称型版式设计对称的版式，给人稳定、理性、理性的感受。对称分为绝对对称和相对对称。一般多采用相对对称手法，以避免过于严谨。对称一般以左右对称居多。聚焦经典对称型版式设计10.重心型版式设计重心型版式产生视觉焦点，使其更加突出。有三种类型。直接以独立而轮廓分明的形象占据版面中心。向心－视觉元素向版面中心聚拢的运动。离心－犹如石子投入水中，产生一圈一圈向外扩散的弧线的运动。聚焦经典重心型版式设计版式设计的编排构成将首行放大，起着引导、强调、活泼版面的作用，成为视觉焦点。点的编排构成空间等量的分割。将多个相似或相同的形态进行空间等量的分割，以获得秩序美。线的编排构成面以点的放大、点的密集或线的重复等形式而呈现，结实、肯定、大方，起着烘托和丰富版面空间层次的作用。面的编排构成小结本次课主要是让大家知悉版式设计的基本概念和发展史，了解它所涉及的各个行业和与之相对应的工作岗位。学习制作版式设计的基本流程，并学会正确解读一幅好的版式设计作品。希望通过这门课程的学习，能够对大家以后的学习和工作有所帮助！为自己设计一张漂亮可行的课程表，图片自选，文字自理、尺寸自定。要求：图文并用，版面编排要有形式美感，色彩搭配合理，可用电脑软件辅助设计，完成后上交JPG文件。实践：新年新计划《课程表》设计