网络广告设计原理

精品资料网（）25万份精华管理资料，2万多集管理视频讲座精品资料网（）专业提供企管培训资料第4章网络广告设计原理第1课网络广告中的形式美法则第2课构图原理第3课版面布局课时数：8课时（其中理论教学部分4课时课堂作业完成3课时作业点评1课时）教学目的：通过教学使学生基本掌握网络广告设计的形式美法则，了解基本的构图原理并结合实际运用掌握网络广告与网站设计的版面布局。教学重点：实战案例分析与配色原理的掌握的结合使用。教学方式：演示法、说明法、分析法、图示法、草图教学过程：导入课题－理论教学－课堂提问－技术分析－学生练习－布置作业教学内容:第一课网络广告里的形式美法则展示广告范例：摩托罗拉网络广告我们根据人类美感的共通性可以定出十个美的原则：连续、渐变、对称、对比、比例、平衡、调和、律动、统一、完整。在讨论美的原则之前，必须先了解「单位形」的意义。单位形是在相同或相似的形象组合中最基本的单位元素。单位形可以单独重复排列，或组成「单位形组合」，再以「单位形组合」为基础，作有规律的反复排列。下列图例说明以一个「单位形」配置构成八种「单位形组合」。以一个「单位形」配置构成八种「单位形组合」图例每一个「单位形组合」又可以重复以线状﹝又称二方连续﹞、面状﹝又称四方连续﹞、环状、放射状、镜照式的方式发展成复杂有趣的平面构图。下图是以环状发展构成的平面构图。以环状发展构成的平面构图﹝一﹞连续「连续」是一种没有开始、没有终结、没有边缘的严谨性秩序排列，它祇是反复的一种特殊情形，因此有规律的反复并不一定能产生连续。「连续」是无限地扩张，它可超越任何架框限制。「连续」包括「二方连续」和「四方连续」。「二方连续」是单位形向左右或上下作反复的规律式排列。它可作直线方向、曲折式、波浪式精品资料网（）25万份精华管理资料，2万多集管理视频讲座精品资料网（）专业提供企管培训资料的方向延申。「四方连续」是单位形向左右也向上下延申的现象，可产生四方连续的图形。由二方连续造成的线条加上左右上下反复的排列，是创作四方连续图形的方法之一。﹝二﹞渐变「渐变」就是逐渐的改变，其有一定的秩序与规律。「渐变」除形状渐变外，尚有「大小渐变」、「色彩渐变」、「位置渐变」和「方向渐变」等等，均可单独或混合运用。任何构成元素之渐变，都有其开始与终结，或由一方开始，经渐变又回复原来的循环现象。例如形状渐变，可从某一形状开始，逐渐变化成为另一形状，或由另一形状又逐步回复到某一形状。无论是开始或终结，在渐变的设计中均可成为设计上的焦点，且在开始与终结的整个重复过程中，均会造成节奏感。渐变形成的方式可由上而下、由左而右、或由中央发射、或作多元化的发展。渐变的表现形式包括：﹝1﹞自然形象之渐变、﹝2﹞形状之渐变、﹝3﹞大小之渐变、﹝4﹞位置之渐变、﹝5﹞方向之渐变、﹝6﹞色彩之渐变。﹝三﹞对称视觉上，以一个点或一条线为基准，上下或左右看起来相等的形体，称为「对称」。「对称」具有相称、均齐、均整的意思。左右对称的形体向来都被认为是安定且具有机能的。「对称」的表现形式包括：﹝1﹞线对称、﹝2﹞点对称、﹝3﹞感觉对称。通常对称的图形具有单纯简洁的美感，以及静态的安定感，但易流于单调、呆板。一般来说，单纯的对称图形具有大方、强力的性格；细密的对称图形则能增加作品的充实感。许多商品设计即运用此特性而设计。﹝四﹞对比将相对的要素配置一起，相互比较，以形成二种抗拒的紧张状态，称为「对比」。这种造成相对排斥性质的要素，即一般所谓的「对比要素」。「对比要素」包含的范围非常广泛，举凡造形、色彩、质感、方向、面积等均属之。圆形、三角形、方形是属于造形的对比，例如红砖、金砖两者具有相同的造形，而其质感因明显的不同，具有对比的性质。对比现象的强弱与否，端赖对比要素的配置关系而定。一般而言，不同的要素结合精品资料网（）25万份精华管理资料，2万多集管理视频讲座精品资料网（）专业提供企管培训资料在一起，彼此刺激，会产生对比的现象，使强者更强、弱者更弱、大者更大、小者愈小。亦即经由对比的关系可以增强个别要素所具有的特性。「对比」的表现形式包括：﹝1﹞线形的对比、﹝2﹞形状的对比、﹝3﹞份量的对比、﹝4﹞明度的对比、﹝5﹞彩度的对比、﹝6﹞色相的对比﹝7﹞质地的对比、﹝8﹞动态的对比、﹝9﹞位置的对比、﹝10﹞其它的对比。﹝五﹞比例在造型上所谓的「比例」乃是指长度或面积等属于量度之间的一种比率，它描述的是部份与部份；或部份与全体之间的关系。在人类的历史中，「比例」一直是被运用在建筑、家俱、工艺以及绘画上。尤其是希腊、罗马的建筑中「比例」被当是一种美的表征。除了建筑之外，有几个理想的比例，古代的学者就把它公式化，而作为设计的基本原理，以便求得统一与变化。其中最基本并且最重要的比例就是「黄金比例」。古希腊人把「黄金比例」认为是最完美的比例而活用时造型中。它的基本方法是把一条线分割成大小两段，小线段与大线段之长度比等于大线段与全部线段之长度比。这种比例分割方法就是「黄金比例」。﹝六﹞均衡「平衡」是指两个力量相互保持的意思，也就是说把两种以上的构成要素，互相均匀地配置在一个基础的支点上，以保持力学上的平衡而达到安定的状态。在造形的秩序中，「平衡」是极重要的一项。由于造形的作品，并不是真正讲究实际的重量关系，所以「平衡」一词，在平面造形的世界中，应当是属于视觉的平衡。这和力学的平衡、数学的平衡以及其它学科中所讲的「平均」是不一样的。对「平衡」来说，有对称和非对称平衡之分。在「平衡」的练习中，着眼点在于如何求得视觉上的安定与心理上的平衡。例如形态、色彩、材质在画面中所具有的重量、大小、明暗、色彩、强弱、质感．．．等，都必须保持平衡状态，才会令人产生安定的感觉。﹝七﹞调合当两种构成要素共同存在时，若成相差距过大，即造成「对比」。若两种构成要素相近，则对比刺精品资料网（）25万份精华管理资料，2万多集管理视频讲座精品资料网（）专业提供企管培训资料激变小，能产生共同秩序使两者达到调和的状态。如黑与白是一种强烈对比的颜色，而存于其间的灰色便是两者的「调和」。「调和」在视觉上可使我们产生美感。因此，调和的原则一直是人们关心的课题，尤其是色彩或造形皆是须不断探讨的问题。然而为了达到「调和」，各要素间的统一仍是必要的；如色相的配合、调子的配和以及明度的配合，皆能产生「调和」。在造形上如线的粗细与形的大小均会影响，但只要在造形上能一致的话，也可产生调和感。「调和」要素除了色彩与造形外，质感也是相当重要的因素。如以同材质作为建筑物或庭园设计的材料，也是获得「调和」的方法之一。﹝八﹞节奏与韵律凡是规则的或不规则的反复和排列，或属于周期性、渐变性的现象，均是「律动」。它给人具有抑扬顿挫而又有统一感的运动现象。一般说来，律动和时间的关系密切，因为在其它具有时间性的艺术领域中，均能表现律动美，如音乐、舞蹈、电影、戏剧、诗歌等。以音乐来说，利用时间间隔会使声音的强弱或高低表现出律动美，而呈现抑扬顿挫的变化。而在我们的生活环境中，四季的变化、植物的成长、动物的运动以及各种生理反应等都存在着律动的现象。此外自然界中的海浪、沙丘、麦浪、炊烟、屋瓦等形象，亦具有连续发展的反复，并呈现出视觉的一种律动美。﹝九﹞统一与变化结合共同的要素，把相同或类似的形态、色彩、肌理诸要素作秩序性或画一性的组织、整理，使之有条不紊而相互发生关连或共通的作用，是为「统一」。「统一」是美好的根本秩序。一般说来，统一可表现高尚权威的情感，也可以达成如平衡及调和的美感。然而过份的统一，将会失去生动而流于呆板。例如大小形态、色彩完全相同，且作等距离排列时，便会产生单调的感觉.所以在讲究统一的同时，还须要注意到变化的问题。「变化」也是美的形式之一，所谓「变化」是在异质的诸要素中求变化。换句话说，即是将不同的形态、大小、色相、明度、彩度、方向、肌理作有机性的组织使之生动、活泼而不流于紊乱，才是适切的变化。﹝十﹞完整任何一件艺术作品，不论运用了那一种美的原则，或经过多么复杂的创作过程，艺术家到作品完成的那瞬间追求的是作品的「完整」性。完整性依人类的感觉、需求的不同分为感官方面﹝包括各种知觉﹞、意念方面、功能方面。譬如一出好的戏剧演出，除了带给观众视觉和听觉方面的完整性外，也会为观众提供剧作家想表达的一个完整的创作意念。教学小结：对于教材上所提到的5点形式美法则，本课程做了相应的补充，增加了连续、比例等内容使其更加完整，并结合课件演示，使学生能够融会贯通的掌握形式美法则。精品资料网（）25万份精华管理资料，2万多集管理视频讲座精品资料网（）专业提供企管培训资料布置作业：要求使依据今天所学的形式美法则，收集网络上的相关网络广告设计作品，并分析其涉及的形式美法则。作业表现形式POWERPOINT要求图片结合文字说明第二课构图原理导入课题：展示网站页面范例我们的主页，说到底，只是一个800*600的画面，那么，我们要怎么对它进行安排才合理呢？首先，也是最重要的一点，就是先停下创作，先想好一个主题?设计，是一种有目的的创造。若在动手之前并不了解自己将要做什么及要怎么做，而只是一味的靠操作PHOTOSHOP的滤镜而达到一种特效的话，那么，最终做出来的东西最多局部看得觉得挺不错的，但全局就显得太复杂了。页面上的构成，如果要让别人一眼望去觉得很充实但不凌乱，这里面实际上是有很大的学问的。我们先来说说构成，构成：是将造型按视觉效应、视觉力学和精神力学等原则组成的，具备美好形态的造型。构成形式里，有空间构成（平面构成和立体构成）和时间构成（静和动）。我们的创作，就是要协调这里面的种种关系，顺应视觉感受，才能够打动观看者的视觉，得到我们想要的效果。在这些形形式式里，都有着如下的部件：点：我们一般认为，点是指圆形的，但这是不正确的。只要在空间里有非常少量的面积，无法形成一个视觉上感觉的图形，都是一个点。无论什么形状都可以。线：点集合在一起就形成线。面：一个平面。体：一个物体。一般是指物体占据的空间，有三维形状。课堂提问那么，当点、线、面与体集结在一个页面上时，它们的关系要怎么协调呢？它们之间都有什么作用呢？归纳学生观点点有集中视线、紧缩空间、引起注意的功能。两个点相距不远而且形状不等时，一般由小向大看。近距离的点引起面的感觉。灵活运用点，可使你的页面有一些本质上的变化。当点占据不同的空间时，它所引起的感觉是不同的。（1）居中引起视觉集中注意。（2）上引起下跌落感。（3）在上左或上右引起不安定感。精品资料网（）25万份精华管理资料，2万多集管理视频讲座精品资料网（）专业提供企管培训资料（4）下方中点，产生踏实感。（5）左下右下，增加了动感。为什么会这样呢？因为人的视觉，都是经过对生活的感觉都得来的。在下方的东西，一般联想到大地。在上方的东西，一般联想到浮云。线、面、体亦然。1．线又分为直线和曲线。直线：给人以速度，明确而锐利的感觉，具男性感。曲线，则优美轻快，富于旋律。曲线的用法各异，需结合自己的需要。而直线又分为斜线、水平线及垂直线。水平线代表平稳、安定、广阔，具踏实感。垂直线则有强烈的上升及下落趋势，可增加动感。斜线，一般我没有怎么使用，因为它造成视觉的一种不安定。2．几何形人们每看到一个东西，都试图用横直来分析，斜、歪是人们所不愿意见到的，但适当运用这个要靠个人的感觉。面，指的是二度空间里的形。面又分为几何形和任意形，我个人比较喜欢任意形，因为它往更具人情味。几何形使人有一些机械感，但是，每一个图形里都会要用到几何形，请看它们各代表什么：（1）圆形：运动及和谐美（2）矩