网页的布局和视觉设计

来 源：九天科技 作 者：网站建设策划部

不同的网站有不同的表现效果和表现风格。好的网页布局和视觉并没有一个固定的公式，但是好的设计也是要遵循一些准则的。

1.逻辑性

网页的布局和视觉设计是为网页的目的和内容服务的，网页之间的逻辑关系是设计的最基本的依据。

A．最重要的内容应当以最醒目的方式加以表明，如使用颜色，大小等。但从SEO的角度来说呢，就要把重要信息尽量靠前，在重要信息多使用，h1~h2、stone、B、em等标签，着重提示给SE。

B．应当避免将重要信息放置在屏幕的右侧和下端位置。因为右侧和下端容易被用户忽视，而下端侧需要滚动才能显示。但是，右侧用户还容易点击，点击不需要移动鼠标，大部分的用户都是使用右手的习惯。

C．用字体大小，颜色，缩进方式等表达内容之间的从属关系

D．明确任何一个网页的宗旨。将网页的大部分的和最有效的显示区域，用于显示u网页宗旨直接相关的内容。但看是简单，我会经常会看到网页上将大量的板块显示图片，重复链接。

2一致性

除了特殊情况之外，一个网站所有的网页设计风格都应该保持高度的一致性。

A．一致性的网站标志。如logo，包括其大小，样式等

B．一致性的层次布局。不同的网页其内容特点也可能需要不同的表达方式，但这些网页的层次在“包装“上要风格一致。

C．一致性的浏览机制。在子网页中中和频道网页中的浏览方式之间，同样适用。任何不一致的浏览方式都有可能给用户带来迷惑。但是从SEO的角度来说，起到了网页间的逆向优化效果。

D．一致性和谐的字体颜色。字体和色彩的适用也应遵循同一个标准。例如超链中的字体颜色显示，有下划线和那些没有下划线的，就会使用户难以辨别，和一般的文字之间的区别，从而也影响了用户使用的效率。

E．一致性的重复图标和输入框等界面元素的表达方式。

具有高度一致性的网站给用户以清晰感和整感。用户在使用这样的网站时，能感受到自己处在一个精心而又全面的信息空间。网站中的各个元素安排也竟然有序。保证一致性的一个有效方法，就是制定设计标准文件—设计风格标准文件。同时也可以有效的进行网站界面的管理和调整。