美学与设计概述 (45).pptVIP

设计美学 插图与版式设计 图1：电脑插画 三、插图设计 （一）插图的概念：广义的“插图”可指我们日常眼见的报纸、杂志、各种书刊、影视、媒体广告等在文字间所加插的各种视觉图片（手绘，电脑绘，摄影图片），统统称为“插图”。 插图对正文内容或主题内容起补充说明或艺术欣赏作用。 1、插图对除人以外的东西进行拟人化的表现——把本身不具有人物性格特征的一些东西表现得具有人物性格特征。 （二）插图的功能审美： 2、插图可以表现一些现实中并不存在的情况 3、插图可以扩大意向表现范围 4、通过精准的插图来实现照片达不到的写实效果。不同时期不同国家有其独特的插图形式和审美标准。 图2：敦煌壁画 （三）传统插图特点及审美分析 1.仅为书刊文字配图，起辅助补充之用，手绘是主要表达方式 2.材料，工具相对单一，表现相对主观，自由，绘画感强。 图3：元代王祯《农书》插图 图4：荷兰sumeco作品 （四）现代插图审美特点分析 1，表达方式多元化，集手绘，电脑，摄影，装置多种表现方式与一体； 2，表现空间更加自由，强大； 3，分工与功能更细致更具市场价值（艺术插图，商业插图） 图5：三维动画电影插图 图6：二维动画电影插图 3.插图的艺术美 插图的绘画形式多种多样，但不管是用什么技法，用什么手段，从艺术审美上来讲，适用于一般绘画审美的标准，即整体和谐、风格明确。从功能审美上来讲具有叙事性和说明性的作用，是文学作品的有益补充。 图7：书籍版式设计 （二）要素 1. 文字 2. 图形 3. 色彩 4. 网格 5. 视觉流程 四、编排(版式）设计之美 （一）概念：版式设计，即将文字、标志和插图等视觉要素进行组合配置的设计。 图8：电影海报版式设计 （三）版式中的字体设计 1、个性化字体设计： 对文字的象形、意形、字母按视觉传达规律加以整体考虑的设计，是通过对字形、字意、字音的联想，以意念思维所创造的新的文字造型形象，有着很高的审美价值，具有可读性、趣味性、识别性，是现代视觉传达的重要语言之一。 2、字体编排设计 图9：便签版式设计 将句子或文章有序地、有层次地、有疏密对比地编排。要考虑形式的美感。如：字距、词距、行距的编排 （1） 汉字编排 —— 一般较规则的说明 文字：行距 = ¾字高、比字间距略宽 （2）拉丁字母大写行距 = ½字高 （3）特殊要求时，可根据需要调整。 图10：海报版式设计 图11：海报版式设计 3.图形化的文字编排 运用大量的文字组成平面的，或立体的图形，其图形化的文字编排能够形象地传达出文字的内容，从而增加读者对文体的兴趣和记忆。 （四）版式中的图形和图像设计 图片在版面设计中，占有很大的比重，视觉冲击力比文字强85%。但这并非语言或文字表现力减弱了，而是说图片在视觉传达上能辅助文字，帮助理解，更可以使版面立体、真实。文字版中加入图形图片立即引起视觉流程的变化图形的形式、大小、数量——影响读者注意力 图12：书籍版式设计 图13：海报版式设计 例：夸张的图形给人以新奇感。图形主要具有以下特征：图形的简洁性、夸张性、具象性、抽象性、符号性、文字性。 图14：手册版式设计1 （五）版式中的色彩之美 色彩较之图文对人的心理影响更为直接，具有更感性的识别性能。现代商业设计对色彩的应用更上升至“色彩行销”的策略，成为商品促销、品牌塑造的重要手段。 图15：手册版式设计2 图16：黑白版式设计 1.黑白配色之美：黑与白有强烈的对比关系，灰色是对这两种颜色的调和，这样的配色给人一种安静素雅的感觉，同时还具有很强的时尚感。 图17：类比色版式设计 2.类比配色的和谐之美：类比配色是指挨得比较近的颜色组合。它们彼此之间互为邻近色，这种颜色的搭配可以产生渐变感，色调又很明确，低色彩的对比产生和谐的美感，但用色不能过多，容易使人产生色环的感觉。 （六）网格系统 将版面中的构成元素点、线、面协调一致地编排在版面上。 网格在版式设计中有着约束版面的作用，其设计特点主要强调了比例感、秩序感、整体感与严肃感，使整个版面具有简洁、朴实的版面艺术表现风格，在版式设计中成为主要的构成元素。 （1）网格具有版面需求性 图8：艺术表现字体设计 1.网格系统的作用 （2）网格具有信息组织的功能性 （3）网格具有阅读的关联性 本设计为杂志内页版面设计。图片运用单元格的形式编排，展现了整个版面的活跃性。 图19：杂志版式设计 图21：以线为导视的版式设计 （七）视觉流程 视觉流程，是视线在观赏物上的移动过程，是二维或三维空间中的运动。版面设计的视觉流程是一种“空间的运动”，是视线随各元素在空间沿一定轨迹运动的过程。 图22：Nick Cave创意折页画册设计 经验丰富的设计者都对此非常重视，他们善于运