浅析平面设计元素在网页布局中的应用

冯志兵

摘 要：网页布局设计有很多构成要素，其中，点、线、面、体是构成网页页面布局设计最基本的要素。点、线、面、体作为视觉语言中的基本元素，通过巧妙的互相穿插、互相衬托、互相补充构成最佳的页面效果，可以充分表达出完美的设计意境。

关键词：平面设计元素；网页设计；网页布局

中图分类号：TP393.092；J51 文献标识码：A 文章编号：1005-5312（2017）14-0066-01

网页设计是以视觉传达为基础的，主要是传达网站的各种信息，使网站的页面设计更加符合人机交互和使页面更加符合人们的视觉浏览习惯，感官上给人一种直接、美观、合理的视觉感受，也是网站要表现的内容之一。这就要求我们在进行网页设计之前，应该找到构成网页页面的各种不同的空间效果，然后再合理安排那些视觉要素。点、线、面、体在网页设计中扮演着至关重要的作用，不同的点、线、面、体组合会带来不一样的的心理感受，也可以体现不同的情感诉求。点、线、面、体的组合关系，影响着网页页面的设计风格和网站的主题，它是网页设计的基础，也是构成网页布局的基本形态元素。

一、网页布局中的点

在网页设计中，点是在对比中存在的一个相对的概念，在网页设計中，一个标志、一张图片、一个文字、一个按钮都可以称之为点。点的形状也是改变的，不一定是圆的，现实中的点也是各式各样的，有的点是规则的点，呈圆形、三角形或方形；有的点是不规则的，一般多为异形。自然界中的任何形态，只要缩小到一定的程度，都可以产生不同形态的点。点的外形不同，给人的视觉和心理反应也不一样。在实际应用的点的时候，重点不仅在于点的外形，更在于点在整个空间中起的作用，在相同的视觉环境下，相对面积越小，点的视觉效果越强。当画面上只有一个点出现的时候，我们的视线会只集中在这一个点上，这个点就成了页面中的视觉焦点。如果页面有两个点出现，我们可以观察两个点的位置和大小，如果两个点大小相同，位置不同，页面的注意力就会集中在连接这两个点的连线上，在视觉上产生连续的效果；当两个点大小不同时，大的点会首先引起我们的注意，然后再移动到小的点上。当页面有三个或者三个以上的点的话，我们就可能感觉到一个虚面，点越多，其“面”的感觉就会越强。

二、网页布局中的线

线是由无数个点构成的，具有长度、宽度、方向等性质。线的类型较多，常见的有直线、曲线、斜线等等，不同的线会带给人不同的心理感受。一般来说，直线给人一种平稳、挺拔的感觉；弧线给人感觉流畅、轻盈；曲线使人跳动、不安。不同粗细的线给人的感觉也是不一样的，粗线表现粗矿、阳刚之感，细线可以表达锐利、敏感、速度感等等，当粗线和细线搭配的时候，粗线必定会首先进入人们的视野。斜线给人移动的错觉，一根斜线蕴含着潜在的能量，把一组直线作为背景元素，它会给网页设计带来纹理的感觉，如果使用一组斜线代替直线，就会使设计有紧张感，会让浏览者的眼睛不停的跟随它移动。

现在，许多设计师也会把线作为网页空间分割的主要手段之一。线的空间分割会产生许多不同比例的面，所以线的分割也可以理解为面的分割，面分割后形成的边缘就是线。因此，对网页页面进行分割的时候，既要考虑各形态元素彼此之间的形状，又要注意不同空间所具有的主次关系和空间关系，以保证良好的视觉秩序，并获得视觉空间的整体感和和谐感。

三、网页布局中的面

几何学定义中，面是线的移动轨迹。点和线的密集可形成面，面的分割、面与面的合成亦可形成新的面。面是构成体的基本单位，面在网页设计中也经常出现，可以说，网页设计的设计离不开面的组合，一段文字可以看做一个面，一张图像可以看做一个面，页面的留白也可以看做是一个面，“面”的概念是不固定的，面是网页设计中常用的元素，它的大小、区直变化都会影响页面的布局。面也有规则和不规则之分，一般认为方形和圆形的面是规则的，这两种面相加或者相减可以产生无数个多样的面；不规则的面，没有规律可以遵循，一般很难判断属于哪种面。不同的面在视觉上有不同的心理作用和情感的表达。在网页设计中，规则的面给人一种简洁明了、规则有序的感觉；不规则的面给人一种轻松、活跃的感觉，但是这些面在设计和排版的时候要注重相关设计原则，有效合理地处理页面版式设计中面的构成关系，可以使整个页面布局充满美感，富有艺术感；反之可能给人一种无序混乱的感觉。

四、网页布局中的体

网页设计发展的另一个趋势是二维朝着多维的方向发展，在网页布局设计中，有时为了营造一种立体的视觉效果，让整个页面在视觉上更加具有立体感，会采用立体几何图形中的基本形体的形式来表达，不同的立体几何图形会给页面带来不同的艺术效果。而我们常见的形体一般有球体、立方体和圆锥体三种。网页页面设计根据画面中不同体的不同编排和布局，会给用户营造一种不同的心理感觉，例如，球体往往给人一种圆滑、柔和得心理感受；椎体则给人一种尖锐、刺激的感觉；立方体会给人一种平稳、大气、安全的心理感受。网页设计中合理的“体”的应用，极大的提高了页面整体的艺术效果。

综上所述，我们在进行网页布局设计的时候，平面设计元素点、线、面、体是需要首先考虑的因素，我们只有掌握了它们之间的关系，并且了解了在使用它们的过程中，通过不同的表现形式带给受众的情感和心理感受是不同的，这样才能设计出具有良好视觉效果的网页布局页面设计。

参考文献：

[1]梁日升，杨杰.网页艺术设计[M].北京：机械工业出版社，2011.

[2]倪洋.网页设计[M].上海：上海人民美术出版社，2012.