网页板式编排和布局的原则.docVIP

网页板式编排和布局的原则 网页布局类似于杂志的排版。网页作为一种版面，既有文字，又有图片，可能还有动画等。同时，文字有大有小，还有标题与正文之分；图片也有大有小，还有静态与动态的差别。文字和图片需要同时展示给用户，如果只是将它们简单地罗列在一个页面上，往往会使页面显得杂乱无章。因此，必须根据内容需要，将它们按照一定的次序进行合理布局和编排，使其组成一个有机的整体，展示给用户。努力做到整体布局合理化、有序化、整体化。优秀之作，善于以巧妙、合理的视觉方式使一些语言无法表达的思想得以阐述，做到丰富多样而又简洁明了。 （1）整体布局，和谐统一。网页的整体布局在页面设计中占据关键位置，起着主导作用。巧妙的整体布局，能全面地展现出设计者的思想，尽情地挥洒出设计者的灵感，这样的网页必定是和谐统一的。 整体化布局的传统方法是使用对称的形式，通过空间、文字和图形的相互作用建立整体的均衡状态，产生和谐的美感。但是，对称均衡有时候会使页面显得呆板、僵化，缺少一定的活力。在对称均衡中辅助设计一些新颖的文字和图案，需要时可以采用一些夸张的手法，体现强烈的紧张感和运动感，可以给对称的页面增加一些生动性和趣味性。 （2）主次分明，中心突出。在一个页面上，必然考虑视觉中心，这个中心一般在页面的重点区域，即中央偏上的位置。因此应该把最能传达信息、最能吸引入的内容放在这个位置。在视觉中心以外的地方可以安排那些稍微次要的内容，这样在页面上就突出了重点，做到了主次分明。 页面布局的最终目的是使网页产生清晰的条理性，更好地突出主体，达到最佳的显示效果，因此，页面视觉中心的内容应该是主体。可以将网页的视觉次序、空间层次、主从关系及彼此间的逻辑关系，通过条理性地把握与运用来突出主体。在空间层次上按照主从关系的顺序，使放大的主体形象成为视觉中心，以此来表达主体思想；将文档中的多种信息作整体编排设计，有助于主体形象的建立；而在主体形象的四周适当地增加一些空白，可以便得被强调的主体形象更加鲜明突出。 （3）疏密有度，错落有致。在内容安排上要恰当地留些空白，适当地运用空格，改变字间距和行间距等来制造变化的效果；在对称性上既要使用对称美，也要兼顾非对称美；在色彩和形态的使用上可以适当使用对比，如黑白对比，圆形与方形对比等，以形成鲜明的视觉效果。 （4）图文并茂，相得益彰。文字和图像具有相互补充的视觉关系，如果页面上的图像太多，缺少文字，就会降低页面的信息容量；而如果页面上的文字太多，则会显得沉闯，缺乏生气。因此，理想的效果是使图像与文字合理搭配，互为衬托，这样既能使页面变得活跃，又使页面有丰富的内容。 线条和形状 线是点移动的轨迹，线在编排设计中有强调、分割、导线，视觉线的作用。线会因方向、形态的不同而产生不同的视觉感受，例如垂直的线给人平稳、挺立的感觉，弧线使人感到流畅、轻盈；曲线使人跳动、不安。在页面中内容较多时，就需进行版面分割，通过线的分割保证页面良好的视觉秩序，页面在直线的分割下，产生和谐统一的美感；通过不同比例的空间分割，有时会产生空间层次韵律感。　　文字、标题、图片等的组合，会在页面上形成各种各样的线条和形状。这些线条与形状的组合，构成了网页的总体艺术效果。必须注意艺术地搭配好这些线条和形状，才能增强页面的艺术魅力。　　1.直线 矩形 的应用。直线条的艺术效果是流畅、挺拔、规矩、整齐，所谓有轮有廓。直线和矩形在页面上的重复组合可以呈现井井有条、泾渭分明的视觉效果。一般应用于比较庄重、严肃的网页题材。　　2.曲线 弧形 的应用。曲线的效果是流动、活跃，具有动感。曲线和弧形在页面上的重复组合可以呈现流畅、轻快，富有活力的视觉效果。一般应用于青春、活泼的网页题材。　　3.曲、直线 矩形、弧形 的综合应用。把以上两种线条和形状结合起来运用，可以大大丰富网页的表现力，使页面呈现更加丰富多彩的艺术效果。这种形式的网页，适应的范围更大，各种主题的网页都可以应用。但是，在页面的编排处理上，难度也会相应大一些，处理得不好会产生凌乱的效果。最简单的途径是，在一个页面上以一种线条 形状 为主，只在局部的范围内适当用一些其它线条 形状 。 色彩处理 色彩是艺术表现的要素之一，它是光刺激眼睛再传导到大脑中枢而产生的一种感觉。在网页设计中，根据和谐、均衡和重点突出的原则，将不同的色彩进行组合、搭配来构成美丽的页面。　　色彩是人的视觉最敏感的东西。网页的色彩处理得好，可以锦上添花，达到事半功倍的效果。色彩总的应用原则应该是总体协调，局部对比，也就是：网页的整体色彩效果应该是和谐的，只有局部的、小范围的地方可以有一些强烈色彩的对比。在色彩的运用上，可以根据网页内容的需要，分别采用不同的主色调。因为色彩具有象征性，例如：嫩绿色、翠绿色、金黄色、灰褐色就可以分别象征着春、夏、秋、冬。其次还有