1.4　网页设计基础

1.4.1　网页版面布局的原则和方法

在网页设计的众多环节中，页面布局是最为重要的环节之一。常规的页面布局有以下几条原则，熟悉这些原则将对页面设计有很大帮助。

1．网页版面布局的原则

（1）和谐

页面中的图像、文字、色彩等元素要在相互对比中达到统一，各个元素之间既有差别，又有比较强的共性。

（2）均衡

页面中的图像、文字、色彩等元素要在聚散、穿插等对比变化中达到一定统一，在变化中寻求秩序，页面形成均衡状态。

（3）对称

页面中的图像、文字、色彩等元素可以使用轴对称和中心对称形式进行设计布局，使页面在视觉上表现出整体性、协调性和完美性。

（4）对比

页面中的图像、文字、色彩等元素相互对比，打破单调的表现形式，让页面中的重点内容更加醒目清晰，突出显现。

（5）秩序

页面中的图像、文字、色彩等元素根据一定的条理性进行设计布局，形式表现为规则而有序。

（6）比例

整体页面和图像、文字、色彩等元素的比例关系设计非常重要，设计好相对的比例关系，可以使页面既有统一的整体性，也有局部的细节变化。

2．网页版面布局的方法

网页版面布局的方法分为两种，纸上布局法和软件布局法。

（1）纸上布局法

在纸上绘制布局草图，将功能模块按照布局原则以从主到次的顺序摆放在适当的位置。经过与客户多次沟通反复调整，确认布局方案。

（2）软件布局法

使用Photoshop、Axure等软件设计布局效果图，比纸质布局图更加直观形象，便于与客户沟通和修改，给客户呈现最佳的视觉效果和设计理念。