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

PAGE PAGE 1 浅析布局在网页设计中的运用 　　摘要：在互联网不断发展的过程中，网页设计也得到迅速的发展，因此，对网页设计的要求也不断提高，尤其是在创新的社会背景下，网页设计的新理念和新方法，不断推陈出新。在这里，主要针对布局在网页设计中的运用进行了简单分析与探讨。 　　关键词：布局；网页设计；运用 　　中图分类号：TP393.092文献标识码：A文章编号：1007-9599（2013）01-0111-02 　　1布局的重要性 　　在网页设计中，布局主要是利用各种元素在布局处理中的方法以及规律。从规律性上来讲，其主要的特点就是重复布局、近似布局、渐变布局、发射布局、特异布局，从非规律性的特点上来讲，主要表现为密集布局、分割布局、对比布局、肌理布局、空间布局。在网页设计中，布局作为整个设计的结构因素，必须要在布局中，通过科学安排相关的功能和区域，运用不同的形态、材料，重新组合成为一个新的单元，并赋予视觉化概念，将相关基本形任意组合成新的视觉元素，才能达到应有的设计效果。另外，布局关系到网页设计文化和水平的好坏，通过点、线、面的运用，以及各个元素之间关系的正确处理，满足不同文化环境对网页设计的要求，以便顺应人们的视觉感受，打动观看者的视觉，进而达到设计想要的效果。 　　2布局的运用技巧 　　2.1图片的应用。图片作为网页中的重要组成元素，是说明网页内容和美化页面的关键。因此，需要设计师把握布局设计理念，把图片加到适当的地方，利用图片对页面进行处理。如利用Photoshop6或Fireworks4可以将图片切成小块，分别进行优化。输出的格式可以为gif或jpeg，要视具体情况而定。一般我们把有较为复杂颜色变化的小块优化为jpeg，而把那种只有单纯色块的卡通画式的小块优化为gif，这是由这两种格式的特点决定的。 　　2.2页面排版的应用。在网页设计中，页面排版作为视觉传达的重要手段，同样，决定着网页设计的成败。页面排版包括页面距、版面设置、表格处理、页码格式等内容，种类繁多，需要设计者从中寻找相关的规律，要根据网页的形式，利用特异处理，将一些相同的基本型中出现一个形状或者大小特异的基本型进行整合，进而达到和谐统一的画面效果机理。在这里我们以表格的处理为例进行说明：表格（table）是页面中的重要元素，是页面排版的主要手段，可以设定表格的宽度、高度、边框、背景色、对齐方式等参数。如在使用Dreamweaver制作网页时，会自动在每一个td内添加一个空字符“”。如果单元格内没有填充其它元素，这个空字符会保留，在指定td的宽度或高度后，可以在源代码内将其删去。因此，页面排版时，可以通过各种手法，如页面尺寸、文本、页头、页脚等进行排版处理，按照设计要求，采用好的排版方案，形成各种不同的机理效果和空间效果，并在二维空间来表现三维，从而产生一定的视觉冲击力，同时，利用各基本型相互之间对比形成的一种互补的视觉分割状态，保证在作品中所有元素形成统一的状态，强化作品的空间表现形式。 　　2.3造型组合的应用。造型代表着一个页面的整体形象，而这种形象一定要突出整体性。在网页设计中，要利用经典图形，用最简单的设计技术创造经典的视觉效果，同时，这也是创意和理论的高度结合，简单来讲，就是在确定好图形与背景之间的关系，通过双重意象的构建、产生与形成，吸引观众的注意力，使得他们的视线更多集中在图形或背景上，因此，这就需要强化页面布局的局部以及整体效果。比如我们平常所见到的页面布局，其在背景和图像的区别虽然不明显，但是却存在着一定的差异，由黑白条纹所布局，用上下交错的手法创造出了双重意象，给观者造成一种视觉上的错觉，能够让人反复的观赏画，成功地吸引了注意力。 　　因此，平面造型组合的应用，需要从以下方面做出努力：一、要注意点、线、面三者的综合运用，不能等同，要以其中一种元素为主其他为辅，否则元素越多就越容易凌乱，统一感就越难把握；二、在网页设计中，要点是设计，因此，要有创意，有个性，抢眼睛，要有较强的吸引力，可以，在设计时用直白的手法，告诉人们设计的主题和所要表达的观点，既要满足对比、协调性，在于与众不同，同时，还要用色彩突出创意设计。这样，在页面布局处理时，突出其良好的对比性，通过相关的对比因素的处理，引起人的注意，吸引人的关注，并且结合相关的视觉元素，如动画、图片以及文字等，使其形成良好的协调关系。 　　3网页设计的优化 　　3.1体现网页设计的对比与统一 　　首先，对于布局，需要通过色彩布局，强化接触的布局，在实际处理中，通常会运用多位黑白，或者黑白灰的方法，一方面是为了避免布局感受到色彩的影响，另一方面，是为了通过色彩布局，强化整个网页的统一性与和谐性，为此，需要设计人员要注重对色彩的运用和搭配，利用布局中的色彩的明度、纯度、对比度等交错搭配