数字艺术设计概论 教学课件作者 周苏 主编 第2-3讲：美学原则与图案风格设计

1、在线教务辅导网： :/教材其余课件及动画素材请查阅在线教务辅导网QQ:349134187 或者直接输入下面地址：数字艺术设计概论周 苏 教授浙江大学城市学院计算机学院QQ: 81505050第2章 根本要素美学原那么与文字图案设计Photoshop根本操作根本要素与文字效果设计美学原那么与图案风格设计2.3 美学原那么与图案风格设计“所谓美学，是指研究自然界、社会和艺术领域中美的一般规律与原那么的科学。主要探讨美的本质，艺术和现实的关系，艺术创作的一般规律等。当数字艺术设计提高到艺术和美学的层次时，它能深入用户心灵、触动用户的情绪。因此，想要巧妙地进行数字艺术设计就必须关注数字艺术设计的美学问

2、题。2.3 美学原那么与图案风格设计这里，我们所说的数字艺术设计的美学，就是指研究各种设计要素 (如文字、图形、声音或动画等) 在融入一个完整的计算机应用系统后，能给用户带来的艺术效果和美的感受的科学。另一方面，每一件优秀的数字艺术设计作品都应该有其独特的风格，于是，所谓数字艺术设计中的美学设计，就是要创意出作品传达信息的独特表现方式和风格。2.3 美学原那么与图案风格设计在数字艺术设计的软件中，“创意和“风格可表现为屏幕信息主体、构图、背景、纹理、用户界面、运动效果、伴音和音效等等，也就是说，视觉效果和听觉效果反映一个软件的创意风格。当用户浏览一个数字艺术设计作品时，软件的视听效果可以影响他

3、们的情绪，留下强烈的印象。2.3.1 数字艺术设计与美学一个数字艺术设计的作品成功与否，在很大程度上取决于对其素材的展现是否得当，即作品是否表达了各种媒体素材应有的艺术感染力和美。设计人员的美学知识在很大程度上制约着一个作品的艺术效果和感染力。因此，数字艺术设计呼唤艺术和美学，这是一个不容无视的事实。2.3.1 数字艺术设计与美学一个好的数字艺术设计作品决非只是素材的罗列和事实的陈述，更重要的是，要借助于技术和艺术手段来吸引用户和感动用户，通过饱含激情的文字、生动的图形和悦耳的声音来传达信息和知识。数字艺术设计作品通过有意识和潜意识这两个途径，将信息传达给用户。2.3.1 数字艺术设计与美学在

4、有意识方面，用户注意到的是图形设计是否平衡和清楚。一般来说，利用插图来说明内容比利用文字更能引起用户的注意；音乐或配音可以比较自然地把用户导入主题；影像和动画能方便地描述事件情节，使用户易于理解和区分。但在什么时候引用这些素材是有原那么的，那就是只有当这些设计素材能够帮助把观点说明得更清楚或更有力时，才可以使用，否那么有可能会适得其反。2.3.1 数字艺术设计与美学在潜意识角度，设计者只是想通过某些素材来引发用户自己的观点，即让用户从所提供的信息中产生自己的联想和看法。例如，通过音乐来营造系统所需要的气氛，通过图形或影像产生出乎意外的震撼等。2.3.1 数字艺术设计与美学图形图像和色彩效果是表

5、现数字艺术设计作品视觉风格的首要因素。视觉效果设计主要以屏幕或图形设计为主，而音频 (语音、音效和音乐) 是表达数字艺术设计成果的一个重要组成局部。高质量的音效和伴音可以使视觉效果更丰富、表现力更强。动画和视频具有最强的表现力，它在屏幕设计和音频设计的根底上考虑视觉的运动和流畅，以及伴音与视像的配合等因素。2.3.1 数字艺术设计与美学根据人类美感的共同性，可以归纳出数字艺术设计的美学原那么是：连续、渐变、对称、比照、比例、平衡、调和、律动、统一和完整等。在数字艺术设计的创作中，应该重视其版面设计。2.3.1 数字艺术设计与美学优秀的数字艺术设计作品，要求设计者不断增强理论修养和综合素质；增强

6、设计意识，提高总体把握能力；增强业务能力，提高视听表达能力等等。设计者要注意改善自己的知识结构，加强对美学知识的学习，提高艺术素养，还要注意与专业教师、艺术人才等各种专业人才合作，取长补短。2.3.2 不同媒体的美感特点从数字艺术设计的开展过程来看，图形图像和色彩效果是表现作品视觉风格的首要因素。如果不考虑运动效果 (它主要取决于动画和视频效果) ，视觉效果设计主要以屏幕或图形设计为主。此外，从某种意义上讲，音频 (语音、音效和音乐) 是表达数字艺术设计成果的一个重要组成局部，是音频的参加才使得作品“有声有色。2.3.2 不同媒体的美感特点高质量的音效和伴音可以使视觉效果更丰富、表现力更强。动

7、画和视频具有最强的表现力，它们是在屏幕设计和音频设计的根底上考虑视觉的运动和流畅，以及伴音与视像的配合等因素。2.3.2 不同媒体的美感特点(1) 文字和旁白在众多素材中，文本被认为是最根本、最重要的成分，在概念的表达和描述抽象、复杂的问题方面具有简洁明了、精确度高的独特优点，而且最擅长的是高度概括各种极为抽象和具结论性的表述。文字属于表达性、详细和直接的媒体，可以用显示或旁白方式，或者两者并用。文字较适合于描述概念和内容，旁白那么较适合于演说和解释。2.3.2 不同媒体的美感特点(2) 图形和图表图形 (包括静态图像) 的媒体形象直观，不仅能直观、生动地传播信息，产生一目了然的视觉效果，而且

8、具有丰富的色彩、多变的布局，本身具有强烈的审美性和艺术感染力。图形可以是写实的，也可以是象征的。图形也常用来作为背景，此时，图形要经过淡化或加亮处理，以使前景内容可以清晰地显示出来。图形可以用来解说概念、表示印象，或作暗示和联想，常用来营造气氛和引导用户情绪。2.3.2 不同媒体的美感特点而静态照片可以传递影像和信息，增加视觉的丰富程度，能产生详尽的效果和吸引注意力，可以具有高度的暗示性和象征性。艺术性的照片可以一下子抓住用户的注意，戏剧性的主题照片能产生外表上的和背后隐藏的震撼力。图表可以让信息显而易见，一目了然，并且可以使用户做比较式的阅读。图表有各种各样的种类和样式，可以组合出一些主题元

9、素，但从本质上来说，它属于实际和外表的东西。2.3.2 不同媒体的美感特点(3) 背景和质感背景是放置文字、图形和其他元素的画布。从美学的观点看，背景是可以传送有关画面信息的最快形式，因为它通常在其他元素出现之前就呈现在用户面前，很可能会成为用户的第一注意焦点。2.3.2 不同媒体的美感特点用作背景的图形大致有两种。一种是图形，通常是照片或美术图形经特别加工而成；另一种是加上颜色的材质。两种方式的背景都可以赋予额外的含义，也能扩展到更广范围的联想。使用图形来做背景，自然要采用切合主题的画面，或蕴含着某种特别意义的画面。此外，使用图形作背景，图形上的线条应尽可能地简单，背景图形上的物件要与前景上

10、的元素相配合，包括空间上的色彩配合。一般来说，背景图形要淡化处理。2.3.2 不同媒体的美感特点采用材质做背景是一种流行的做法。不同的材质有不同的含义，要根据主题选取。例如，一些常见的材质具有如下的含义：1) 皮革。具有优雅和工匠之气，适用于高级的车种和精细的家具。2) 大理石。能编织出一种冷并且坚实的感觉，可以用来注释古典的、可信度高的和持久的事物，常用于有关财务的应用系统。2.3.2 不同媒体的美感特点3) 手制的纸张。适用于高尚的、艺术性的和非自动化的事物，通常用来表示文件的重要性。4) 宝石。具有明显的财富和优雅含义，有时是代表坚硬、永久和特殊的质感，通常用在象征高雅富贵的对象上。5)

11、 工业金属板。给人以现代的象征，具有可靠感。通常用在结构和制造业的应用系统中，也常用在计算机和微电子业中。6) 蓝天。提供自由、空间和具有想象力的特性。2.3.2 不同媒体的美感特点使用一幅特别的图形做背景也是常见的做法，此时，只要适当地利用图形上的元素及其相互间的关联性，便可以启发用户的记忆，引起他们的感觉，营造出特定的气氛和环境，让用户通过对图形的联想而身临其境。2.3.2 不同媒体的美感特点(4) 颜色和感觉色彩是光刺激眼睛再传至大脑视觉中枢而产生的一种感觉，对作品的质量有着直接的影响，不管是字体、图片等单个元素还是整体合成，在色彩运用时要防止屏幕色彩过杂，注重整体色调的统一，强调色彩的

12、比照关系，确保主体突出，利用色彩营造特定情绪气氛。不同的颜色会使人产生不同的联想。颜色对个体的影响可能是生理的、心理的或是文化的。例如，有人会认为红色给他带来幸福和桔祥，但有人会从反面联想。设计中，应当考虑到颜色会触发用户产生何种联想。2.3.2 不同媒体的美感特点(5) 配音与音乐声音作为一种可以传递信息和刺激情绪的有利手段，实际上常常又会被忽略。例如，在画面上出现文字的同时又有相应的配音，用户往往习惯于将更多的注意力放在文字上。其实，被忽略的原因很简单，因为声音是属于潜意识的影响因素，而且其效果也比较难以衡量。但毫无疑问，声音在一个数字艺术设计作品中是非常重要的，它可以增加趣味性和娱乐性，

13、表现出一定的情感和风格，衬托出所需要的气氛，也可以增强用户对一些描述的记忆。2.3.2 不同媒体的美感特点(6) 影像和动画活动视频能以连续、生动、形象的活动图像表现真实场景、各种内容和主题思想，它本身就是多种媒体的综合体，有很强的表现力，具有形象性、再现性、高效性等多种特性，同时也具有高度的娱乐性。使用影像可以通过以时间为根底的方式来传达信息。2.3.2 不同媒体的美感特点动画是指连续运动变化的图形、图像、活页、连环图画等，也包括画面的缩放、旋转、切换、淡入淡出等特殊效果。可以表现其他媒体所无法实现的各种内容，它形象、生动、直观、有趣，可以化抽象为具体。使用得当的话，动画成分可以增强多媒体的

14、视觉效果，起到强调主题、增加情趣的作用。2.3.2 不同媒体的美感特点(7) 动作的效果在数字艺术设计中，动作是指场景间的变换、文字或图形的平面移动、三维动画和影像。一般来说，屏幕上的动作越多，就越能表达更多的信息，产生更多的趣味和刺激性。运用动作可以抓住用户的兴趣和注意力、表达抽象的观点和概念、刺激用户情感上的反响以及产生潜意识上的联系，可以让用户在最短的时间内获得最新的想法。2.3.3 版面设计原那么一个数字艺术设计作品的好坏，主要取决于以下因素：1) 表演脚本的编写。2) 素材加工的艺术性。3) 版面设计的艺术性。2.3.3 版面设计原那么但是，版面设计很容易被设计者所忽略，不少数字艺术

15、设计作品对版面设计都没有很多考虑。如果多分析一些设计优秀的数字艺术设计作品，就会发现版面设计是一件非常精细的工作，很多创意正是表现在版面的安排上的。2.3.3 版面设计原那么用户一方面从电脑屏幕上所呈现的视觉表现得到信息，做出反响；另一方面，根据其美感经验，由电脑屏幕上的视觉呈现引发他的良好的沟通情绪。一个赏心悦目的视觉呈现有赖于设计者的创意、表现技巧和编排能力。2.3.3 版面设计原那么数字艺术设计作品所展现的画面受到电脑屏幕的尺寸限制。所谓好的版面设计，是指恰到好处地使用有限的屏幕空间并到达良好的视觉传播效果，能配合主题到达对用户的感染作用。2.3.3 版面设计原那么版面设计中常遵循的原那

16、么有比照原那么、平衡原那么、协调原那么以及乐趣原那么等。它们都是为了加强版面的气氛、增加吸引力、突出重心、提升美感。1) 连续原那么。连续是一种没有开始、没有终结、没有边缘的严谨的秩序排列。连续可无限地扩张，可超越任何框架限制。2) 渐变原那么。渐变就是有一定秩序和规律的逐渐的改变。渐变除形状渐变外，还有色彩渐变、位置渐变和方向渐变等等，可单独或混合运用。2.3.3 版面设计原那么3) 对称原那么。视觉上以一个点或一条线为基准，上下或左右看起来相等的形体称为对称。对称具有相称、均齐、均整的意思。左右对称的形体向来都被认为是安定且具有庄重和威严的感觉。对称的表现形式包括线对称、点对称、感觉对称等

17、。4) 比照原那么。将相对的要素放在一起相互比较，以形成两种抗拒的紧张状态，这称为比照。这种造成相对排斥性质的要素，即一般所谓的比照要素。2.3.3 版面设计原那么好的布局的重要标志是画面清晰明确。当用户的眼光落在画面上时，就要让用户清楚地判别哪些是重要的，哪些是不太重要的。要实现画面清晰，一个有效的途径是遵循比照的原那么。通过比照来强化设计者要表达的主要问题，吸引用户的注意力，淡化那些非主流信息。通常，在设计时所涉及到的比照方面有形状的比照、大小的比照、明暗的比照、粗细的比照、曲线和直线的比照、质感的比照、位置的比照、色彩的比照和多种比照混合等。2.3.3 版面设计原那么5) 比例原那么。在

18、造型上，所谓比例是指关于长度或面积等的一种量度比照，它描述的是局部与局部或局部与全体之间的关系。比例一直被运用在建筑、工艺以及绘画上。有几个理想的比例，远在古代，学者就把它们加以公式化，作为设计的根本原理，以便求得统一与变化。其中，最根本并且最重要的比例就是黄金比例。黄金比例：又称黄金分割，指把一条线段分成两局部，使其中一局部与全长的比等于另一局部与这局部的比，即比值为 。因这种比例在造型上比较悦目而得名。2.3.3 版面设计原那么6) 平衡原那么。平衡是指两个力量相互保持的意思，也就是说，把两种以上的构成要素互相均匀地配置在一个根底的支点上，以保持力学上的平衡而到达安定的状态。布局设计良好的

19、标志之一是让用户感觉到画面平衡。这里所说的平衡与对称不同。事实上，对称的布局往往缺乏创意和视觉上的乐趣，而且用户也感觉太庄严呆板，不够活泼。所谓版面的平衡是指画面各种元素布局轻重大小适宜，不要产生某些地方特别空或特别重的感觉。2.3.3 版面设计原那么7) 调和原那么。当两种构成要素共同存在时，如果互相差距过大，即造成比照。如果两种构成要素相近，那么比照刺激变小，能产生共同秩序使两者到达调和的状态。如黑与白是一种强烈比照的颜色，而存于其间的灰色便是两者的调和色。调和在视觉上可使我们产生美感。因此，调和的原那么一直是人们所关心的，尤其是关于色彩和造型的调和问题。然而，为了到达调和，各要素间的统一仍是必要的。在造型上，如线的粗细与线的长短均会有影响，但只要在造型上能保持一致，也可产生调和感。2.3.3 版面设计原那么调和要素除了色彩与造型外，质感也是相当重要的因素。例如，以相同材质作为建筑物或庭园设计的材料，也是获得调和感的方法之一。8) 协调原那么。协调原那么贯穿对主要内容的突出、图形与文字的比例恰当和色彩的均衡等方面。只有协调才能给用户以自然的印象。9) 律动原那么。但凡规那么的或不规那么的反复和排列，或属于周