平面设计基础及构成

1、平面设计在网页设计中占有相当大的比重，而平面设计的重要理论基础则是平 面构成，所以说，平面构成也是网页设计的重要理论依据和知识基础。不懂平面构 成的网页设计人员在处理视觉元素时，就不能够得心应手表达出自己的所设想的艺 术视觉效果。1平面构成概述A、平面构成的概念 平面构成是一种视觉形象构 成。是以研究视觉语言的特性、构成规律以及审美原理为目的。它重在研究和分析 视觉语言的形态、空间、运动、比例等因素的变化和形式规律。平面构成是为视觉语言的表达提供某种可循规律，为提高视觉形象表现力服务。B、平面构成在网页设计领域中的运用 随着互联网上站点增多， 眼球经济”意识的深入，人们对网页 形态的审美要求也

2、越来越高。很多网页设计师将平面构成理论作为网页设计视觉形 象表现的指导思想，在具体设计过程中大胆运用多种视觉形态变化和表现手法。在 兼顾网页功能的基础上，使页面的外观艺术视觉效果突破传统的框架约束，在形状、色彩、比例、空间的精神作用上有了一定的外延拓展和深度挖掘。2平面构成 的形态要素 要想掌握平面构成的技法，我们必须系统的了解平面构成的形态要 素。A、形态的分类 平面构成是从视觉语言的基本要素入手，分析、研究这些要 素的规律和特性。形态要素分为概念和现实形态 概念形态，指人的视觉和触觉不 能直接感知的形态，而现实形态则是能看到或能触到的形态，即实际感觉到的形 态。它又可分为具象形和抽象形，具

3、象形又包括自然形态和人为形态，抽象形则包 括几何学形态和非几何学形态。 自然形态是指自然界本身具有的形态，即自然界 中存在的有机形态和无机形态。如日月、山、川、森林、动物等，现实中存在的 形态是人类艺术创作的根源。这些有形的机体无论在形状、质感、色彩上都会使人 产生某种联想，成为创作的原体，在从事具体创作设计过程中受到有益的启发。 人为形态是指人类创造出来的形态，它是人类劳动成果的凝结，集中反映了人类文化思想。不同的地域环境、不同的历史时期，人为形态的文化蕴含也是各不相同 的。抽象形态是对具象形态的高度升华和概括，是在认识自然过程中，对客观存 在由感性到理性发展的视觉创造。抽象形态中的几何学形

4、态和非几何学形态又称作冷抽象和热抽象。抽象形态中的点、线、面、形、色等的变化能够发出人的情感， 如中国的书法艺术，简练的抽象线条却勾勒出人的丰富的思想和精神。B、点的构 成点，一般用来表示相对的空间位置，它没指向性和具体的尺度，是相对周围环境所定义的一个相对概念。它作为一种视 觉元素，其意义较为丰富，在自然形态和人为形态中，点具有可视特征，一般是把 物象进行浓缩或简化而成。在构图布局中，点具有很强的调节和修饰作用。点,具有求心属性。例如，在平面上只有一个点时，我们的视线就会集中在这个点上。 在同一个空间内，有两个等大的点且相距一定的距离，那么，我们的视线焦点就会 在两点这间往返，在心理上也就产

5、生了一种 线”的反映。当两个点大小不同时，人 们的视觉焦点首先就会落在大点上，然后再将视线按最短的距离移到小点的位置 上。这里，点起到了视线转移作用。在几何学里就有不在同一条直线上的三个点 决定一个面”这样的定理。在具体的构图设计过程中，点并非都是以圆点形状出 现，一些个体较小的元素都可视之为点。例如，在网页中的一些按钮，就可以当作点”来处理。同实际上的点有着相同的作用和功能。C、线的构成线作为重要的 造型元素，它以抽象的形态存在于自然形态中，是一种重要的构成语言。自从人类 文明产生，人们就不断地对线认识、应用、创造。如甲骨文、陶器上的纹饰等。 线有长度的属性，而无粗细的限制。线比点具有强的心

6、理感受，如直线给人的感觉是直接、明晰，而线给人的感觉则是柔软、弹力、运动。直线的心理效果：中等粗细的直线：明晰、单纯、直接、固执。粗直线：强力、笨重。 细直线：敏感、 脆弱。锯状直线：不安定、焦虑浮躁。 曲线分为几何曲线和自由曲线。 几何曲 线，是用圆规绘制出来的。它有曲线的一般特征。既有速度、弹力等心理感受，还 具有直线的简单、明快的性质。 自由曲线是信手绘出或自然形成的一种曲线。它更具有曲线的性质，富有自由、随意、柔软、女性美特征。自由曲线的独特性主要 体现在它的韵律、弹性和自由的伸展性。再者，在变化方面，自由曲线要比几何曲 线更随意、更复杂。线的方向不同，也能激发起不同的心理感受。女口：

7、水平方向的线一一保持重力与均衡、安定、平和、顺从。垂直方向的线一一暗示着强有力的支柱，公正、信任。 斜线一一生动、活泼、不稳定。 根据线条的空间性、方向 性、节奏感可以构成不同的形态，表征着不同的心理感受。线的构图在网页设计中有着广泛的运用，平面知识丰富的网页设计师常用简洁的线条进行页面构图，以 用来传达丰富的视觉信息和思想情感。D、面的构成 面由线构成，具有二维空间 属性。既可以说面是由点密集而成，也可以说面是线平移的结果。它综合着点和线的特性。面的形状无限多种，通常分为直线形、曲线形和偶然形。直线形面又分为几何直线和自由直线形。它具有明快、曲线形面也简洁、有序和理性特征。容易被人理解和记忆

8、，制作起来较为方便。分为几何曲线形和自由曲线形两种类型。曲线形面比直线形面要复杂，并富于变化 和动感。它所表现出来的流动性和弹性给人以无限想象，使人感到有种生命活力。 它具有同曲线一样的女性特征。偶然形面是在现实生活中偶然获得的一种视觉形 态。在平面设计领域的大部分偶然形面是通过特殊技法（如绘图软件中的特效滤 镜）获得。它表现出来的是一种自然的、无序的形态，有着丰富的象征意义。是构图中常用的视觉元素，它的大小、曲直变化都在影响着页面的整体布局，在网 页设计中，我们都在有意或无意的进行着面的组织和面的创造，运用着面的分割、组合、虚实交替等手法来增强页面的整体效果。3、平面构成的形态变化 平面构成

9、 的形态变化和人们的心理感受有着密切的关系。在网页设计领域。常用形态的变化来传达某种视觉信息及用文字无法表达的心理感受。平面构成的形态变化主要表现 在空间、运动、光、质感、变形等方面。A、空间在平面设计中，视觉元素的载 体是二维平面，所谓空间感只是一种假象，是通过平面上视觉元素的独特布局方式 表现出来的错觉。在艺术型的网页作品中，页面中的空白往往占有很大的比例，使人的视觉自由流动，形成一种无限的想象空间。若整个页面不留设空白，拥挤着 各种视觉元素，那么给人闭塞的感觉。所以，善于在页面中留设空白，是现代设计 的一种重要的表现技法，它是创造意境、产生联想的必备前提。B、运动这里所 说的运动”并不是

10、指动态网页中某些视觉元素的位移，而是指在静态的平面构成 中，利用点的排列、线的疏密组合、面的分割及虚实变化等方式所形成的一种动 感。在网页设计中，由平面视觉元素产生的动感和网页动画给人的感觉是不同 的，前者是人们受画面布局的影响而主动产生的联想，是一种艺术性的视觉冲击。后者则是人们无需想象而被动接受的一种客观存在。C、光光在平面构成中具有 很强的氛围渲染效果，它能给人带来某种精神作用和情绪变化。在网页制作中，不 仅仅能用平面构成艺术来表达光的效果，也可以在技术上实现动态光照效果，如用 javascript语言编写的程序。D、变形 有时，设计者在描述自然形态时，将自己的 思想感受、主观意识渗入其

11、中，致使自然形态有较大幅度的变化，这就称作为变形。在平面设计中通常用到变形的表现技法，直观的达 到某种视觉效果，以表现自己的精神和心理。E、质感质感是人们对物体的表面纹理的感觉。在自然界中，不同的物态外表给人的感觉是不同的，或粗糙、或细腻、或柔软、或硬朗。不同的质感对人的视觉刺激程度也不相同，如长时间观看表 面光滑的物体，视觉就容易疲倦，如果将视线转移到表面上有纹理的物体，顿时就 会感到轻松与舒适，视神经很快的得以调节。在现代设计中，质感运用得十分普 遍，如时装、工业产品、建筑装饰等领域特别注重材料的肌理选择。质感在网页设计中越来越受到设计人员的重视。因为网上的浏览者大都是长时间坐在计算机显示

12、器前，强烈荧光刺激使视觉极易产生疲劳，带有纹理的页面会使他们的视觉得到 调节，能够让他们较舒适的浏览页面信息，实现注意力的转移与集中。4、平面构 成美的外在形式 统一与变化、对称与平衡、节奏与韵律是平面构成美的外在形式 的三个方面。A、统一与变化 统一是指由某种性质相同或类似的形态要素并置在 一起形成某种一致性或有有一致性的感觉。统一并不是使多种形态单一化、简单 化，而使它们的多种变化因素具有条理性和规律性。变化是统一的对立面，是指由 性质相异的形态要素并置在一起所形成的对比感觉。这种变化是以一定规律为基础 的，无规律的变化则会带来混乱和无序。在平面设计和网页构图中，我们要注意在统一中找变化，

13、在变化中求统一。这是一条构图美的重要表现形式之一。B、对称与平衡在设计作品中，对称与平衡有着重要的视觉效果。在自然界中许多形态的 结构是对称分布。人的视觉对对称有着敏锐的感知力，在美术理论中对称被列为 美的重要表现形式。平衡则是对称结构在形式上的发展，也是人们对对称的直观感 知。平衡构图给人们的感觉是舒适、平稳、可靠、信任，不平衡的构图则给以危机 感和不信任感，整体画面显出一种极力想改变现有的位置或形态，以达到一种新平 衡状态的趋势。C、节奏与韵律 节奏和韵律是另一种重要的艺术美的表现原则。没有节奏和韵律的艺术创作，给人的感觉是呆板的僵化的，静止的、无生命力的。 在平面设计中和网页设计中，节奏

14、和韵律往往是通过图案的点和线条排列来体现。 节奏是统一中变化的频率特征，韵律中的 韵”侧重于变化，而 率”则偏重于统一, 所以在形式美的表现方面，变化和统一与节奏与韵律是相与关联、相互体现的。5、平面构成的形式平面构成的形式主要有重复、近似、渐变、变异、对比、密集、分割、图与底、反常态等构成形式。重复构成形式 重复构成是指用同一形态或同组形态有序的反复出现，形成某种规 律的构图形式。重复构成具有强化记忆的功能，反复的出现会不断的加强视觉冲 击，加深形象认识。B、近似构成形式 在重复构成中，保持原有规律性的基础 上，把重复元素的基本形（大小、方向、色彩等方面）进行轻度变化，就演变成了 近似构成形

15、式。所谓近似性是指形态的相似，近似构成形式中既有形式变化，又有 整体的统一。C、渐变构成形式渐变是一种常见的视觉现象，也是平面设计中常 用的技法。渐变是指构图基本形（形状、大小、方向、色彩等方面）逐渐、有序的 变化。它能够表现出空间感和时间感。 形状渐变一一从一个形象渐变成另一个形象。形状渐变的图形又称为延异图形。方向渐变一一基本形的方向有规律的逐渐 发生变化，有平面旋转感。 大小渐变基本形由大到小或由小到大逐渐变化。色彩渐变一一色彩的明度、纯度、色相逐渐发生变化。D、变异构成形式 在重 复、近似、渐变构成中。为了改变规律性的单调感，有意识的出现不合规律的个别 基本形，由此产生强烈的对比效果。

16、这种构成方式就称作变异。变异形式有大小变 异、形状变异、方向变异、肌理变异、色彩变异等。变异构成的最大特点就是让人E、的视线集中在变异的个体上，形成一个视觉中心，强化对变异体的视觉刺激。对比构成形式 在两种或两种以上事物之间，有着明显的差别，我们就称之为对 比。对比是一种较为自由的构成表现形式，在平面设计中，常用对比的手法，使所 画面产生强烈醒目的视觉效果。对比又可划分为形的对比（大与小、方与圆、长与 短、曲与直等）、质的对比（刚与柔、轻与重、强与弱等）、势的对比（动与静、 聚与散、疾与缓等）等。F、密集构成形式把基本形态按密集与疏散、虚与实、 向心与扩散等方式进行构成的形式称为密集构成形式。

17、它具有方向性和目的性的运 动特征。在这种形式的构图中，元素最密集的地方和最稀疏的地方均为视觉焦点。密集构成形式根据元素的形态不同可划分为向点密集、向线密集、向形密集、自由 密集等类型。G、分割构成形式所谓分割构成形式是指按一定比例和秩序进行切 割或划分的构成形式。在平面构成中，分割构成是基本构成形式之一，在设计中运 用较为普遍，如版面的分割、平面中的空间分割等。分割的依据不同，又可划分为等形分割、比例分割、数列分割、自由分割等类型。等比例分割:形分割：要求形状完全一样的重复性分割，有整齐、统一特点；按一定的比例进行的分割（如著名的黄金分割律是按1： 0.618的比例进行分割 的）有完整、严谨的

18、特点； 数列分割：按一定的数列进行的分割，有和比例分割类似的特点，它更具有秩序性；自由分割：不受任何规则进行的分割，有活泼、自由的特点。H、图与底构成形式 图形与底的角色互换的构成形式称为图与底构 成形式。利用这种构成形式设计的图又称作共生图形或交像图形。这种构成形式在 视觉上起到了一图多用、一图多义的梦幻视觉效果。图与底的反转在组合上十分严I、反常态密，空间利用经济。图与底之间形状上相互包含，意义上相互独立的。构成形式 反常态构成是突破合理的自然现象，不受理智和逻辑的约束，按自己的 精神意念需要反常规地进行构成的一种形式。这种构成形式破坏了常规的秩序和逻 辑，在视觉上有着强烈的冲击，往往能够

19、传达一种深层次的思想和情感或某一特定 的信息，是超现代设计中重要的表现手法，最具创意特征。在平面设计中常出现的 反常态构成的图形可分为以下几种： 仿曲图形：将现实生活中不能弯曲的物形施 以压力，使其产生一种令人惊异的弯曲效果。 仿结图形：通过借助一个与原有形 态相异（但又保留原形态的特征）的形态来替代常规中所显现的形态，使之产生一 种带有结状的特殊形态。 互悖图形：构图手法是将两种形态共同去补充、完成对方的一部分形状，或者自我去补充、完成自身的某一部分元素。混维图形：抛弃常规的透视法规，将正常的空间彻底解体，使三维的立体物形二维平面化，实现一 种思想混淆的梦幻视觉效果。 显异图形：在多种形态正

20、常的组合关系（包含、并置 等中，将其中某一形态用另外一种与其截然不同性的形态替代，从而产生视觉上的 特异效果。换置图形：是将两个（或多个）似乎毫不关联的形态选择出它们之间 的关联性，找出某一特定意义上的内在联系，再通过形状上的近似性，进行特殊的 组合和表现，由此产生一种奇特的图形。异物组合导致了逻辑上的张冠李戴，加强了人们对事物的深层理解，增强了视觉传达的表现力。J空间构成形式 把形态的要素按大小、渐变、明暗、透视、重叠等方法构成空间感效果，这种构成形式称作 空间构成形式。这种空间是基于二维平面上的假想空间，而不是真实的三维立体空 间。实现手法有透视法和重叠法两种。透视法是利用图形的大小、明暗

21、，线条的长 短、疏密程度等变化来表现空间的深度。重叠法是利用形态之间的遮挡关系来表出空间感。未被遮挡的物体完整显示，被遮挡的物体部分显示,二者将表现出明显的前后关系。矛盾空间也是利用透视法或重叠法表现出的一种 错觉空间，这种构图又兼具有图和底的构成形式，这是客观现实中不存在的空间。K、肌理构成形式肌理是物质表面的形态，通常是指物体表的纹理感觉。它具有粗 糙、细腻、柔软、生硬、干燥、湿润等特性。既有自然形态的肌理（如沙漠、树皮、波纹等），也有人为形态的肌理（如布料、墙纸等）。在网页设计中，肌理 应用的较为普遍，尤其是在纯文字的页面，用恰当的肌理作背景图案，将起到很好 的视觉调节作用。L、视觉感应

22、构成形式这种构成形式是以黑白或彩色几何形 体，运用有规律有节奏的排列、重叠、交叉等手法，引起视觉上的错觉，造成起伏、振动、眩目平面构成快速精讲平面构成作为一门设计基础课的教育，始 于一九一九年德国包豪斯设计学府，其后应用于设计的各个领域，如服装、装潢、 室内设计、造型设计、建筑、绘画等。通过这门课程的学习，可加深学生对形与形构成的定义：构成是之间关系的理解，培养学生组织形、创造形的能力。种造型概念。是将不同或相同的形态单元重新组合成新的单元形象，赋予视觉感受上新的形态形象。二、平面构成设计的元素概念元素：是在头脑里存在的洒、自如、随意、优美。细点、线、面、体。视觉元素：是将概念元素体现在实际设

23、计中，包括大小、形状、色彩、肌理等。关系元素：是把视觉元素在画面上进行组织、排列, 是形成一个画面的依据完成视觉传达的目的。包括方向、位置、空间、重心等。实用元素：是指设计所表达的内容、目的和功能。三、面构成的形象形-概念的形（抽象）-现象的形（具象）- 自然形（有机形、无机形）点的形象：细小、简单点的大小、数量、空间-人为形（有机形、无机形）及排列的形式方向使构成作品产生不同的心理效应。可形成活跃、轻巧等不同表现效果。线的形象：宽度窄、长度显著线的形态有直线和曲线两种，设计线构成，关键在于把握线形态的性格表现。线的性格:垂直线：赋予生命力、力度感、伸展感。水平线：稳定感、平静、呆板。斜线：运

24、动感、动向、方向感强。折线：方向变化丰富、易形成空间感。几何曲线：弹力、紧张度强，体现规则美。自由曲线：自由、潇线的表达要点:以长短、粗细、疏密、方向、肌理、形状、线形组合的不同来创造线的形象，表现 不同线的个性，反映不同的心理效应。面的形象：几何形：特点：明有机形：特点：生机、膨胀、快、单纯、规整、秩序。（如书本、电视等）优美、弹性。（如水滴、鹅卵石）不规则形：自由形、偶然形。具有一定的情态、体的形象，在平面上是一种幻觉形象，是一 正负形象，图在前，底子在后为正，反之为负。的形态表现通过形与形的组合进行创造。点、线、面综合构成：在平面构成情趣。徒手形、意外形等。种特殊的空间形式。中，点、线、

25、面是最基本的形态，这种最基本的形态的相互结合与作用形成了点线 面的多种表现形式。点、线、面的表现力极强，既可以表现抽象，也可以表现具基本形：设计由象，是平面构成的三大要素。 四、平面构成的基本形与骨格一组重复的或彼此有关联的 形”构成，这些形称之为基本形。基本形由一组相同或相似的形象组成，在构成内部起到统一的作用。基本形设计以简为宜。 的相遇：两种以上的形相遇，可产生八种形式。 （可参看另附图例形象1:分离，面与面之间互补接触，始终保持若干距离。 相靠近的情况下，边缘发生接触。2:接触,3:覆叠，面与面靠近时,面与面在互由接触更近一步，成为覆叠，有前后之分。的形象，其他不交叠的部分消失不见。分

26、产生透明感觉，形象前后之分并不明显。4:差叠，面与面交叠部分产生出一个新5:透叠，面与免交叠时，交叠部6:联合，面与面互相交叠而7:减缺，面与面覆叠8:重合，（重骨格最大的功用是将形象在空无前后之分，可以联合成为一个多元化的形象。时，在前面的形象并不画出来，只出现后面的减缺形象。叠）面与面完全重叠，成为一个独立的形象。间或框架里作各种不同的编排，使形象有秩序地排列，构成不同的形状与气氛。骨骨格分规律性、格既起管辖编排形象的作用，也给形象以空间阔窄的功能。非规律性、有作用性和无作用性几类。有规律性骨格以严谨的数字方式构成精确的骨格线。基本形依骨格排列，具有强烈的秩序感。主要有重复、近似、渐 变、

27、发射和特异等构成。规律性骨格有水平线和垂直线两个主要元素。若将 骨格线在其阔窄、方向或线质上加以变化，可以得出各种不同的骨格排列形状。非规律性骨格没有严谨的骨格线，构成方式自由生动。如密集、渐变、近似构成。五、重复构成与近似构成重复构成重复是指在一个画 面中使用一个形象或两个以上相同的基本形进行平均的、有规律的排列组合。可利重复构成的用相同重复骨格来进行形象、方向、位置、色彩、大小的重复构成。基本形可采用具象形、抽象形、几何形等组合基本形。重复的分类:1, 形象的重复，基本形形状一样，可有色彩（黑白灰）、方向的变化。2, 大小重复，大小相同，形状、色彩、方向可找变化。3,方向的重复。4,位置的

28、重复。5，中心的重复。近似构成：自然界中近似形很近似多，如某种树的叶子，同种类的小鸟等，他们的造型都有近似的性质。构成是重复构成的轻度变化，是同中求异。是基本形的形象产生局部的变化，但又不失大型相似的特点。 六、特异构成特异现象是指规律的突破，是各别的要素显得突出而引人注目。特异构成是具有比较性的，夹杂于规律性之中。特异部分不应数量过多，应选择放在画面中比较显著的位置，形成视觉的焦点。打破单调格 局，使人惊奇。特异构成基本采用基本形的特异和骨格线的特异两种类型。无论哪种类型都必须注意特异构成对形状类型的不同要求。七、渐变构成: 渐变现象是日常生活中常有的视觉感受，如近大远小、火车铁轨有宽变窄等。渐变 的视觉效果具有强烈的透视感与空间的延伸感。平面构成中的渐变是指基本形或骨 格逐渐地、规律性地、循序地无限变化。这种变化是以节奏感强和韵律感好为前 提。所以在渐变构成中，基本形或骨格线的变化，其节奏与韵律感的好坏是至关重要的。变化如果太快就会失去连贯性，循序感就会消失；变化如果太慢，则又会产 生重复感，缺少空间透视效果。注意：采用具象图形、渐变骨格、几何图形来表现 渐变要注意节奏的连续性、循序感。也可利用图地转换。（每一个形象都可以由完 整至残缺、由简单至复杂、由具想至抽象、渐变成其他任何形象。）八、发射构 成 发射是一种常见的自然现象，如