平面设计在网页设计中占有相当大的比重,而平面设计的重要理论基础则是平面构成,所以说,平面构成也是网页设计的重要理论依据和知识基础。不懂平面构成的网页设计人员在处理视觉元素时,就不能够得心应手表达出自己的所设想的艺术视觉效果。
1、平面构成概述
A、平面构成的概念
平面构成是一种视觉形象构成。是以研究视觉语言的特性、构成规律以及审美原理为目的。它重在研究和分析视觉语言的形态、空间、运动、比例等因素的变化和形式规律。平面构成是为视觉语言的表达提供某种可循规律,为提高视觉形象表现力服务。
B、平面构成在网页设计领域中的运用
随着互联网上站点增多,“眼球经济”意识的深入,人们对网页形态的审美要求也越来越高。很多网页设计师将平面构成理论作为网页设计视觉形象表现的指导思想,在具体设计过程中大胆运用多种视觉形态变化和表现手法。在兼顾网页功能的基础上,使页面的外观艺术视觉效果突破传统的框架约束,在形状、色彩、比例、空间的精神作用上有了一定的外延拓展和深度挖掘。
2平面构成的形态要素
要想掌握平面构成的技法,我们必须系统的了解平面构成的形态要素。
A、形态的分类
平面构成是从视觉语言的基本要素入手,分析、研究这些要素的规律和特性。形态要素分为概念和现实形态
概念形态,指人的视觉和触觉不能直接感知的形态,而现实形态则是能看到或能触到的形态,即实际感觉到的形态。它又可分为具象形和抽象形,具象形又包括自然形态和人为形态,抽象形则包括几何学形态和非几何学形态。
自然形态是指自然界本身具有的形态,即自然界中存在的有机形态和无机形态。如日、月、山、川、森林、动物等,现实中存在的形态是人类艺术创作的根源。这些有形的机体无论在形状、质感、色彩上都会使人产生某种联想,成为创作的原体,在从事具体创作设计过程中受到有益的启发。
人为形态是指人类创造出来的形态,它是人类劳动成果的凝结,集中反映了人类文化思想。不同的地域环境、不同的历史时期,人为形态的文化蕴含也是各不相同的。
抽象形态是对具象形态的高度升华和概括,是在认识自然过程中,对客观存在由感性到理性发展的视觉创造。抽象形态中的几何学形态和非几何学形态又称作冷抽象和热抽象。抽象形态中的点、线、面、形、色等的变化能够发出人的情感,如中国的书法艺术,简练的抽象线条却勾勒出人的丰富的思想和精神。
B、点的构成
点,一般用来表示相对的空间位置,它没指向性和具体的尺度,是相对周围环境所定义的一个相对概念。它作为一种视觉元素,其意义较为丰富,在自然形态和人为形态中,点具有可视特征,一般是把物象进行浓缩或简化而成。在构图布局中,点具有很强的调节和修饰作用。
点,具有求心属性。例如,在平面上只有一个点时,我们的视线就会集中在这个点上。在同一个空间内,有两个等大的点且相距一定的距离,那么,我们的视线焦点就会在两点这间往返,在心理上也就产生了一种“线”的反映。当两个点大小不同时,人们的视觉焦点首先就会落在大点上,然后再将视线按最短的距离移到小点的位置上。这里,点起到了视线转移作用。在几何学里就有“不在同一条直线上的三个点决定一个面”这样的定理。
在具体的构图设计过程中,点并非都是以圆点形状出现,一些个体较小的元素都可视之为点。例如,在网页中的一些按钮,就可以当作“点”来处理。同实际上的点有着相同的作用和功能。
C、线的构成
线作为重要的造型元素,它以抽象的形态存在于自然形态中,是一种重要的构成语言。自从人类文明产生,人们就不断地对线认识、应用、创造。如甲骨文、陶器上的纹饰等。
线有长度的属性,而无粗细的限制。线比点具有强的心理感受,如直线给人的感觉是直接、明晰,而线给人的感觉则是柔软、弹力、运动。
直线的心理效果:
中等粗细的直线:明晰、单纯、直接、固执。
粗直线:强力、笨重。
细直线:敏感、脆弱。
锯状直线:不安定、焦虑浮躁。
曲线分为几何曲线和自由曲线。
几何曲线,是用圆规绘制出来的。它有曲线的一般特征。既有速度、弹力等心理感受,还具有直线的简单、明快的性质。
自由曲线是信手绘出或自然形成的一种曲线。它更具有曲线的性质,富有自由、随意、柔软、女性美特征。自由曲线的独特性主要体现在它的韵律、弹性和自由的伸展性。再者,在变化方面,自由曲线要比几何曲线更随意、更复杂。
线的方向不同,也能激发起不同的心理感受。
如:水平方向的线——保持重力与均衡、安定、平和、顺从。
垂直方向的线——暗示着强有力的支柱,公正、信任。
斜线——生动、活泼、不稳定。
根据线条的空间性、方向性、节奏感可以构成不同的形态,表征着不同的心理感受。
线的构图在网页设计中有着广泛的运用,平面知识丰富的网页设计师常用简洁的线条进行页面构图,以用来传达丰富的视觉信息和思想情感。
D、面的构成
面由线构成,具有二维空间属性。既可以说面是由点密集而成,也可以说面是线平移的结果。它综合着点和线的特性。面的形状无限多种,通常分为直线形、曲线形和偶然形。
直线形面又分为几何直线和自由直线形。它具有明快、简洁、有序和理性特征。容易被人理解和记忆,制作起来较为方便。
曲线形面也分为几何曲线形和自由曲线形两种类型。曲线形面比直线形面要复杂,并富于变化和动感。它所表现出来的流动性和弹性给人以无限想象,使人感到有种生命活力。它具有同曲线一样的女性特征。
偶然形面是在现实生活中偶然获得的一种视觉形态。在平面设计领域的大部分偶然形面是通过特殊技法(如绘图软件中的特效滤镜)获得。它表现出来的是一种自然的、无序的形态,有着丰富的象征意义。
面是构图中常用的视觉元素,它的大小、曲直变化都在影响着页面的整体布局,在网页设计中,我们都在有意或无意的进行着面的组织和面的创造,运用着面的分割、组合、虚实交替等手法来增强页面的整体效果。
3、平面构成的形态变化
平面构成的形态变化和人们的心理感受有着密切的关系。在网页设计领域。常用形态的变化来传达某种视觉信息及用文字无法表达的心理感受。平面构成的形态变化主要表现在空间、运动、光、质感、变形等方面。
A、空间
在平面设计中,视觉元素的载体是二维平面,所谓空间感只是一种假象,是通过平面上视觉元素的独特布局方式表现出来的错觉。
在艺术型的网页作品中,页面中的空白往往占有很大的比例,使人的视觉自由流动,形成一种无限的想象空间。若整个页面不留设空白,拥挤着各种视觉元素,那么给人闭塞的感觉。所以,善于在页面中留设空白,是现代设计的一种重要的表现技法,它是创造意境、产生联想的必备前提。
B、运动
这里所说的“运动”并不是指动态网页中某些视觉元素的位移,而是指在静态的平面构成中,利用点的排列、线的疏密组合、面的分割及虚实变化等方式所形成的一种动感。
在网页设计中,由平面视觉元素产生的动感和网页动画给人的感觉是不同的,前者是人们受画面布局的影响而主动产生的联想,是一种艺术性的视觉冲击。后者则是人们无需想象而被动接受的一种客观存在。
C、光
光在平面构成中具有很强的氛围渲染效果,它能给人带来某种精神作用和情绪变化。在网页制作中,不仅仅能用平面构成艺术来表达光的效果,也可以在技术上实现动态光照效果,如用JavaScript语言编写的程序。
D、变形
[1] [2] 下一页