非常的版式设计课件.ppt

《非常的版式设计课件.ppt》由会员分享，可在线阅读，更多相关《非常的版式设计课件.ppt（100页珍藏版）》请在三一文库上搜索。

1、非常的版式设计,1,版式设计,版式设计原理和理论贯穿于每个平面设计的始终,非常的版式设计,2,第一节 版式设计基础,版式设计是现代设计艺术的重要组成部分，是视觉传达的重要手段，表面上看，它是一种关于编排的学问；实际上，它不仅是一种技能，更是技术与艺术的高度统一。版式设计是现代设计家必须具有的艺术修养和技术知识,非常的版式设计,3,版式设计的定义,版式format 指书刊等的版面格式 版面（报刊、书籍的一）整页 所谓版式设计，就是在版面上， 将有限的视觉元素进行有机的排列组合 将理性思维，个性化地表现出来 一种具有个人风格和艺术特色的视觉传送方式 传达信息，同时，也产生感官上的美感 版式设计的范

2、围，涉及到 报纸、刊物、书籍（画册）、产品样本、挂历、招贴画、唱片封套和网页页面等平面设计各个领域,非常的版式设计,4,版式设计的原则,让观看者在享受美感的同时，接受作者想要传达的信息 主题鲜明突出 形式与内容统一 强化整体布局,非常的版式设计,5,主题鲜明突出,版式设计的最终目的是使版面产生清晰的条理性，用悦目的组织来更好地突出主题，达到最佳诉求效果 按照主从关系的顺序，使放大的主体形象视觉中心，以此表达主题思想 将文案中的多种信息作整体编排设计，有助于主体形象的建立 在主体形象四周增加空白量，使被强调的主体形象更加鲜明突出,非常的版式设计,6,形式与内容统一,版式设计的前提版式所追求的完美

3、形式必须符合主题的思想内容 通过完美、新颖的形式，来表达主题 没有文字的版面，最难设计,非常的版式设计,7,强化整体布局,强化整体布局将版面的各种编排要素在编排结构及色彩上作整体设计。 加强整体的结构组织和方向视觉秩序。如水平结构、垂直结构、斜向结构、曲线结构 加强文案的集合性。将文案中的多种信息合成块状，使版面具有条理性 加强展开页的整体性，无论是产品目录的展开嶡版，还是跨页版，均为同一视线下展示，因此，加强整体性可获得更良好的视觉效果,非常的版式设计,8,一、对称与均衡 对称与均衡是自然界中最重要和 最常见的形式美规律,比如人的身体和其 他动、植物生长的状态及许多日常用品 的形态等等。在编

4、排设计中，以两侧相 同或近似的设计元素，以某点为中心， 进行左右对称、中心对 称、上下对称或动感对 称等。对称给人以安全、 稳定、庄重、严肃和正 规的感觉。,第二节 版式设计的形式美规律,非常的版式设计,9,均衡是对称形式上的发展， 中心的两侧不相同也不近似， 利用视觉规律和心理上的平衡 的原理，通过大小、形状、距 离、力量等因素的改变，来调 节中心两侧的分量上的平衡， 也就是行不同而量相近的编排 方法。均衡 给人以变化、 活泼、动感 及新颖等视 觉感受。,非常的版式设计,10,二、对比与调和 它们相互结合，相互作用，以突出个性，创造出差异，形成对比的效果，有效地突出广告主题和产品 个性特征，

5、这样会产生多种强大的表现 力，如线的长短、粗细、疏密，形的 大小、高低、 方圆，物的 主次、软硬、 聚散，画面 的虚实、动 静、明暗等 一系列对比 因素。强烈 的对比会使 视觉效果活 跃、鲜明。,非常的版式设计,11,调和的意义在于设计要素在整体中得到和谐统一。调和会有柔和、安详、雅致、内向和单调的视觉感受。对比与调和要相互呼应，默契配合，对比中有调和，调和中求对比。广告设计中采用什么样的对比与调和方法，突出主题，吸引读者的注意力，要根据创意和策略以及目标受众等因素来决定。,非常的版式设计,12,三、节奏与韵律 的形象产生一种秩序感，并在这种具有动势的秩序中萌生出新的艺术生命。节奏与韵律能使广

6、告编排设计版面产生活力和积极向上的生气。反复的方式决定了版面视觉效果和节奏感的强弱。在平面广告编排设计中， 利用疏密、聚散、 重复、连续和条理 来编排，以获得节 奏感，或利用渐明、 渐大、渐高等渐变 手法能使版面更加 优美、 生动、 更富于 节奏与 韵律感。,非常的版式设计,13,非常的版式设计,14,四、比例与分割 比例是指广告画面的局部与整体之间的数量关系。比例通常分为黄金比例、根号矩形比例和数列比例三大类。比例是从尺度中产生的，理想的比例关系存在着秩序美，如：13，23，35，45等。如何在比例关系规定的空间之内把文字、图形巧妙地整合起来，是体现形式美的基础。和谐的比例给人以美的感受，也

7、给版面增加了活力。,非常的版式设计,15,五、空白与疏密 空白的运用对编排设计有着很重要 的作用，中国画称“计白当黑”。在编排 设计中，版面适当留出空白，能起到使 视觉透气、休息的作用，反而强调了主 题所表现的内容，引起受众对非空白处 的注意。中国画论里的“疏可走马，密 不透风”也是这个道理。版面中应该密的 地方尽管密，应 该空白的地方尽 量留大一点，形 成强烈的疏密对 比，这样才能达 到很好的版面视 觉效果。,非常的版式设计,16,非常的版式设计,17,文字与版式设计,非常的版式设计,18,版式设计实例,非常的版式设计,19,一、文字在版式设计中的运用,文字是任何版面的核心，也是视觉传达最直

8、接的方式。,非常的版式设计,20,1、字体、字号、字距与行距,非常的版式设计,21,A、字体,字体的设计、选用是版式设计的基础。中文经常使用的字体主要有宋体、仿宋体、黑体、楷书四种。,宋体,仿宋体,黑体,楷体,常用中文字体,非常的版式设计,22,Arial,Arial Black,Roman,Font,常用拉丁字母字体,非常的版式设计,23,在标题上为了达到醒目的效果，又出现了加粗字体与创意艺术字体等。,非常的版式设计,24,粗黑体,琥珀体,霹雳体,粗圆体,钢笔行楷体,海报体,中宋体,综艺体,非常的版式设计,25,在版式中选择两到三种字体为最佳视觉效果。否则，会产生零乱而缺乏整体效果。,非常的

9、版式设计,26,字体版式范例1-1,非常的版式设计,27,字体版式范例1-2,非常的版式设计,28,B、字号,字号是表示字体大小的术语。计算机字体的大小，通常采用号数制、点数制、和级数的计算法。,非常的版式设计,29,“点”也称磅，或者使用“p”代表。电脑排版软件就是使用点数制p来计算字号大小的。 1p= 0.35mm,非常的版式设计,30,字体版式范例1-3,非常的版式设计,31,字体版式范例1-4,非常的版式设计,32,C、字距与行距,字距与行距的把握是设计师对版式的心理感受，也是设计师设计品位的直接体现。,非常的版式设计,33,字体版式范例1-5,字距排列疏松,非常的版式设计,34,字体

10、版式范例1-6,排列有序而紧密的文字,非常的版式设计,35,2、编排形式,非常的版式设计,36,A、左右齐整,文字可水平排列，也可垂直排列，一般水平排列居多。,非常的版式设计,37,非常的版式设计,38,B、左对齐,让每一行的第一个文字都统一在左侧的轴线上，右边可长可短。,非常的版式设计,39,非常的版式设计,40,非常的版式设计,41,非常的版式设计,42,C、居中编排,以版面的中轴线为准，文字居中排列，左右两端可以是相等也可以长短不一。,非常的版式设计,43,非常的版式设计,44,D、文图穿插,文图穿插是具有插图性质的处理手法，非常广泛的运用于文学作品和产品宣传册中。,非常的版式设计,45

11、,非常的版式设计,46,非常的版式设计,47,E、突出字首,把开头的第一个字突出加大，幅度一般占到两到三行行距的空间。,非常的版式设计,48,非常的版式设计,49,3.标题的编排方式,非常的版式设计,50,标题的位置、字体、大小、形状、方向的处理方式，直接关系到整个版面的艺术风格。,非常的版式设计,51,赋有金属感的三维元素，在表达了美迪斯品牌的同时，又烘托出了重工业的视觉氛围,非常的版式设计,52,非常的版式设计,53,非常的版式设计,54,非常的版式设计,55,非常的版式设计,56,版式的基本类型,骨格型、满版型、上下分割型、左右分割型、中轴型、曲线型、倾斜型、对称型、重心型、三角型、并置

12、型、自由型和四角型等13种,非常的版式设计,57,骨格型,规范的、理性的分割方法 常见的骨格有竖向通栏、双栏、三栏和四栏等。一般以竖向分栏为多 图片和文字的编排上，严格按照骨格比例进行编排配置，给人以严谨、和谐、理性的美 骨格经过相互混合后的版式，既理性有条理，又活泼而具有弹性,非常的版式设计,58,骨格型,非常的版式设计,59,骨格型,非常的版式设计,60,骨格型,非常的版式设计,61,满版型,版面以图像充满整版，主要以图像为诉示，视觉传达直观而强烈。文字配置压置在上下、左右或中部（边部和中心）的图像上 满版型，给人大方、舒展的感觉。是商品广告常用的形式,非常的版式设计,62,满版型,非常的

13、版式设计,63,满版型,非常的版式设计,64,上下分割型,整个版面分成上下两部分，在上半部或下半部配置图片（可以是单幅或多幅），另一部分则配置文字 图片部分感性而有活力，而文字则理性而静止,非常的版式设计,65,上下分割型,非常的版式设计,66,上下分割型,非常的版式设计,67,左右分割型,整个版面分割为左右两部分，分别配置文字和图片 左右两部分形成强弱对比时，造成视觉心理的不平衡。这仅是视觉习惯（左右对称）上的问题，不如上下分割型的视觉流程自然 如果将分割线虚化处理，或用文字左右重复穿插，左右图与文会变得自然和谐,非常的版式设计,68,左右分割型,非常的版式设计,69,左右分割型,非常的版式

14、设计,70,中轴型,将图形作水平方向或垂直方向排列，文字配置在上下或左右 水平排列的版面，给人稳定、安静、平和与含蓄之感 垂直排列的版面，给人强烈的动感,非常的版式设计,71,中轴型,非常的版式设计,72,中轴型,非常的版式设计,73,曲线型,图片和文字，排列成曲线，产生韵律与节奏的感觉,非常的版式设计,74,曲线型,非常的版式设计,75,曲线型,非常的版式设计,76,倾斜型,版面主体形象或多幅图像作倾斜编排，造成版面强烈的动感和不稳定因素，引人注目,非常的版式设计,77,倾斜型,非常的版式设计,78,倾斜型,非常的版式设计,79,对称型,对称的版式，给人稳定、理性、理性的感受 对称分为绝对对

15、称和相对对称。一般多采用相对对称手法，以避免过于严谨 对称一般以左右对称居多,非常的版式设计,80,对称型,非常的版式设计,81,对称型,非常的版式设计,82,重心型,重心型版式产生视觉焦点，使其更加突出 有三种亚型 直接以独立而轮廓分明的形象占据版面中心 向心视觉元素向版面中心聚拢的运动 离心犹如石子投入水中，产生一圈一圈向外扩散的弧线的运动,非常的版式设计,83,重心型,非常的版式设计,84,重心型,非常的版式设计,85,三角型,在圆形、矩形、三角形等基本图形中，正三角形（金字塔形）最具有安全稳定因素,非常的版式设计,86,三角型,非常的版式设计,87,三角型,非常的版式设计,88,并置型

16、,将相同或不同的图片作大小相同而位置不同的重复排列 并置构成的版面有比较、解说的意味，给予原本复杂喧闹的版面以秩序、安静、调和与节奏感,非常的版式设计,89,并置型,非常的版式设计,90,并置型,非常的版式设计,91,自由型,无规律的、随意的编排构成 有活泼、轻快的感觉,非常的版式设计,92,自由型,非常的版式设计,93,自由型,非常的版式设计,94,四角型,版面四角以及连接四角的对角线结构上编排图形 给人严谨、规范的感觉,非常的版式设计,95,四角型,非常的版式设计,96,版式设计的基本步骤,确定主题（需要传达的信息） 寻找、收集用于表达信息的素材含文字、图形图像 文字表达信息最直接、有效，应该简洁、贴切 应该根据具体需要确定视觉元素的数量和色彩（黑白、彩色色系） 确定版面视觉元素的布局（类型） 使用图形图像处理软件进行制作,非常的版式设计,97,优秀作品整体分析案例一,非常的版式设计,98,优秀作品整体分析案例二,非常的版式设计,99,非常的版式设计,100,