《字体与版式设计》课件：版式设计1

1、Sichuan universityaug.2021视觉传达设计版式设计LIKE Design Works2021作者 李珂图形编排 文字编排 版式设计原理 点线面体形色质量场版式设计是现代设计艺术的重要组成局部，是视觉传达的重要手段，外表上看，它是一种关于编排的学问；实际上，它不仅是一种技能，更实现了技术与艺术的高度统一。版式设计可以说是现代设计者所必备的根本功之一。 LIKE Design WorksMAY.2021版式设计的定义：所谓版式设计，就是在版面上，将有限的视觉元素进行有机的排列组合。将理性思维， 个性化地表现出来；一种具有个人风格和艺术特色的视觉传送方式。传达信息的同时，也产生

2、感官上的美感。版式设计的范围，涉及到报纸、刊物、书籍画册、产品样本、挂历、招贴画、唱片封套和网页页面等平面设计各个领域 雕塑技法 LIKE Design WorksMAY.2021 参考书目booksLIKE Design WorksMAY.2021作者： 日佐佐木刚土 著，武湛 译出 版 社： 中国青年出版社作者： 美萨马拉著，齐际，何清新译出 版 社： 广西美术出版社版式设计(艺术设计方法与实践-平面设计系列) 徐舰，杨春晓编著/2021年10月/重庆大学出版社 版式设计 杨敏 编著/2006年08月/西南师范大学出版社 国际最新商业版式设计 高色调图书编著/2007年12月/湖南美术出版

3、社 雕塑技法 LIKE Design WorksMAY.2021第一章 版式设计概述designsculptureLIKE Design WorksMAY.2021第一章 概述第二章 版式设计原那么第三章 版式设计的编排构成第四章 文字的编排构成第五章 图形的编排构成第六章 版面设计的编排形式第七章 现代版面的设计观念sculptureLIKE Design WorksMAY.2021包装设计sculptureLIKE Design WorksMAY.2021书籍装帧sculptureLIKE Design WorksMAY.2021海报设计sculptureLIKE Design Works

4、MAY.2021Vi系统及应用sculptureLIKE Design WorksMAY.2021网页设计版式设计sculptureLIKE Design WorksMAY.2021字体作为符号设计的海报sculptureLIKE Design WorksMAY.2021文字排列sculptureLIKE Design WorksMAY.2021字体设计LIKE Design WorksMAY.2021产品宣传广告sculptureLIKE Design WorksMAY.2021工业产品设计版式设计LIKE Design WorksMAY.2021版式设计对于平面设计是一门相对独立的设计艺术

5、，研究平面设计的视觉语言和艺术风格，是现代设计艺术的重要组成局部，是视觉传达的重要手段。LIKE Design WorksMAY.20211.1概念版式设计是按照一定的视觉表达内容的需要和审美的规律，结合各种平面设计的具体特点运用各种视觉要素，将各种文字，图形及其他视觉形象元素加以组合编排，进行表现的一种视觉传达的设计方法。LIKE Design WorksMAY.20211.2版式设计三大视觉要素文字 图形色彩LIKE Design WorksMAY.20211 文字主题内容标题，正文，注解等离不开文字，通过文字获得主要信息。设计者需掌握中外字体的一般常识，不同的字体给人的心理感受不一样，美

6、的字体能使人感到愉悦，帮助阅读和理解。LIKE Design WorksMAY.2021LIKE Design WorksMAY.20212 图形或者图像. 图片在版面设计中，占有很大的比重，视觉冲击力比文字强85%。. 这并非语言或者文字表现力减弱了，而是说图片在视觉传达上能辅助文字，帮助理解，可以使得版面立体，真实。文字版中参加图形图像立即引起视觉流程的变化。. 图形的形式大小数量 影响读者注意力。LIKE Design WorksMAY.2021特写图像视觉冲击力强LIKE Design WorksMAY.20213 色彩. 色彩较之图文对人的心理影响更为直接，具有更感性的识别性能。现代

7、商业设计对色彩的应用更是上升至“色彩行销的策略，成为产品促销，品牌塑造的重要手段。LIKE Design WorksMAY.2021色彩在画面中的协调作用雕塑技法 LIKE Design WorksMAY.2021第二章 版式设计原那么designsculptureLIKE Design WorksMAY.20211 思想性与单一性. 版面设计本身不是目的，设计是为了更好的传播客户信息的手段。一个成功的版面设计，首先必须明确客户的目的，并深入了解，观察，研究与设计相关的方方面面。版面离不开内容，更要表达内容的主题思想，用以增强读者的注意力和理解力。只有做到主题鲜明，内容清晰，才能到达版面设计的

8、最终目标。sculptureLIKE Design WorksMAY.20212 艺术性与审美情趣. 主题鲜明的版面布局和表现形式等成为版面设计的艺术核心。怎么才能到达有创意，形式美，变化又统一，具有什么情趣，这就取决于设计者自身的文化内涵和不断的学习过程。sculptureLIKE Design WorksMAY.20213 趣味性与独创性. 版式设计中的趣味性，主要是指形式上的情趣。如果版面本无多少精彩的内容，就要在创作中运用艺术手段，使版面增加趣味性，从而更吸引人更打动人。趣味性可采用寓意，幽默，和抒情等表现手法来实现。独创性实质上是突出个性化特征的原那么。鲜明的个性是版面设计的创意灵魂

9、。sculptureLIKE Design WorksMAY.20214 整体性与协调性. 通过版面图文间的整体组合与协调编排，使得版面具有秩序美，调理清晰，从而活得良好的传播效果。sculptureLIKE Design WorksMAY.2021版面元素的视觉流程视觉流程的形式是由人类的视觉特性所决定的。视觉总有一种自然的流动的习惯，先看到什么，后看到什么。视觉流程往往会表达出比较明显的方向感，它无形当中形成一种脉络，似乎有一条线，一股气贯穿其中，使得整个版面的运动趋势有一个主旋律。sculptureLIKE Design WorksMAY.2021单向视觉流程使得视觉流程使得版面的导向简

10、洁明了，通过水平或者垂直方向的引导，直接诉求主题内容。其表现为三种方向的关系：竖向视觉流程：坚决，直观的感觉。横向视觉流程：给人稳定，恬静之感。斜向视觉流程：以不稳定的动态引起读者注意。sculptureLIKE Design WorksMAY.2021版式编排设计的根本要素：点 线 面的编排构成3.1 点的编排构成3.2 线的编排构成3.3 面的编排构成3.4 三维空间的编排构成3.5 骨骼设计3.6 自由构成sculptureLIKE Design WorksMAY.2021任何一种版式设计，在空间原理上均归于点，线，面的分类。点，线，面是几何概念，亦是版式设计的根本元素和主要的视觉语言形

11、式。sculptureLIKE Design WorksMAY.20213.1 点的编排构成版面中的点由于大小，形态，位置不同，所产生的视觉效果也不同。点的情绪点具有向心，收敛，聚焦等特性。这些特性使得它产生形态场，并向四周辐射。点的向心收敛性是因为其小且相对独立，又因为其与整体形态有较大比照，所以有聚焦性，容易形成焦点。而且配合其材质和颜色的不同，与场景形成更大的比照，其聚焦性就更加突出。其鲜明，突出的特性要求设计师在设计师要特别注意点的设置和布局。在处理好点自身形态的时候，充分考虑到点与场的辩证关系，比照反差要协调，匹配。 sculptureLIKE Design WorksMAY.202

12、1点的组合 A 行列式横平竖直，排列整齐的行列式给人以规整有序的感觉。当这些点均匀的排布在产品面上时，能使得产品外表产生一种韵律，一种质感，形成严密规整的形态效果。但形态较为刻板。现在电子产品上，经常出现行列式排列的点阵，如喇叭出声孔。图2-3 Vipp公司出品 食物篮B 放射式B 放射式放射式点阵使人们视线有了动势，人们会跟随排布趋势去观察。方式是跟点阵式一样，也是规整的。区别在于，点阵式是基于直角坐标的排列，而点阵式是基于极坐标的排列。在极点上发散开去。根据极角的不同，会出现360的全放射或者是某一角度的局部放射。全放射给人以完整之感，而角度放射有趣，引导人们视线，使人们思考。在自然界，比

13、较有代表的放射式点阵是80%花瓣的排列；在数理上，著名的放射式排列是利用菲波那契数列所做的排列。在产品设计中，放射式点阵也有很广泛的运用，主要在应用在制作外表装饰性纹理的时候，如下图。另外在按键面板设计的时候，排列方式也有应用。 放射式sculptureLIKE Design WorksMAY.2021C 聚散式聚散式点阵C聚散式聚散式是形式上随意放置的一些点。点的聚散式排列给人以随意，轻松，自由的感觉。然而这些“随意放置的点，实际上是根据设计要求设置的，并且符合美学要求。看似随意，实那么有意。在产品设计上，聚散式相对要少一些，工业产品一般较为严谨。如下图。在平面设计类的网页界面设计，聚散式那么应用得相当广泛。聚散代表力感的走向，合理的聚散方式，可以扭曲空间体量感。比方，在一个方框中中央局部