平面设计专题：版式设计基础知识ppt课件.pptx
亨特来PPT课件工作室,04 版式设计的基本步骤,01 版式设计的基本概念,02 版式设计的基本原则,03 版式设计的基本类型,1.1 版式设计的定义,包装设计,版式设计：又称为版面设计、编排设计，它是按照一定的视觉表达内容的需要和审美的规律，结合各种平面设计的具体特点运用各种视觉要素，将各种文字、图形及其他视觉形象元素加以组合编排，进行表现的一种视觉传达的设计方法。它涉及到报纸、刊物、书籍（画册）、产品样本、挂历、招贴画、唱片封套和网页页面等平面设计各个领域。版式设计是设计专业的必修课程，也是基础课程，是现代设计家必须具有的艺术修养和技术知识。,1.2 版式设计三大视觉要素 (1)文字：主题内容(标题、正文、注解等)离不开文字，通过文字获得主要信息。设计者需掌握中外字体的一般常识，不同的字体给人的心理感受不一样，美的字体能使读者感到愉悦,帮助阅读和理解。 (2)图形和图像：图片在版面设计中，占有很大的比重，视觉冲击力比文字强85%。但这并非语言或文字表现力减弱了，而是说图片在视觉传达上能辅助文字，帮助理解，更可以使版面立体、真实。,1.2 版式设计三大视觉要素,文字版中加入图形图片立即引起视觉流程的变化图形的形式、大小、数量影响读者注意力主题借助图形、图片来增强文字说服力，提高阅读兴趣。,1.2 版式设计三大视觉要素,(3)色彩：色彩较之图文对人的心理影响更为直接，具有更感性的识别性能。现代商业设计对色彩的应用更上升至“色彩行销”的策略，成为商品促销、品牌塑造的重要手段。,1.2 版式设计三大视觉要素,04 版式设计的基本步骤,01 版式设计的基本概念,02 版式设计的基本原则,03 版式设计的基本类型,2.1 基本原则主题与导读,鲜明主题的诱导力：目的：清晰的条理性，最佳形式感，最佳诉求效果。价值：吸引注意力，易解。,2.2 基本原则形式与内容统一,前提：形式符合主题思想内容。 常见现象：形式脱离内容，缺乏艺术表现，空洞和刻板。,2.3 基本原则强化整体布局,图与图、图与文在编排结构及色彩上做整体设计。 获得整体性的方法： (1)加强整体的结构组织方向视觉秩序，如水平结构、垂直结构、倾斜结构、曲线结构等。 (2)加强文案的集合性，将文案中多种信息组合成块状，增强版面文字的条理性和清晰的导读性。 (3)加强展开页的整体设计。无论是连页、跨页、折页，或是展开页的设计，均为同一视线下展示的版面，因此加强整体性可以获得更加良好的视觉效果。,2.4 基本原则技术与艺术的统一,设计者应结合现代各种工艺，进行作品的创作，否则设计作品将会在现行技术下无法实施。,技术与艺术的统一,04 版式设计的基本步骤,01 版式设计的基本概念,02 版式设计的基本原则,03 版式设计的基本类型,3.1 版面设计的编排形式法则,3.1.1 单纯与秩序 也就是基本形的简练和编排结构的简明、单纯。运用理性和逻辑思维，对图文资料进行大胆取舍，创建清晰的形式感。单纯化可使版面获得完整、秩序、明了感和良好的视觉效果；反之，则杂乱不堪，造成视觉传达的障碍。3.1.2 对比与调和 对比，是将相同或相异的视觉元素作强弱对照编排所运用的形式手法。简洁明快的对比关系是获得强烈视觉效果的重要手段。 调和，是指内容与形式的调和，版面各部位、各视觉元素之间寻求相互协调的因素，也是在对比的同时寻求调和。 对比强调差异，产生冲突；调和寻求共同点，缓和矛盾。,3.1 版面设计的编排形式法则,3.1.3 对称与均衡 对称与均衡是一对统一体，常表现为既对称又均衡，实质上都是求取视觉心理上的静止和稳定感。关于对称与均衡可以从两方面来分析，即：对称均衡与非对称均衡。,绝对对称均衡给人庄重、严肃之感，是高格调的表现，是古典主义版面设计风格的表现，但处理不好容易单调、呆板。,绝对对称均衡,3.1 版面设计的编排形式法则,3.1.3 对称与均衡 对称与均衡是一对统一体，常表现为既对称又均衡，实质上都是求取视觉心理上的静止和稳定感。关于对称与均衡可以从两方面来分析，即：对称均衡与非对称均衡。,上下或左右基本相等而略有变化，又称相对对称均衡。,相对对称均衡,3.1 版面设计的编排形式法则,3.1.3 对称与均衡 对称与均衡是一对统一体，常表现为既对称又均衡，实质上都是求取视觉心理上的静止和稳定感。关于对称与均衡可以从两方面来分析，即：对称均衡与非对称均衡。,非对称均衡是指版面中等量不等形，而求取心理上“量”的均衡状态。非对称均衡比对称均衡更灵活生动，富于变化，是较为流行的均衡手段，具有现代感的特征。,非对称均衡,3.1 版面设计的编排形式法则,3.1.4 节奏与韵律 所有的艺术都在不断地向着音乐的境界努力。”沃尔特.佩特 节奏与韵律来自音乐的概念，也是版式设计常用的形式。节奏是均匀的重复，是在不断重复中产生频率节奏的变化，节奏是延续轻快的感觉。如舒缓的小夜曲，又如激烈的摇滚乐。无论图形、文字或色彩等视觉要素，在组织上合乎某种规律时所给予视觉和心理上的节奏感觉，即是韵律。主要建立在以比例、轻重、缓急或反复、渐变为基础的规律形式上。,3.1 版面设计的编排形式法则,3.1.4 节奏与韵律,画面中的韵律感,3.1 版面设计的编排形式法则,3.1.5 虚实与留白 版面中的“虚”，可为空白，也可为细弱的文字、图形或色彩，主要依具体版面而定。为了强调主体，可有意将其它部分削弱为虚，甚至以留白来衬托主体的“实”，所以留白是版面“虚”处理中一种特殊的手法。版面中的虚实关系为以虚衬实，实由虚托。,3.2 版面设计的常见类型,3.2.1 上下分割型 整个版面分成上下两部分，在上半部或下半部配置图片（可以是单幅或多幅），另一部分则配置文字，安静平稳但稍显呆板。因为图片部分感性而有活力，而文字则理性而静止，多以图片要选择动感活泼的，文字应稍多些，从而调节版面效果。,3.2 版面设计的常见类型,3.2.2 左右分割型 整个版面分割为左右两部分，分别配置文字和图片。左右两部分形成强弱对比时，造成视觉心理的不平衡。这仅是视觉习惯（左右对称）上的问题，不如上下分割型的视觉流程自然如果将分割线虚化处理，或用文字左右重复穿插，左右图与文会变得自然和谐。,3.2 版面设计的常见类型,3.2.2 左右分割型 由于视觉原因，图片一般放置在左边，右侧配置小图片或者文字。两侧明暗对比强烈效果会更好。,3.2 版面设计的常见类型,3.2.3 倾斜型 版面主体形象或多幅图像作倾斜编排，造成版面强烈的动感和不稳定因素，产生动感，引人注目。对于汽车或者较为呆板的产品宣传，倾斜放置效果较生动。,3.2 版面设计的常见类型,3.2.4 中轴型,3.2 版面设计的常见类型,将图形作水平方向或垂直方向排列，文字配置在上下或左右。水平排列的版面，给人稳定、安静、平和与含蓄之感；垂直排列的版面，给人强烈的动感。,3.2.5 三角型,3.2 版面设计的常见类型,3.2.6 满版型,3.2 版面设计的常见类型,3.2.7 并置型,04 版式设计的基本步骤,01 版式设计的基本概念,02 版式设计的基本原则,03 版式设计的基本类型,4.1 版面设计的基本步骤,1. 确定主题（需要传达的信息）2. 寻找、收集用于表达信息的素材（含文字、图形图像）文字表达信息最直接、有效，应该简洁、贴切应该根据具体需要确定视觉元素的数量和色彩（黑白、彩色色系）3. 确定版面视觉元素的布局（类型）4. 使用图形图像处理软件进行制作,4.2 案例分析,错误1：页边空白太少 裁切时稍有疏忽，文字就会被裁掉而影响阅读。页边文字太多，看起来很不舒服。,修正方法：设定合适的页边距 扩大页面切口处的页边距，然后依据页边距调整文字的位置。,4.2 案例分析,4.2 案例分析,错误2：不能不考虑订口 订口、文字与主要图片中人物的手部发生重合如果是有折痕或有装订的宣传样本，这个部分的内容就会变得难看甚至看不到。,修正方法：不要把重要内容放在订口处 重新安排主要图像的位置，避免订口与重要内容发生重合。在有中间折缝的印刷品中，需要考虑印刷品完成之后的效果，订口处留有必要的空间,4.2 案例分析,4.2 案例分析,错误3：意图不明确的布局 照片与人物介绍所安排的位置关系意图不明确给人一种随意处理或还未处理完的感觉。,修正方法：综合同类性质的要素 把性质相近的同类要素尽量靠近安排，使它们看上去是一组内容。,4.2 案例分析,4.2 案例分析,错误4：不知道从哪里开始阅读 Information这则补充信息的文字字号过大，看起来像是文章的标题。如果想从这里吸引读者，读者则会迷惑，不知道怎样来阅读文章。,修正方法：按照文字字号的大小来控制内容的先后顺序 缩小并不十分重要的文字字号，将标题设计成最显眼的部分，使读者能首先注意到这个部分。,4.2 案例分析,错误被修正后，画面看起来舒服很多,4.2 案例分析,
