浅析布局在网页设计中的运用

浅析布局在网页设计中的运用

作者：陈宁

来源：《计算机光盘软件与应用》2013年第01期

摘要：在互联网不断发展的过程中，网页设计也得到迅速的发展，因此，对网页设计的要求也不断提高，尤其是在创新的社会背景下，网页设计的新理念和新方法，不断推陈出新。在这里，主要针对布局在网页设计中的运用进行了简单分析与探讨。

关键词：布局；网页设计；运用

中图分类号：TP393.092 文献标识码：A 文章编号：1007-9599 （2013） 01-0111-02

1 布局的重要性

在网页设计中，布局主要是利用各种元素在布局处理中的方法以及规律。从规律性上来讲，其主要的特点就是重复布局、近似布局、渐变布局、发射布局、特异布局，从非规律性的特点上来讲，主要表现为密集布局、分割布局、对比布局、肌理布局、空间布局。在网页设计中，布局作为整个设计的结构因素，必须要在布局中，通过科学安排相关的功能和区域，运用不同的形态、材料，重新组合成为一个新的单元，并赋予视觉化概念，将相关基本形任意组合成新的视觉元素，才能达到应有的设计效果。另外，布局关系

龙源期刊网 http://www.qikan.com.cn

到网页设计文化和水平的好坏，通过点、线、面的运用，以及各个元素之间关系的正确处理，满足不同文化环境对网页设计的要求，以便顺应人们的视觉感受，打动观看者的视觉，进而达到设计想要的效果。

2 布局的运用技巧

2.1 图片的应用。图片作为网页中的重要组成元素，是说明网页内容和美化页面的关键。因此，需要设计师把握布局设计理念，把图片加到适当的地方，利用图片对页面进行处理。如利用Photoshop6或Fireworks4可以将图片切成小块，分别进行优化。输出的格式可以为gif或jpeg，要视具体情况而定。一般我们把有较为复杂颜色变化的小块优化为jpeg，而把那种只有单纯色块的卡通画式的小块优化为gif，这是由这两种格式的特点决定的。

2.2 页面排版的应用。在网页设计中，页面排版作为视觉传达的重要手段，同样，决定着网页设计的成败。页面排版包括页面距、版面设置、表格处理、页码格式等内容，种类繁多，需要设计者从中寻找相关的规律，要根据网页的形式，利用特异处理，将一些相同的基本型中出现一个形状或者大小特异的基本型进行整合，进而达到和谐统一的画面效果机理。在这里我们以表格的处理为例进行说明：表格（table）是页面中的重要元素，是页面排版的主要手段，可以设定表格的宽度、高度、边框、背景色、对齐方式等参数。如在使用Dream weaver制作网页时，会自动在每一个td内添加一个空字符“ ”。如果单元格内没有填充其它元素，这个空字符会保留，在指定td的宽度或高度后，可以在源代码内将其删去。因此，页面排版时，可以通过各种手法，如页面尺寸、文本、页头、页脚等进行排版处理，按照设计要求，采用好的排版方案，形成各种不同的机理效果

龙源期刊网 http://www.qikan.com.cn

和空间效果，并在二维空间来表现三维，从而产生一定的视觉冲击力，同时，利用各基本型相互之间对比形成的一种互补的视觉分割状态，保证在作品中所有元素形成统一的状态，强化作品的空间表现形式。

2.3 造型组合的应用。造型代表着一个页面的整体形象，而这种形象一定要突出整体性。在网页设计中，要利用经典图形，用最简单的设计技术创造经典的视觉效果，同时，这也是创意和理论的高度结合，简单来讲，就是在确定好图形与背景之间的关系，通过双重意象的构建、产生与形成，吸引观众的注意力，使得他们的视线更多集中在图形或背景上，因此，这就需要强化页面布局的局部以及整体效果。比如我们平常所见到的页面布局，其在背景和图像的区别虽然不明显，但是却存在着一定的差异，由黑白条纹所布局，用上下交错的手法创造出了双重意象，给观者造成一种视觉上的错觉，能够让人反复的观赏画，成功地吸引了注意力。

因此，平面造型组合的应用，需要从以下方面做出努力：一、要注意点、线、面三者的综合运用，不能等同，要以其中一种元素为主其他为辅，否则元素越多就越容易凌乱，统一感就越难把握；二、在网页设计中，要点是设计，因此，要有创意，有个性，抢眼睛，要有较强的吸引力，可以，在设计时用直白的手法，告诉人们设计的主题和所要表达的观点，既要满足对比、协调性，在于与众不同，同时，还要用色彩突出创意设计。这样，在页面布局处理时，突出其良好的对比性，通过相关的对比因素的处理，引起人的注意，吸引人的关注，并且结合相关的视觉元素，如动画、图片以及文字等，使其形成良好的协调关系。

3 网页设计的优化

龙源期刊网 http://www.qikan.com.cn

3.1 体现网页设计的对比与统一

首先，对于布局，需要通过色彩布局，强化接触的布局，在实际处理中，通常会运用多位黑白，或者黑白灰的方法，一方面是为了避免布局感受到色彩的影响，另一方面，是为了通过色彩布局，强化整个网页的统一性与和谐性，为此，需要设计人员要注重对色彩的运用和搭配，利用布局中的色彩的明度、纯度、对比度等交错搭配，增强页面效果。与此同时，用于对比的色彩，线条粗细要富有变化性，节奏有序。其次，通过对比与统一的应用，强化整体感。我们知道布局在二维的空间用点线面的元素来使画面和谐，可以采用任何一种元素来完善画面，例如点的元素，线的元素或面的元素。其核心只有一个，通过多个

元素的疏密关系，浓淡关系等使画面和谐。也就达到了设计的目的。而布局作为网页设计的基础，必须要体现其格式的灵活性、创新性。

3.2 增强页面设计情感效果

在页面设计中，对于其情感特征的体现，主要来源于点、线、面的综合运用，因此，在设计时，需要通过对这三个要素进行分析、搭配以及处理，突出设计的主题性，一方面，既要满足设计要求，另一方面，还要激发观赏者的情感因素。因此，在页面设计中，要想更好地表达设计主旨与设计要求，从而引导观者的情感，则要从下面的几点入手：首先，页面设计中情感特征的体现，主要来源于点、线、面的综合运用，因此，在设计时，需要通过对这三个要素进行分析、搭配以及处理，突出设计的主题性。其次，要运用平面构成的形态要素，奠定形式美的设计法则，利用点、线、面的构成，体现页面设计

龙源期刊网 http://www.qikan.com.cn

的发射构成、空间构成、打散构成，强化设计的邻近对比、补色对比、冷暖对比、面积对比，从而更好地强化人们的触觉肌理和视觉肌理。另外，要运用不同的形态、材料，重新组合成为一个新的单元，并赋予视觉化的、力学的概念，将相关基本形任意组合成新的视觉元素，通过点、线、面的运用，正确处理好各个元素之间关系，既要满足设计要求，也要激发观赏者的情感因素。总之，网页设计涉及的东西也是比较丰富的，包括广告类的创意与制作，需要设计人员要具备丰富的想象力和创意性思维，与真正的平面广告宣传应用形成一个很好的融合。

4 总结：

总而言之，要想设计出能够吸引人的网页形式，就要对布局和网页设计有一个全面的把握，遵守统一变化的原则，强化版面的外形特征，体现设计的生命力，与此同时，还要通过精心的设计与安排，进行整体上的比较，在保证形式上的和谐以外，还要保证其疏密有致，轻重适度，最终体现设计上的别具一格。

参考文献：

[1]游林华.布局在网页设计中的运用[J].职业·中旬，2012（12）.

[2]涂岚，廖先锋.布局的视觉设计语言在网页中的表现[J].魅力中国，2011（03）.

[3]张晶.网页设计中视觉元素的应用[J].中国管理信息化，2011（17）.