六七字图编排构成

《六七字图编排构成》由会员分享，可在线阅读，更多相关《六七字图编排构成（55页珍藏版）》请在金锄头文库上搜索。

1、视觉传达设计视觉传达设计 讲授： 汽车学院 周星 starcqit 第六章 文字的编排构成 w 1.字号 计算机字体面积的大小有号数制、级数制和点数 制（也称为磅）。 一般常用号数制，简称“字号” 一、字号、字体、行距 w 2.行距 行距的宽窄 较难把握 过窄目光难以沿字扫视 过宽过多的空白，使字行没有较好的延续性 ，影响阅读，使人有疲乏感 行距的常规比例是：用字10点 : 行距12点 一、字号、字体、行距 w 3.字号、字体、行距的视觉层次 w 一个版面中 版式最佳视觉效果 选 三到四种以内 字体 w 超过四种以上，显得杂乱，缺乏整体感 一、字号、字体、行距 二、文字编排的四种基本形式 w

2、1.左右对齐 w 2.齐中 w 3.齐左或齐右 w 4.文字绕图编排 二、文字编排的 四种基本形式 1.左右对齐 文字从左端到右 端的长度均齐 w 这种排列方法 使字群显得端 正、严谨、美 观 w 目前书籍、报 刊最常用的一 种 二、文字编排的四种基本形式 2.齐中 w 以中心为轴线，两端字符相等。 w 特点： w 视线更集中 中心更突出 整体性更强 w 用文字齐中排列的方式配置图片时，文字的中 轴线最好与图片的中轴线对齐，取得版面视线 统一 二、文字编排的四种基本形式 w 3.齐左或齐右 w 其排列方式 w 有松有紧有虚有实，能自由呼吸，飘逸而有节奏感 w 左或右取齐，行首、行尾自然产生出一

3、条清晰的垂 直线，与图形的配合，易协调，取得同一视点 w 齐左显得自然，符合人们阅读时视线移动的习惯 w 齐右不太符合人们阅读的习惯及心理，但齐右的方 式编排文字方式经常在设计作品中使用 二、文字编排的四种基本形式 w 4.文字绕图编排 将去底图片插入文字版中 ，文字直接饶图形边缘排 列。 w 此方法亲切、自然， 融洽、生动之感 w 在文学作品中最常用的插 图形式 二、文字编排的 四种基本形式 w 4.文字绕图编排 将去底图片插入 文字版中，文字 直接饶图形边缘 排列 三、标题与正文的编排 w 标题与正文在进行编排时，可先将正文作双栏、三 栏或四栏的编排，再进行标题的置入(如：报纸、杂 志)

4、w 将正文分成双栏、三栏或四栏 是求取版面的空间与弹性、活力与变化，避免通栏 的呆板以及标题插入方式的单一 w 标题虽是整段或整篇文章的标题，但不一定都放 在段首，可作居中、横向、竖向或边置等编排处 理 三、标题与正文的编排 四、文字的强调 w 1.线框、符号的强调 w 2.行首的强调 w 3.行首装饰性的强调 w 4.引文的强调 w 1.线框、符号的强调 w 有意的加强某种文字元素的视觉效果，使其在整体 中显得特别出众、夺目 w 这种被强调的元素正是版面中的诉求重点，或是为 引人注目 w 通常为了突出主题而减弱其他要素的配置量 产生“主宾”对比关系 - 宾体越弱- 主体越强 四、文字的强调

5、w 2.行首的强调 w 将正文的第一个字或 字母放大，当下的设 计较为流行 w 此技巧的发明源于欧 洲中世纪时代的文稿 抄写员 四、文字的强调 w 3.行首装饰性的强调 在文版中，行首字放大作为图形，或选用具有 装饰性的字体，除了在版面中起到“点”的作用 更重要是作为“形象化”“装饰化”产生视觉冲击 力 四、文字的强调 w 4.引文的强调(杂志文章、宣传册、广告中) w 在进行正文的编排中，我们常会碰到提纲挈领性的 文字，即引文(亦称眉头)。 w 引文概括一个段落、一个章节或全文大意，因此在 编排上应给予特殊的位置和空间来强调。 w 引文的编排方式有多种表现，如将引文嵌入正文栏 的左右面、上方

6、、下方或中心位置等，并且在字体 或字号上可与正文相区别而产生变化。 四、文字的强调 五、文字的整体编排 w 1.文案的群组编排 w 2.文案的图形编排 w 1文案的群组编排 w 将文案的多种信息组织成一个整体的形，如方形或 长方形等，其中各个段落间还可用线段分割，使其 清晰、条理而富于整体感。 w 在以图形配置时，主体更为突出空间更统一。 w 文案的群组化，避免了版面空间的散乱状态。 五、文字的整体编排 w 1文案的群组编排 w 组织成一个整体的形，如方形或长方形等 五、文字的整体编排 w 2文案的图形编排 w 将文案排列成一条线或一个面或组合为一个形象， 并成为插图的一部分，达成图文的相互融

7、合，补充 说明 w 文字的图形化是版面产生生动妙趣，获得良好视觉 吸引力的一种方式，是形式与内容相统一的最佳形 式。 w 并非每件设计都可作图形化处理。图形化处理不可 随意滥用，它必须依据主题内容来确定。 五、文字的整体编排 w 2文案 的图形编 排 五、文字的整体编排 w 2文案的图形编排 五、文字的整体编排 六、字的图形表述 （或称为：字的图形设计） w 注重文字的编排和文字的 创意，是视觉传达设计现 代感的一种体现。 w 设计师不应放过在有限的 文字空间和文字结构中进 行创意编排，而应赋予编 排更深的内涵，捉高版面 的趣味性与可读性，克服 编排中的单调和平淡。 1.字意图形表述 2.字画

8、编排的表述 w 1字意图形表述 w 将文字意象化， 以简洁的图形，传 达文字更深层的思 想。 六、字的图形表述 w 2字画编排的表述 w 人类最初表达思维的符号是图画及象形文字。象 形文字是一种形态性的记号，在现代编排设计中 ，把记号性的文字作为构成元素来表现，这便是 字画图形 w 字画图形包括由字构成的物形和把物形加入文字 两种形式。 w 前者强调形与功能，具有商业性； w 后者注重形式、趣味，不特定表述某种含义，而 在于可给我们一些创作的灵感和启示。 六、字的图形表达 七、文字的叠印 （广告，杂志封面） w 版式设计中，常用文字与文 字、文字与图像相互重叠的 表现手法。这种手法流行于 80

9、年代前后，并沿用至今。 w 产生强烈的空间感、跳跃感 、透明感、杂音感和叙事感 ，并成为版面最活跃、最注 目的元素。 w 这种手法影响易读性，但能 造成版面独特的视觉效果。 w 不追求易读，而刻意追求“ 杂音”的表现手法，是一种 艺术思潮的表现，具有现代 感的特征。 w 文字在编排上的疏 密节奏，可体现出 多种情绪。 w 文字大，叠印密， 情绪紧张而激烈， 节奏感强； w 文字小，叠印疏散 ，轻柔而抒情，节 奏感弱。 w 编排时，要谨慎运 用文字叠印的设计 手法，以更贴切和 完美地表现主题， 使版面更具艺术的 感染力。 七、文字的叠印 w 课堂作业： w设计重庆理工大学计算机学院网页 首页 w

10、作业2要求：提交jpg格式，数量一 张，请将各小图拼接为一张大图， 便于浏览。 w课后作业： w对五种行业的网站首页进行网页设 计调研，找出其特征，优、缺点。 w作业要求：1、提交ppt文件格式。2 、图片与文字混排，文字为图片的 调研分析和结论说明。3、每种行业 网站数量不得低于两个。 第七章 图形的编排构成 一、四角与中轴四点 w 1支配版面的四 角和对角线 w 在版面结构布局上 ，四角与对角线具 有潜在的重要性。 四角是表示版心边 界的四个点，交叉 点为几何中心。布 局时，通过四角和 对角线的结构求得 版面多样变化的结 构形式。 w 2支配版面的中轴 四点 w 中轴四点指经过 版心的垂直

11、和水干线 的端点。中轴四点可 产生横、竖居中的版 面结构，其四点(上、 下、左、右)可略有移 动 一、四角与中轴四点 w 3四角与中轴四点 结构 w 将四角与中轴四点 结构结合使用，其版 面结构更为丰富完美 。 一、四角与中轴四点 w 四角与对角线以及中轴四点，其结构原理虽简 单，变化却很丰富。编排时紧紧抓住这八个点，布 局就变得容易(除自由版式)。 w 用四角和中轴四点及对角线的关系来分析、解释版 面的结构，则版式设计的结构关系、视觉流程关系 、形式法则关系都得到相应简化。 一、四角与中轴四点 二、方型图、退底图、出血图 w 1.方型图 w 2.退底图 w 3.出血图 w 1方形图 w 方形

12、图，即图形以直线边框来规范和限制，是一 种最常见、最简洁、最单纯的形态。 w 方形图将主体形象与环境共融，完整地传达主题 思想，富有情节性，善于谊染气氛。 w 配置方形图的版面，有稳重、严谨和静止感。 二、方型图、退底图、出血图 w 2退底图 w 退底图，即将图片中精选出的图像沿图像边缘剪 裁而保留轮廓分明的图形。退底图形自由而突出， 更具有个性，因而给人印象深刻配置退底图的版 面，显得轻松、活泼、动态十足，图与文的结构更 自然和默契，尤其给人亲和感。 二、方型图、退底图、出血图 w 以方形图为主体的版面，显得理性、庄重大方，有 时亦显得过于冷静。若在其中加以退底图形配置， 将使版面变得柔和生

13、动以退底图为主体的版面， 给人轻松自由的气氛。 w 但退底图使用过多，容易显得凌乱而失去整体感。 在这种情况下，可用加线、线框、色块或方形图的 方法，使版面取得平衡和稳定。 二、方型图、退底图、出血图 w 3出血图 w 出血图，即将图形充满版面，无边框，有向外扩张 和舒展之势。 w 出血版产生动感，与人更接近，一般用于传达抒情 或运动信息的版面。若图片采用出血版式，因不受 边框的限制，而使情感与动感得以更好的舒展与发 挥。 二、方型图、退底图、出血图 三、图形面积 w 版面中的图形面积的大小，不仅能影响版面的 视觉效果，而且直接影响理念、情感的传达。 w 1.大图形情感强烈 w 2.小图形精密

14、 w 1大图形情感强烈 w 大图形面积注目程度 高，感染力强，能给 人舒服愉快之感。 w 大图形通常用来表现 细节，如人物表情、 手势，某个对象的局 部特写等，能在瞬间 迅速地传达其内涵， 与人产生亲和感。 三、图形面积 w 2小图形精密 w 小图形插入字群，显得简洁而精致，有点缀 和呼应版面主题的作用 w 但同时，也给人拘谨、静止、趣味弱之感 w 版式设计中常出现的问题：若只有大图形而无小图 或细部文字，版面就会显得空洞。但光有小图而无大 图形，又会使版面缺乏生气而显平板。只有大小、主 次得当地穿插组合，才能构成最佳的配搭关系 三、图形面积 四、块状组合与散点组合 w 1.块状组合 w 2.

15、散点组合 w 1块状组合 w 将多幅图片通过水平、垂直线分割，图片在版 面上整齐有序地排列成块状。其组合方式具有强 烈的整体感、严肃感、理性感和秩序美感。 w 各图片相互自由叠置或分类叠置而构成的块状 组合，具有轻快、活泼的特性，同时也不失整体 感。 四、块状组合与散点组合 w 2散点组合 w 图片散点排列，版面即充满自由轻快感 w 散点组合编排时，注意图片大小、主次的配置，方 形图与退底图的配置。同时还应考虑疏密、均衡、 视觉方向程序等。 四、块状组合与散点组合 w 文字或图像成延续页面的设计，称为连页或展开页 设计。 w 当视线扫视版面时，首先是注意左右页或宣传折页 展开的整体效果，然后才

16、从左至右进行阅读，因此 ，整体设计非常重要。 w 它不仅是单页面的整体，而且是展开页面的整体。 如果只注意单页局部而忽略整体，或将左右单页分 割开来编排，都会造成散乱、不统一的视觉感受。 建立展开页的整体设计手法很多，主要从以下几方 面来把握： 五、展开页的整体设计 w 1展开页的整体设计建立在形象的对比关 系上。左右页常以一大一小、一多一少、一 动一静、一黑一白、一曲一直、局部和整体 、文字与人物等形式构成，在对比中建立和 谐的整体的关系。 五、展开页的整体设计 w 1左右页常以一大一小、一多一少、一动一静 、一黑一白、一曲一直、局部和整体、文字与人 物等形式构成，在对比中建立和谐的整体的关系 。 五、展开页的整体设计 w 1左右页常以一大一小、一多一少、一动一静 、一黑一白、一曲一直、局部和整体、文字与人 物等形式构成， 五、展开页的整体设计 1在对比中建立和谐的整体的关系。 w 1左右页常以一大一小、一多一少、一动一静