本节书摘来自异步社区《网页设计与前端开发 Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript 从入门到精通》一书中的第1章,第1.3节,作者: 何新起 , 任慎存 , 田月梅更多章节内容可以访问云栖社区“异步社区”公众号查看。
1.3 网页设计的原则
设计是有原则的,网页设计遵循以下几个原则:统一、连贯、分割、对比及和谐。
- 统一是指网页的整体性和一致性。网页的整体效果是至关重要的,网页中各个版块设计风格要一致协调。图1-17所示的网页整体看起来就比较统一。

- 连贯是指要注意页面的相互关系。设计中要注意各组成部分在内容上的内在联系和表现形式上的相互呼应,并注意整个页面设计风格的一致性,实现视觉上和心理上的连贯,使整个页面设计的各个部分融洽得犹如一气呵成。
- 分割是指将页面分成若干小块,小块之间有视觉上的不同,这样可以使浏览者一目了然。图1-18所示的网页分成了若干小块。

- 对比就是通过矛盾和冲突,使设计更加富有生气。对比的手法很多,如多与少、曲与直、强与弱、长与短、粗与细、主与次、黑与白、动与静及美与丑等。在使用对比的时候应慎重,对比过强容易破坏美感,影响统一。图1-19所示的网页设计中运用了对比效果。

- 和谐是指整个页面符合美的法则,浑然一体。网页不仅仅是色彩、形状、线条等的随意混合。