3.1 网页构成
点、线、面是构成视觉空间的基本元素,是表现视觉形象的基本设计语言。网页设计实际上就是如何经营好三者的关系,因为不管是任何视觉形象或者版式构成,归结到底,都可以归纳为点、线和面。一个按钮、一个文字是一个点。几个按钮或者几个文字的排列形成线。而线的移动或者数行文字或者一块空白可以理解为面。点、线、面相互依存,相互作用,可以组合成各种各样的视觉形象、千变万化的视觉空间。
3.1.1 点的应用
图3-1 网页中按钮组成的点
在网页中,一个单独而细小的形象可以称之为点。点是相比较而言的,比如一个汉字是由很多笔划组成的,但是在整个页面中,可以称为一个点。点也可以是网页中相对微小单纯的视觉形象,如按钮、Logo等。图3-1所示为网页中按钮组成的点。
需要说明的是,并不是只有圆的才叫点,方形、三角形、自由形都可以作为视觉上的点,点是相对线和面而存在的视觉元素。
点是构成网页的最基本单位。在网页设计中,经常需要我们主观地加些点,如在新闻的标题后加个NEW,在每小行文字的前面加个方或者圆的点。
点在页面中显得活泼生动,使用得当,甚至可以起到画龙点睛的作用。
一个网页往往需要由数量不等、形状各异的点来构成。点的形状、方向、大小、位置、聚集、发散,能够给人带来不同的心理感受。
3.1.2 线的应用
图3-2 网页中的线条
点的延伸形成线,线在页面中的作用在于表示方向、位置、长短、宽度、形状、质量和情绪。图3-2所示为网页中的线条。
线是分割页面的主要元素之一,是决定页面现象的基本要素。
线分为直线和曲线两种。这是线的总体形状。同时线还具有本体形状、两端的形状。
线的总体形状有垂直、水平、倾斜、几何曲线、自由线这几种可能。
线是具有情感的。如水平线给人开阔、安宁、平静的感觉;斜线具有动力、不安、速度和现代意识;垂直线具有庄严、挺拔、力量、向上的感觉;曲线给人柔软流畅的女性特征;自由曲线是最好的情感抒发手段。
将不同的线运用到页面设计中,会获得不同的效果。知道什么时候应该运用什么样的线条,可以充分地表达所要体现的东西。
3.1.3 面的应用
图3-3 网页中的面
面是无数点和线的组合,面具有一定的面积和质量,占据空间的位置更多,因而相比点和线来说,面的视觉冲击力更大更强烈。图3-3所示网页中不同背景颜色将页面分成不同的版块。
只有合理地安排好面的关系,才能设计出充满美感,艺术加实用的网页作品。在网页的视觉构成中,点、线、面既是最基本的造型元素,又是最重要的表现手段。在确定网页主体形象的位置、动态时,点线面将是需要最先考虑的因素。只有合理地安排好点线面的相互关系,才能设计出具有最佳视觉效果的页面。