平面构成在网页设计中的运用

第一篇：平面构成在网页设计中的运用

平面构成在网页设计中的运用

易 星

目前，中国互联网的发展已经形成相当规模，据中国互联网网络信息中心（CNNIC）报告显示，预计中国网民数量在未来5年后将要超过美国，互联网已是继报纸、广播、电视等之后的第六大媒介。

随着互联网的发展，各类网站有如雨后春笋般。然而，有的站点日访问量高达几千万人次，而有的站点访问者寥寥无几。究其原因，访问量大的站点，除资源丰富外，网站的策划和精美的外观也是吸引访问者的重要因素。所以将美的形式规律和平面构成的手法结合到网页设计中，是当前网页设计的重要理论依据。

一、当网页设计遇上平面构成

（一）了解网页设计

网页有如门面，小到个人主页，大到政府及国际组织等，是构成一个网站的最基本单位。而网页实际上只是一个纯文本文件，它通过各种标记对页面上的元素进行描述（如颜色、大小），网页上传到互联网之后再由用户的浏览器对这些标记进行解释并生成页面，于是便有了现在千姿百态、百花齐放的互联网络。

打开一个网站，首先映入眼帘的是该网页的界面，如按钮的摆放、文字的组合、色彩的应用等等，这些都是网页设计的范畴。其实在网络刚兴起时，没有太多视觉设计的概念，很多网站都是程序员用HTML语言设计出只有功能取向的网页，那时候网页无法一边写一边观看，只能写好后到浏览器上执行，所以程式设计常常无法和基本的美观结合在一起。然而，在一个个可视化的网页编辑器相继问世，特别是许多平面设计师投入网页设计的行列后，整个网页视觉设计的行业起了重大的变化！

随着这几年网络的飞速发展及人们对美的不断追求，网页设计逐渐受到人们的重视，形式了一门新兴的学科。简单的讲，网页设计就是从审美入手，结合平面设计的特点，运用平面构成中的基本形式到网页中，让网页更加富有美感。例如将平面构成中的节奏与韵律、骨格与肌理溶入到网页中，会使内容繁多的页面更加有条理、主次分明，因此对平面构成的掌握与了解是关系到网页成功与否的重要基础。

（二）了解平面构成

艺术设计是人类文明的重要部分，涵盖了当代人类生活的各个领域。构成是一个近代造型概念，含义是指将不同或相同形态的几个单元重新组合成为一个新的单元，是以研究视觉语言的特性、构成原理以及审美规律为目的，重在研究和分析视觉的形态、空间、运动、比例等因素的变化和形式。

平面构成的认识源于自然科学和哲学认识论的发展，是建立在量子力学基础之上的微观认识论，这种由宏观到微观认识的深化，逐渐影响了造型艺术的发展。构成观念早在西方绘画中就可见其影子，如立体主义绘画、俄国的构成主义、荷兰的新造型主义，到后来的德国包毫斯设计学院的不断完善发展，形成一个完整的现代设计基础的教学体系，奠定了构成设计观念在现代设计应用中的地位和作用。二十世纪七十年代以来，平面构成作为一门设计基础课程，已广泛应用于工业设计、建筑设计、平面设计等领域。

（三）何为网页平面构成

平面设计在网页设计中占有相当大的比重，而平面设计的重要理论基础则是平面构成，所以说，平面构成也是网页设计的重要理论依据和知识基础。

在一堆杂志中，人们往往会拿起色彩丰富、图片艳丽、结构清晰的那本。同样，一个布局合理、重点突出、富有美感的网页，它不但能吸引用户点击，更能够完美表达网页的创意思维。所以，平面构成的出现，不得不让我们对单调、乏味、缺乏美感的HTML页面进行反思，为了拓展网页设计的艺术视觉，丰富网页设计的思维及表现手段，我们引进了网页平面构成的理论，这有点类似于传统平面设计中的构成理论，一般包含风格策划、页面构图、布局与色彩等方面，我们不妨将平面构成理论作为网页设计的理论指导，即“网页平面构成”。把网页设计看成是平面设计的一种审美方式的延伸，而点线面作为平面构成中的基本元素，在网页中巧妙地互相穿插、互相衬托、互相补充构成最佳的页面效果，完美表达设计意境。因此，网页设计作为一种视觉设计，特别讲究编排和布局，虽然主页设计不同于平面设计，但它们有着许多相近之处，如：对比、渐变和节奏美、韵律美，图/底关系或通过文字与图形的组合形成空间上的立体感。所以，灵活运用平面构成中的各种手法，通过页面各元素之间的有序排列使浏览者达到某种共鸣产生一种和谐的美感。

平面构成是一种设计语言，已为当今社会各个艺术设计领域所应用，它以一个全新的造型观念，给我们的网页设计注入新鲜的血液。

二、为网页设计注入新的血液

（一）人性化的网页设计与策划

“人们总以为设计有三维：美学、技术和经济，然而更重要是第四维：人性。”------美国设计师普罗斯

人类的艺术设计是一种审美活动，设计的任务是要实现设计者或用户的意图。网页设计是指设计师将客户要表现的主题和达到的效果，组合页面元素，通过艺术手法创造出符合大众审美观的界面。开始进行网页设计前，需要做很多调查，如客户的需求、站点的性质等，这些要求的不同设计出的网页也会不同，用现在最时髦的话来讲就是更具有人性化。

在网络的虚拟世界，互联网提供了天下大同的机会，充斥着无数站点，然而大多数网站的设计都缺乏灵魂和主旨，页面结构都比较松散、混乱，其原因就在于缺乏有效的策划。因此要想使你的网站从那些数不清的站点中脱颖而出，就必须对整个站点作好统筹规划，对所有的内容进行斟酌，再合理组织页面结构与色彩。

首先，了解一下同类站点的风格、特色，吸取他们的长处，找出自己的优势，做好市场调查，明确自己网站的主题、规模、主要特色及主要受众目标，再确定整个网站的整体风格。其次，网页的制作，设计者先要在纸上用笔画出大概的设计草图，等待客户确认后，才用计算机绘图软件画出平面效果图（色彩与页面结构），之后才能投入实际的制作。

（二）网页平面构成手法

平面构成是一种视觉形象的构成，其形态的抽象性特征和产生不同视觉引导作用的构成形式，组成严谨而富有节奏和动感的画面，营造一种秩序之美、理性之美和抽象之美。其构成形式主要有重复、近似、浙变、变异、对比、集结、发射、特异、空间、分割、肌理及错视等等。它的研究对象主要是在平面设计中，如何构造形象，怎样处理形象与形象之间的关系，如何掌握美的形式规律，并按照美的形式法则，构成设计所需要的图形。

平面构成中最基本的形态要素是点、线、面，其构成要素有大小、方向、明暗、色彩等，以这些基本要素为条件，加以组合构成，便会创造出无数理想的抽象造型。

网页上的所有元素都可以看作构成的基本要素。在一幅成功的作品里，需要点、线、面的共同组合来构造整个页面。通过三者的组合，可以突出页面上的重要元素，突出设计的主题，增强美感，让访问者在感受美的过程中领会设计的主旨。

1、构成的基本元素点、线、面及其在网页设计中的运用

在页面构图中凡是表现视觉图形或文字，都可以简化或趋近于点、线、面的视觉感受。网页版面中的各种视觉元素正是以点、线、面的形式相互依存、相互作用，组合成各种视觉信息，形成千变万化的视觉空间和感受。因此，只有协调处理好点、线、面之间的相互关系，才能设计出最佳视觉效果的网页。

（1）点的运用

点是可见的最小的形式单元。在网页中，点是相互比较而言的，任何一个单独的细小的形象都可称之为点：按钮、字符、小色块等等。在网页中合理的安排点的布局，或者在页面设计中将某些视觉形象进行点化处理，并运用恰当的构成手法进行版面布局，不但可以协调画面，甚至可以起以画龙点 睛的作用。图1为个人主页，所以在形式上比较轻松活泼。网页中大面积的空白与中间的四个点形成强烈的对比，而且在点的处理上采用传统的中国水墨画的手法，更富有意境。在点的位置安排上也体现了一种节奏与韵律，形成视觉上的跳跃。

图１．点的运用（来自www.xiexiebang.com）

由这两个典型的例子可以看出，无论是什么样的法则都源自设计者本能的审美观的驱使，再应用到实际当中，当然在设计时不必十分刻意追求什么法则。应该从日常生活中，从自然界的事物中观察美的规律，培养构图的艺术美感。

（五）网页色彩构成

1、色彩的基础知识

“接天连叶无穷碧，映日荷花别样红。”-------杨万里

每次读这首诗，闭上眼睛仿佛就能看到：碧波万顷，微风吹拂，满塘荷叶轻轻摇曳，艳阳下的荷花鲜红欲滴。这句诗里的“碧”、“红”其实就是色彩。所以色彩对我们来讲是不陌生的，因为我们生活的世界中无处不存在着色彩。色彩以一种特别的方式传达信息，这些信息会影响观看者的心理和感受，左右他们的判断和选择，色彩对于设计而言实在太重要。

首先熟悉一下色彩的基本概念，三原色——红、黄、蓝，三间色——橙、绿、紫，三种间色互为“补色”。将图10中圆环中的任意一种颜色和黑色、白色、灰色按照不同比例混合就可以得到更多的颜色。例如，当色彩RGB值为（0，0，255）时为纯蓝色，饱和度100%。随着饱和度的逐渐降低，颜色会越来越接近灰色。

2、色彩心理

色彩，在不知不觉中作用于人的心理，据说伦敦泰姆士河附近有一座黑色的桥，它因每年在桥上自杀的人数惊人而著名，后来人们将 它改成了绿色，自杀人数剧减。有专家分析，如果将它改成粉红色、天蓝色等更明亮的色彩就可能使自杀人数将趋于零。图10．色环

当你看到色彩时，首先会勾引起对生活的联想与情感作用。蓝色来自天空和大海，它给人一种心胸开阔，文静大方的情操。绿色是大自然的颜色，它能令人充满青春活力。黄色饱含智慧与生命力，让人显得年轻有朝气。看到白色，使人觉得纯洁可爱，而紫色却有着神秘高雅的感觉，这些对于网页设计而言特别重要。我们经常说“第一印象最重要”，用户在访问网站时的第一印象实际上是来自整个网页的色彩！

所以色彩具有一定的含义和感情上的象征作用，人类确实存在色彩联想的共通性。在炎热的夏天人们更容易接收蓝色的“百事可乐”，而在较为冷的天气喝红色的“可口可乐”人是不是更多一点。在我们谈到这种象征印象时，不能过于主观、片面地看问题，人们对色彩的联想是相对，不同的色彩组合在一起也会起到不同的效果。

3、合理搭配色彩

色彩是艺术表现的要素之一。在网页设计中，设计师根据和谐、均衡和重点突出的原则，及色彩对人们心理的影响，合理地加以运用。将不同的色彩进行组合、搭配来构成丰富的页面。单纯的颜色 并没有实际的意义，和不同的颜色搭配，它所表现出来的效果也不同。比如绿色和金黄、淡白搭配，可以产生优雅，舒适的气氛。蓝色和白色混合，能体现柔顺、淡雅、浪漫的气氛。红色和黄色、金色的搭配能渲染喜庆的气氛。但也要考虑到网页的适应性，应尽量使用网页安全色。不同网站应当使用不同的色彩方案，与站点的主题相吻合的色彩方案决不仅仅可以让网站 “更加好看”，更重要的是在访问者心目中建立对这个网站的感性认识。所以，色彩方案的选择决不能草率，是网站建设的第一步。

按照色彩方案中色彩使用方式的不同，可以将色彩方案划分为几种常用类型，单色方案、相似色方案、对比色方案等。

（1）单色方案，是指在网页设计中使用一种基本颜色，通过调整这种基本颜色的灰度和亮度来得到更多的颜色。单色方案是一种比较稳重的方案，或者说比较保守的方案。给人整洁、经典的感觉，商业网站也比较适合使用此种颜色方案，使访问者容易建立对网站的信任感。

（2）相似色方案，在色彩圆环上彼此相邻的几种颜色构成的配色方案就是相似色方案。例如橙色、橙红色以及橙黄色就可以组成一个相似色方案。通常，相似色配色方案可以给人非常协调的感觉，因此在网站设计中非常实用。典型的运用方法就是，用一种颜色作为页面背景，而另外一种在颜色环中与其相邻的颜色作为前景色。

（3）对比色方案，把一个颜色和它补色的左右边的色彩配合起来，可以得到强烈的视觉效果。运用这种方式容易塑造活泼、运动的网页效果，在设计时要注意主体色彩的运用，即以一种或两种色彩为主，其他色彩为辅。

4、色彩构成在网页设计中的细节体现

-----中国移动网与MTV网之色彩比较

图11．中国移动网（来自www.xiexiebang.com）

图12．MTV网（来自www.xiexiebang.com）由两幅图比较可以看出，企业的不同性质决定了网页的用色，首先，中国移动是一家面向全国用户的大型企业，他所服务的对象决定了网页用色必须考虑到所有用户的接受能力，必须稳重大方，可以看出整个界面采用冷静开阔的蓝色调，但是页面色彩却不单调，当用户将鼠标移动到导航栏上，蓝色的横线变成了明快的翠绿色，就这一点小小的细微动作却增强了用户的交互性。但整体而言，色彩还是比较单一，稳重有余而活力不足，作为一家年轻的企业，应该要有年轻人的活力。所以在大片的蓝色中夹杂了鲜艳的橘红色作为点缀，立刻整个页面就会显得比较活泼，再用渐变色丰富了色彩的层次。整体来看是一个比较成功的功能与美感并存的企业网站。

另外再来看看第二幅图，感觉立即不一样了，全黑的底与白色的文字形成视觉上的冲击力，而页面中间被等分成四块，分别用了淡、浅、深三种灰色引起视觉上的分割。并且在色彩上明显比第一幅图丰富，有桔色、黄色、绿色、青绿色、紫色等等。这是一家以娱乐服务为主的网站，他所面向的用户是以年轻人为主，符合潮流，走在时尚前沿。在用色上也大胆出位，全黑色的底，象征年轻人的叛逆与不羁，以及时尚感较强的紫色和青绿色的搭配更能吸引人的视线。

在细节上的设计与处理最能体现一个网站是否成功，可以看出来两个网页都是比较注重在这方面 的用色，总的主色调不变，以丰富多彩的小色块点缀，起到画龙点睛的作用。所以一幅比较成功的网页在色彩的设计上也要独具匠心，充分合理的利用细节，结合色彩的感情，才可以使作品具有更加深刻的艺术文化内涵，才能够让网页设计的个性创造和审美意识得到淋漓尽致的展现，设计出的网页会更加富有生命力。

三、不同审美文化中的网页设计

（一）文化背景对网页设计的影响

美学(Aesthetics)，德文原义为“感性学”，是一门研究人类审美活动的学科。“审”者，看也。通俗地说，就是人们对现实生活中各种美好现象的感受和欣赏，是人类最基本的精神文化活动，因而也最通俗、最具大众化，在东西方都有着极为悠久的历史。

21世纪是一个经济飞速发展的时代，是一个时时事事讲求审美格调的时代，其实审美就是一个民族精神世界的流露。中国的审美观是中国人的人格、修养、品行、文化、艺术的高度统一的综合表现。具有时代的、民族的和阶级的烙印。也就是说不同时代、不同民族和不同阶级在文化艺术审美格调的追求上有着不尽相同的倾向和标准。且不说汉代人如何会在卢浮宫不屑一顾；古希腊人如何会在故宫拂袖而去，就是同为中国的唐汉两代对美的欣赏都不一致。所以说，各国的地域环境、气候条件、经济情况、人文思想不同所形成的审美观也会不同，从网页设计方面来看，各国都有自己的特色。

1、欧美风格的网页设计

欧美国家进行工业化比较早，经济相对比亚洲发达。美国早在二十年代就已经是世界上工业化程度化最高的国家，特别是二战后，更成为世界上的经济大国。随后进入90年代，计算机业迅速发展，高度的工业机械化对其网页设计也有一定影响，除注重实用性之外特别在细节元素上的处理更显精致，网页的艺术表现更是别具一格，其中肌理的表现形式独具特色。另外，美国是一个移民国家，有着一个多元化的社会，其短暂的历史，自由的人性，在网页设计中表现出丰富的幽默感与创造性。图13中所示：整个网页由机械化式的线条相互组合构成，刚强有力，将金属的质感充分的表现出来。

图13．欧美网页中肌理的表现形式（来自www.xiexiebang.com/fr）

德国则不同，气候干燥而寒冷，地形复杂多山的自然环境造就了严肃的德国人，因而，德国设计更加体现其科学性和逻辑性，德国网站设计也充分体现了 “实用”和“简洁就是美”的观点，如图15所示。

图15．简单实用的德国网页（来自www.xiexiebang.com）20），对字体、字型及字号的选择除要符合审美标准 外还要考虑到显示屏的大小，及整个页面结构的把握，是借助框架（也叫骨骼）或是其他，以及如何更有效的在手机上使用多媒体技术，使得网页艺术设计的表现力更加丰富。

在未来，网页的显示模式将会发生翻天覆地的变化，不论是在电脑、手机、手表抑或是电视上，我们看到的网页对美的追求会更加彻底，平面构成中的重复、变异、韵律、连续以及图/底关系处理等，是任何一种设计的基本原理，尽管处于不同文化背景中的设计师在运用这些视觉构成元素时都不经相同，但是，所有的文化都涉及到这些视觉基本要素，都离不开形式美的法则。美与技术并存将会在未来完美体现，所以，在未来网页设计将真正走进每个人的生活，设计将会不再不拘于形式，更加的灵活，看重的是网页设计的灵魂。因而，平面构成也就必然成为网页设计的重要基础。

五、主要参考资料

①．毛溪，2003．平面构成(第一版)．上海：上海人民美术出版社，122． ②．李凇，2000．中外美术对谈录（第一版）．中国工人出版社，2 ③．姜伟，2004．网页美工传奇（第一版）．机械工业出版社，2 ④．徐希景、陈笋，2003．网页平面构成的创意手法分析．福建商业高等专科学校学报，47 ⑤．刘永翔、唐良瑞，2004．网页设计中的视觉构成分析．北京工商大学学报，58 ⑥．杨萍，2005．抽象形、空间、肌理——平面构成在教学实践中的思考．黔南民族师范学院学报，78 15

第二篇：DIV CSS在计算机网页设计中的运用

DIV+CSS在计算机网页设计中的运用

【摘 要】互联网发展至今，网络已经成为人们生活的重要部分，各色网站层出不穷，众多网页各有千秋。本文从计算机网页设计中的布局入手，分析了传统网页布局的局限性，介绍了计算机网页中典型的 “DIV+CSS”布局方式。通过对DIV 和CSS 技术的研究，介绍了DIV+CSS布局方法及其优势，为计算机网页设计提供思路。

【关键词】DIV；CSS；计算机网页；布局

一、前言

传统的计算机网页布局的方法主要有框架布局和表格布局。框架布局比较灵活，若有效运用，则能使网页更整洁、清晰。但是，对于内容多、布局复杂的网站，不宜采用框架布局，因为，过多的框架会影响网页下载所需的时间，影响网页的读取速度，而且浏览器对框架结构的兼容性也不是很好。

表格是计算机网页设计制作中的一个重要网页元素，用来对网页进行排版，使页面的信息布局合理、简洁。但是表格排版也存在以下的问题：

1.用表格排版的页面很难再修改或升级。当页面制作完成后，如果要将其中的某些位置对调，那么表格排版的工作量相当于重新制作一个页面。而CSS排版利用position和float属性可以轻松地移动和重新定位各个块，实现让用户动态选择界面的功能。

2.用表格排版的页面在下载时必须等整个表格的内容都下载完毕后才会一次性显示出来，而利用DIV+CSS排版的页面在下载时，各个子块可以分别下载显示，从而提高了页面的下载速度。

3.复杂的表格设计使得设计极为不易，修改更为复杂，最后生成的网页代码除了表格本身的代码，还有许多没有任何意义的图像占位符及其他元素，文件量庞大，最终导致浏览器下载及解析速度变慢，网站的维护和更新困难。

二、DIV和CSS的具体内容

DIV元素是用来为HTML文档内大块的内容提供布局的结构和背景。它是HTML中的一个标签，此标签的作用就是定位网页内容中的图片、文字、视频等相关信息。一般我们也叫为DIV层定位。

CSS（cascading style sheet），层叠样式表，是用于控制网页样式并允许将样式信息与网页分离的一种标识性语言。CSS 是 1996由W3C 审核通过，并且推荐使用的。CSS 的引入就是为了使 HTML语言更好的适应页面的美工设计。它以 HTML语言为基础，提供了丰富的格式化功能，如字体、颜色、背景和整体排版等，并且网页设计者可以针对各种可视化浏览器（包括显示器、打印机、打字机、投影仪和 PDA 等）来设置不同的样式风格。CSS的引入引发了网页设计一个又一个的新高潮。使用CSS设计的优秀页面层出不穷。

DIV+CSS布局方式使网页结构和外观相分离，极大地简化了代码，而且使站点加载的速度变得快捷、维护也更加方便，无疑对传统布局的网页方式造成了极大的冲击。除此之外，DIV+ CSS布局方式的使用，使传统的网页布局的不足得到很好的弥补，当前国内多数比较著名的网站都利用此类方式方法进布局，给用户带来了全新的体验模式。

三、DIV+CSS设计计算机网页布局

采取DIV和CSS的网页布局结构，首先需要用DIV来分块，定义语义结构；然后用CSS来定位和添加样式，如浮动、位置、对齐属性、加入背景等；最后在这个CSS定义的各个块中添加相应的样式，如文字、图片等。下面通过一个布局实例介绍使用DIV+CSS布局网页的基本方法。

首先，把网页区分成不同的三个区块，包括header、content（其中有main主体区域，并将main主体部分分为两个区域lside和rside）、footer三个区域，分别作为网页的头部、内容和版权区域。编写HTML部分文档代码如下：

第三篇：平面构成设计[小编推荐]

平面构成设计

平面构成设计的元素

概念元素：是在头脑里存在的点、线、面、体。

视觉元素：是将概念元素体现在实际设计中，包括大小、形状、色彩、肌理等。

关系元素：是把视觉元素在画面上进行组织、排列，是形成一个画面的依据完成视觉传达的目的。包括方向、位置、空间、重心等。实用元素：是指设计所表达的内容、目的和功能。面的形象：

几何形：特点：明快、单纯、规整、秩序。（如书本、电视等）

有机形：特点：生机、膨胀、优美、弹性。（如水滴、鹅卵石）不规则形：自由形、偶然形。具有一定的情态、情趣。

徒手形、意外形等。

体的形象，在平面上是一种幻觉形象，是一种特殊的空间形式。

正负形象，图在前，底子在后为正，反之为负。

面的形态表现通过形与形的组合进行创造。

点、线、面综合构成：在平面构成中，点、线、面是最基本的形态，这种最基本的形态的相互结合与作用形成了点线面的多种表现形式。点、线、面的表现力极强，既可以表现抽象，也可以表现具象，是平面构成的三大要素。

平面构成的基本形与骨格

基本形：设计由一组重复的或彼此有关联的“形”构成，问题：什么是平面构成设计？平面构成设计是什么意思？这些形称之为基本形。基本形由一组相同或相似的形象组成，在构成内部起到统一的作用。基本形设计以简为宜。形象的相遇：两种以上的形相遇，可产生八种形式。(可参看另附图例)

分离，面与面之间互补接触，始终保持若干距离。接触，面与面在互相靠近的情况下，边缘发生接触。覆叠，面与面靠近时，由接触更近一步，成为覆叠，有前后之分。差叠，面与面交叠部分产生出一个新的形象，其他不交叠的部分消失不见。透叠，面与免交叠时，交叠部分产生透明感觉，形象前后之分并不明显。联合，面与面互相交叠而无前后之分，可以联合成为一个多元化的形象。减缺，面与面覆叠时，在前面的形象并不画出来，只出现后面的减缺形象。重合，（重叠）面与面完全重叠，成为一个独立的形象。

形--> 概念的形（抽象）--> 现象的形（具象）--> 自然形（有机形、无机形）--> 人为形（有机形、无机形）

点的形象：细小、简单 点的大小、数量、空间及排列的形式方向使构成作品产生不同的心理效应。可形成活跃、轻巧等不同表现效果。

线的形象：宽度窄、长度显著

线的形态有直线和曲线两种，设计线构成，关键在于把握线形态的性格表现。

线的性格：垂直线：赋予生命力、力度感、伸展感。水平线：稳定感、平静、呆板。

斜线：运动感、动向、方向感强。折线：方向变化丰富、易形成空间感。几何曲线：弹力、紧张度强，体现规则美。自由曲线：自由、潇洒、自如、随意、优美。

细线：精致、挺拔、锐利。粗线：壮实、敦厚。

线的表达要点：以长短、粗细、疏密、方向、肌理、形状、线形组合的不同来创造线的形象，表现不同线的个性，反映不同的心理效应。

第四篇：平面构成设计——学习心得

平面构成作为高等院校设计专业的一门基础必修课，与“色彩构成”、“立体构成”并称为三大构成，是“高等学校'十一五'规划教材”之一。这一课程体系在20世纪80年代初，自日本经由香港引入到国内后，在中国的各级各类艺术设计院校中受到极大关注和重视。作为“三大构成”基础课程之一的平面构成，主要是研究设计过程中的造型表现形式问题，通过科学的、系统的训练来培养学生形象思维的能力，对形式法则的掌握能力和对已知形式创造性的应用能力。

平面构成的概念：所谓构成（包括平面构成和立体构成），是一种造型概念，也是现代造型设计用语。其含义就是将几个以上的单元（包括不同的形态、材料）重新组合成为一个新的单元，并赋予视觉化的、力学的概念;就是将不同形态的两个以上的单元重新综合成为一个新的单元，并赋予视觉化的概念。这是一个造型概念，也是现代造型设计的用语。其中，立体构成是以厚度塑形象，是将形态要素按照一定的原则组合成形体；平面构成则是以轮廓塑形象，是将不同的基本形按照一定的规则在平面上组合成图案。

平面构成元素：包括概念元素、视觉元素和关系元素，概念元素是指创造形象之前，仅在意念中感觉到的点、线、面、体的概念，其作用是促使视觉元素的形成。视觉元素，是把概念元素见之于画面，是通过看得见的形状、大小、色彩、位置、方向、肌理等被称为基本形的具体形象加以体现的。关系元素，是指视觉元素（即基本形）的组合形式，是通过框架、骨格以及空间、重心、虚实、有无等因素决定的；其中最主要的因素是骨格，是可见的，其它如空间、重心等因素，则有赖感觉去体现。

平面构成的框架：一切用于平面构成中的可见的视觉元素，通称形象，基本形即是最基本的形象；限制和管辖基本形在平面构成中的各种不同的编排，即是骨格。基本形有“正”有“负”，构成中亦可互相转化；基本形相遇时，又可以产生分离、接触、复叠、透叠、联合、减缺、差叠、重合等几种关系。骨格可以分为：在视觉上起作用的有作用骨格和在视觉上不起作用的无作用骨格，以及有规律性骨格(即重复、近似、渐变、发射等骨格)和非规律性骨格(即密集、对比等骨格)。基本形与骨格的上述这些特性，将相互影响、相互制约、相互作用而构成千变万化的构成图案（如下图，就是由基本形通过重复、接触、差叠等构成的）。

平面构成的特点：平面构成不是以表现具体的物象为特征，但是它反映了自然界变化的规律性。平面构成在构成中采取数量的等级增长、位置的远近聚散、方向的正反转折等变化，在结构上整体或局部地运用重复、渐变、变异、放射、密集等方法分解组合，构成有组织、有秩序的运动。平面构成就是通过这种视觉语言对人的心理和生理状态产生影响，比如紧张、松弛、平静、刺激、喜悦、痛苦、茫然等等。在实际的设计过程中，经常会运用到视觉语言中的构成来传达作品的特征！

平面构成的分类：依据构成的原理，任何形态都可以进行构成。构成对象的形态主要有自然形态和抽象形态。自然形态的构成是通过对形象整体或者是局部的分割、组合、排列，重新构成一个新图形。抽象形态的构成是以抽象的几何形象为基础的构成，即以点、线、面等构成元素，按照一定的规律进行组合排列。

平面构成的要素：点的构成形式、线的构成形式、面的构成形式

平面构成的形式

1.平面构成的基本格式：基本格式大体分为：90度排列格式、45度排列格式、弧线排列格式、折线排列格式。

2、重复构成形式：以一个基本单形为主体在基本格式内重复排列，排列时可作方向、位置变化，具有很强的形式美感。

3.近似构成形式：有相似之处形体之间的构成，寓“变化”于“统一”之中是近似构成的特征，在设计中，一般采用基本形体之间的相加或相减来求得近似的基本形。

4.渐变构成形式：把基本形体按大小、方向、虚实、色彩等关系进行渐次变化排列的构成形式。

发射构成形式：以一点或多点为中心，呈响周围发射、扩散等视觉效果，具有较强的动感及节奏感。

6.空间构成形式：利用透视学中的视点、灭点、视平线等原理所求得的平面上的空间形态。

7.特异构成形式：在一种较为有规律的形态中进行小部分的变异，以突破某种较为规范的单调的构成形式，特异构成的因素有形状、大小、位置、方向及色彩等，局部变化的比例不能变化过大，否则会影响整体与局部变化的对比效果。

8.分割构成形式：等形分割（形式较为严谨）、等量分割（只求比例的一致，不需求得型的统一、自由分割（特点灵活、自由）。

9．密集构成：密集构成是指比较自由性的构成形式，包括预置形密集与无定形密集两种。预置形密集是依靠在画面上预先安置的骨格线或中心点组织基本形的密集与扩散，即以数量相当多的基本形在某些地方密集起来，而从密集又逐渐散开来。无定形的密集，不预置点与线，而是靠画面的均衡，即通过密集基本形与空间、虚实等产生的轻度对比来进行构成。基本形的密集，须有一定的数量、方向的移动变化，常带有从集中到消失的渐移现象。此外，为了加强密集构成的视觉效果，也可以使基本形之间产生复叠、重叠和透叠等变化，以加强构成中基本形的空间感。

10．对比构成：较之密集构成更为自由性的构成，称为对比构成。此种构成不以骨格线而仅依靠基本形的形状、大小、方向、位置、色彩、肌理等的对比，以及重心、空间、有与无、虚与实的关系元素的对比，给人以强烈、鲜明的感觉。

11．肌理构成：凡凭视觉即可分辨的物体表面之纹理，称为肌理，以肌理为构成的设计，就是肌理构成。此种构成多利用照相制版技术，也可用描绘、喷洒、熏炙、擦刮、拼贴、渍染、印拓等等多种手段求得。

制作更多的肌理图案：滴色法、水色法、水墨法、吹色法、蜡色法、撕贴法、压印法、干笔法、木纹法、叶脉法、拓印法、盐与水。

基本工具

1绘图用具：绘图铅笔、自动铅笔、针管笔、签字笔、彩色水笔、麦克笔、金银黑白笔、荧光笔、毛笔、喷笔、排笔、水彩画笔、鸭嘴笔、蘸水笔、铁笔等。

2绘图仪器（宜求正确、精密、优质产品，误差小为好）： 直尺、丁字尺、曲线尺、卷尺、放大尺、比例尺、三角板、槽尺（自己制作，市面无售）、切割用的直尺、万能绘图仪、大圆规等。

3其它用具

调色用具：调色盘、碟、笔洗。色标、描图台、制图桌、工具（包括裁纸刀、刻模用的各种美工刀和刻刀,以及胶水胶带）。

应用材料

1).颜料

水彩颜料、压克力颜料、广告颜料、中国画颜料、荧光颜料、彩色墨水、针笔墨水、染料，还有照相透明色等。

2).纸张

设计用的纸特别多而杂，一般市面上的各类纸都可以使用。使用时根据自己的需要而定。但是太薄、太软的纸张不宜使用。一般纸张质地较结实的绘图纸，水彩、水粉画纸，白卡纸（双面卡、单面卡），铜版纸和描图纸等均可使用。但是每一种纸都需配合工具的特性而呈现不同的质感，如果选材错误，会造成不必要的捆扰，降低绘画速度与表现效果。例如，平涂麦克笔不能在光滑卡纸上和渗透性强的纸张上作画。

平面构成是为艺术设计做最基础的铺垫的。

平面构成属于一种视觉形象的构成。它主要是研究在二维空间内如何利用造型的基本元素点、线、面创造形象，处理形象与形象之间的关系，如何掌握美的形式规律，并按照美的形式法则创造一种视觉上和知觉上的美的关系，从中培养基本的造型能力和设计的审美能力。

可以看出平面设计是一门学问，有一定的标准和规律。了解和熟悉这些规律才能更好的驾驭平面设计，作出好的作品。平面构成首先培养二维空间的造型能力，它是平面表现的重要基本能力。通过对形态的组织和再创造从而熟悉和掌握设计的基本技法及其形式原理。知识与技术对于造型是重要的，但如果没有经过亲身的体验，通常也不会形成有机的学问，从而灵活运用于设计之上。另外，通过形态的几种不同语言，培养对形式的感受力和对美敏锐的感悟力;培养对于艺术家和设计家来说最重要的“创造力”。平面构成的终级目标即在于创造力的培养。

作为设计师最重要的是创造力，规律和标准必竟都是死的平面构成是根据形式美的基本原则，运用丰富的造型语言来完成形态的组织和创造。我觉得，他需要构图的完整和巧妙、黑白灰关系的相对平衡、结构的严谨和丰富、造型语言的多样化、情绪感情的表达。

第五篇：平面构成教学计划

平面构成基础 教学计划

学习构成设计，主要从抽象形态入手，培养学生对形的敏感度，提高创造能力和逻辑的抽象的理性的多角度的思维能力。平面构成是是造型的基础，主要是二维空间中进行。是引导学生建立理性思维的方法之一，是现在美术设计不可缺少的训练手段之一

一、课程内容及重点、难点 第一章：

教学内容平面构成概述 1．平面构成的基本概念及内容。2.平面构成中形的构成。3.基本几何的画法。4.形式美的基本法则。5.平面构成设计的材料及用具。6.平面构成设计的步骤。

教学目的：

1、正确认识构成的概念，以及构成与设计的关系；

2、正确认识构成教学在专业学习中的地位和作用；

3、明确课程特征、课程学习目的及学习方法；

4、转变学生观念，树立“抽象”的设计意识；

5、正确认识构成与现代艺术的关系，构成与包豪斯的关系。重点难点：

1、重点理解构成与设计的关系；

2、学生设计观念的培养及意识的转变（从具象到抽象）。第二章

教学内容：平面构成的基本要素 1概念要素 2.视觉要素 3.关系要素 教学目的

1、掌握构成的基本理论知识，基本概念

2、培养学生良好的视觉感受

3、培养学生创新观念和创新能力 重点难点：

1、掌握有机形、无机形、偶然形的视觉特点及应用

2、掌握平面构成基本形态要素（点、线、面）的特性及在设计中的应用

3、理解并掌握不同形态要素的视觉感受和心理感受 第三章

教学内容：平面构成的基本形态 1.自然形 2.几何形 3.偶然形 教学目的：

1、掌握平面构成元素的构成形式

2、理解不同构成形式所传达的视觉感受和心理感受 重点难点：

自然形 偶然形的 画法。第四章

教学内容：平面构成的 基本形式 1．重复构成形式 2.近似构成形式 3.渐变构成形式 4.对比构成形式 5.发射构成形式 6.特异构成形式 7.空间构成形式 8.分解、密集、分割、肌理构成形式 9.平面构成设计在设计中的应用。

教学目的：

1、理解不同构成形式所传达的视觉感受和心理感受

2、掌握各种形式美法则并灵活运用进行构成设计

3、理解并运用形式美法则进行平面构图和分割

4、掌握丰富平面构成元素的方法

5、理解肌理、质感、材料等元素在平面构成中的作用

6、培养学生对自然界各种事物的敏锐感知并灵活运用于设计

重点难点：

1、最高法则贯穿于各分法则

2、形式美法则在构成中的灵活运用

3、肌理、材质的制作与体验

4、平面综合构成的心理感知体念

二、课时分配(转载于:平面构成教学计划)1.提前备课,做好充分的准备写好每一节课的教案.2.通过分析法(教师分析,学生分析)讨论法,练习法,游戏法来提高学生自身的学习兴趣,通过练习法让学生在每一个课时上对当堂课上的知识点,知识内容掌握与运用, 3,课堂后和学生交流,讨论,那些知识点还需要进一步的讲解.4.作业的练习,及讲解.5总结并进行综合的训练.四、最后的评价和总结 1.在每个新课讲解完后，做一些针对性的练习，同时在下一个课时前对知识进行系统的复习。

2.课时基础知识结束后，做综合性的练习，让学生发挥自己的想象及其兴趣制作与授课相关的作品

3.收集素材，让他们多看多练，从而达到灵活运用。

五、考核方法

考核办法：平时到课率30%，成品作业占50%，版式风格美观20%。篇二：《平面构成》实训计划

2010-2011学年 10级建筑装潢专业

《平面构成》实训计划

一、实训课程：平面构成

二、实训班级：10级装潢

三、实训地点：1103画室

四、实训目的：

《平面构成》是装饰艺术设计专业开设的一门重要的专业基础课程。目的在于培养学生正确的理性艺术思维方法，丰富学生的艺术表现手段，并通过一定数量的平面构成设计造型训练，掌握形式美的构成原则。为学生今后在艺术设计造型和电脑美术设计造型方面打下一定的基础，提高学生的形象思维能力、抽象思维能力、设计创造能力和艺术思维能力。

五、实训任务和基本要求：

《平面构成》课程基本的教学任务，在于指导学生通过一定数量的平面构成设计练习，掌握平面构成设计的基本技能，掌握装饰图案、抽象图案、几何图案的表现手段，并在练习的基础上掌握形式美的基本法则，掌握平面构成的各种基本表现手法。本课程要求将形态分解为各种要素，从简单到复杂地研究这些要素以及它们之间的相互关系，能按照一定的形式美的构成原则进行组合设计，能通过抽象形态体现形式美的法则，着重提高学生的形象思维能力和设计创造能力。

六、实训设计思路：

平面构成设计主要从抽象的形态入手，培养学生在形态方面的创造性。学生需要在教师的指导下，通过大量的平面构成设计练习，才能逐渐掌握技巧，掌握基本的平面构成设计规律。因此，本课程需要通过教师对典型的平面设计构图的讲解，使学员逐步理解平面设计构图的基本规律和基本方法，并在教师的指导下进行平面构成设计练习。教科书的每一章中都列举了不少典型的构成作品，教师在教学过程中还可以根据教学进度的要求选择适当的范例作品，进行必要的示范和讲解，利用作品范例向学生介绍构成的创作技法，课后还应并布置一定数量的平面构成设计练习作业，并主要由教师对学员的作业进行点评。

六、考核办法：实行过程考核与结果考核相结合的考核办法，理论、实践、素质三位一体进行全面考核。成绩评定可分为优、良、中、及格、不及格五个等级。

七、实训结果：通过实训提高学生的职业道德和基本技能，能熟练的进行在进一步深入物象内在结构空间的过程中，挖掘、了解、探究物象有机构成未知领域的美的形态，并通过与心灵的碰撞、交融，重新建构新的物体空间，在不失传统表现要素的同时，生动地展示物象重构的美的结构形式培养学生自主学习新知识、新技术的能力；能通过各种媒体资源查找所需信息，具有独立解决实际问题的能力，具有决策、规划能力；具有整体与创新能力。

实训内容和基本要求

艺术设计教研室 二〇一〇 年九月篇三：平面构成授课计划

学 期 授 课 计 划

（2015 /2016 学年第 一 学期）

系 部： 艺术设计系 教 研 室： 广告 设计 教师姓名： 黎 芳 课程名称：平面构成 课程类型： 专业基础课 学 分： 4 专业班级： 普专广告14-1 ；14-2 计划课时： 60 备注：可根据课程情况增减行篇四：平面设计专业教学计划 平面设计专业教学计划

说明：

1、本计划根据计算机专业（平面设计方向）《职业技能鉴定规范》（初、中级考核大纲）以及本校实际情况制定。

2、结合此专业所涵盖的知识内容，主要分为美术基础训练、设计软件操作、后期制作及生产。

3、我校所设专业为三年制，分为六个学期，第一学期主修基础文化课程。第二学期至第五学期为专业理论和专业实习相结合。第六学期为综合技能训练。

4、实习内容可参照中国劳动社会保障出版社《技工学校计算机专业教学计划与教学大纲》和技校计算机类通用教材《中文windows xp及其应用》、《中文office xp及其应用》、《微型计算机原理（第三版）》、《计算机美术设计应用》、《计算机平面设计软件应用》、《使用photoshop cs2处理图像（计算机类）》、《使用 coreldraw 12绘制图形》、《dreamweaver mx网页设计与制作（计算机类）》等。

一、招生对象与学制

招生对象：应往届初中、高中毕业生

学制：3年

二、培养目标与业务范围

培养目标：本专业面向计算机设计行业，培养热爱祖国，拥护党的基本路线，德、智、体、美全面发展，具有与本专业相适应的文化水平、良好的职业道德和创新精神，掌握本专业的基础知识、基本技能以及较强的实际工作能力，培养平面设计领域实用型的人才。

业务范围：本专业毕业生可以从事广告公司、企划公司、图文设计公司、出版行业、企业宣传策划部门及其他需求平面设计师领域的相关平面设计工作。

三、主要知识与能力要求

职业基本能力

1．能熟练使用计算机平面设计软件，具有较强的操作技能和设计能力。2．了解平面设计的发展方向，具备继续学习和适应职业变化的能力； 3．具有良好的人际交流能力、团队合作精神和客户服务意识； 4．取得中级广告设计师职业资格证书和平版印刷工职业资格证书，有较强的就业竞争力。

四、课程设置及教学要求

课程设置分文化基础课程、专业课程、实践环节和选修课程四个部分。

（一）文化基础课程

1、德育

教学要求：中等职业学校德育课是学校德育工作的主导渠道，是各专业学生必修的基础课，是学校实施素质教育的重要内容。德育课的主要任务是有针对性地对学生进行马列主义、毛泽东思想和邓小平理论基本观点教育，辩证唯物主义和历史唯物主义基本观点教育，经济与政治基础知识教育，法纪法制教育，文明礼仪、行为规范教育，职业道德、职业理想和创业教育，引导学生逐步树立正确的世界观、人生观和价值观，不断提高爱国主义、集体主义和社会主义思想觉悟，帮助学生树立正确的择业观、创业观，进行职业生涯设计，培养良好的思想政治素质和职业道德素养。

2、应用语文

教学要求：在初中语文的基础上，进一步加强现代文和文言文阅读训练，提高学生阅读现代文和浅显文言文的能力；加强文学作品阅读教学，培养学生欣赏文学作品的能力；加强写作和口语交际训练，提高学生应用文写作能力和日常口语交际水平。通过课内外的教学活动，使学生进一步巩固和扩展必需的语文基础知识，养成自学和运用语文的良好习惯，接受优秀文化熏陶，形成高尚的审美情趣。

3、应用英语

教学要求：从激发培养学生学习英语兴趣入手，帮助学生树立自信心，养成良好的学习习惯，努力培养提高学生的自觉学习的能力，形成有效的学习策略，使学生在原有英语学习的基础上，巩固扩大基础知识，培养听、说、读、写的基本技能和阅读设备说明书的能力，对学生步入社会和进一步学习打好基础。

4、体育

教学要求：通过课内外教学活动，全面提高学生身体素质，发展学生身体基本活动能力，掌握必要的体育与卫生保健知识，了解现代科学锻炼和娱乐、休闲方法，增强学生自主锻炼、自我保健、自我评价、自我调控、社会适应及创新能力，为学生身心健康、个性与体育特长的发展及终身锻炼、继续学习、就业创业奠定基础。

5、计算机应用基础 教学要求：本课程主要内容包括计算机系统的基本概念、基础知识。通过学习，使学生初步掌握计算机应用知识和技术。掌握计算机主流操作系统的使用方法；理解计算机文字处理的基础知识，熟练掌握文字处理软件、电子表格软件的使用方法；了解网络的基本概念及使用方法。培养学生计算机技术应用能力、实践能力和创新能力。

（二）专业课程

1．中文office xp及其应用

教学要求：通过教学，使学生懂得办公软件方面的基本知识，对常用办公软件有较完整、系统的了解，培养学生熟练地掌握有关文字处理、电子表格演示文稿等软件知识，具备应用计算机处理办公方面事务的素质。通过训练，使学生提高灵活运用办公软件的能力。2．计算机美术设计应用

教学要求：

通过本课程的学习学生将能掌握：三大构成设计原理，分别从理性的二维、三维和色彩的不同角度去研究造型的基本规律和基本特征，研究平面的、空间的、色彩的组合和构成方式，倡导一种新的思维方式和创新意识，从而达到启发思维、提高审美能力和培养创造力的目的，为将来进行具体的专业设计作视觉、审美和技法上的准备。3．计算机平面设计软件应用

教学要求：

培养学生能熟练掌握图形图像处理软件，进行平面设计以及为网页制作提供平面制作素材。学生应具有一定的广告和网页创意能力，能够解决一般平面设计方面的问题。4．使用photoshop cs2处理图像（计算机类）教学要求：

通过本课程的学习学生将能掌握： photoshop概述、工具的使用方法、图层的概念及应用、路径的概念及应用、通道和蒙版的应用、滤镜的应用、创作各种艺术字体的操作技法。理论结合实践，并能在实践中创作出有自我创意的作品。5.使用 coreldraw 12绘制图形

教学要求：

本课程主要讲授数控机床的分类、结构、工艺特点、加工范围；工量刃具的选用、一般操作技术；数控机床的日常维护保养知识及其发展趋势；数控车床加工的工艺分析，误差与质量分析，编程，操作规程。使学生掌握常用数控设备操作、编程、调整和维护保养的基本理论及方法。6.dreamweaver mx网页设计与制作（计算机类）

教学要求：

通过学习使学生了解互联网、超文本页面主要的概念和术语，掌握常用ｗbe网页制作软件的使用，具有较强操作能力，能熟练进行web网站方案设计、安装制作、维护与管理，能快速跟踪网络新技术的应用。掌握网页制作的平面特技软件使用和高级设计技巧，具有较强操作能力，能熟练对网站方案优化设计与管理，能快速跟踪网络新技术的应用。

（三）实践环节.实习技能训练要求：

1.计算机应用操作训练：通过计算机上机操作练习，能够熟练应用计算机。2.photoshop上机训练：结合所学photoshop理论知识，进行上机操作，重点培养学生的实际动手能力。3.coreldraw上机训练：结合所学coreldraw理论知识，进行上机操作，重点培养学生的实际动手能力。

4.网页制作上机训练：通过学习学生将学会用dreamweaver 进行web页站点设

计、版面设计、动态网页设计等。5.综合强化训练：通过运用所学多种软件协作工作，制作作品，提高学生思维逻辑能力与实际动手能手。

（四）选修课程

企业管理

教学要求：本课程主要讲授与工程技术人员相关的企业管理的基本知识。培养学生具有一定的运用企业管理理论组织生产和安排技术开发的能力。

五、学期教学计划总表（附表1）

六、各学期实践教学安排（附表2）

第一学期（20周）基础文化课学习

第二学期（20周、其中专业理论课10周、实践10周）

课堂教学与实习操作

第三学期（20周、其中专业理论课10周、实践10周）

课堂教学与实习操作

第四学期（20周、其中专业理论课10周、实践10周）

课堂教学与实习操作

第五学期（20周、其中专业理论课10周、实践10周）

课堂教学与实习操作

第六学期（18周、实践8周、考证2周、顶岗8周）

第一至八周毕业实习

第九、十周技能鉴定

第十一至十八周顶岗实训

七、毕业合格标准篇五：平面设计中职教学计划 《计算机平面设计》专业简介

《电脑艺术设计》专业招收初中毕业生，学制三年。培养计算机艺术设计的中等专业应用人才。开设的主要专业课程有：素描、平面构成、色彩构成、photoshop平面设计、coreldraw计算机图形设计、网页制作、flash 动画、pop手绘海报、cad工程制图、3dmax效果图制作、商业艺术设计典型应用等。通过学习掌握平面广告设计、网页设计制作、三维效果图绘制等技术技能，获取劳动部中级广告设计师职业资格证书。适合广告设计与制作、网站建设、企业宣传等岗位就业。