網站版面設計 進行合理布局和編排的4大原則

網頁布局類似於雜志的排版。網頁作為一種版面，既有文字，又有圖片，可能還有動畫等。同時，文字有大有小，還有標題與正文之分；圖片也有大有小，還 有靜態與動態的差別。文字和圖片需要同時展示給用戶，如果只是將它們簡單地羅列在一個頁面上，往往會使頁面顯得雜亂無章。因此，必須根據內容需要，將它們 按照一定的次序進行合理布局和編排，使其組成一個有機的整體，展示給用戶。下面詳細介紹網頁布局一般應遵循的原則。

（1）整體布局，和諧統一。網頁的整體布局在頁面設計中占據關鍵位置，起著主導作用。巧妙的整體布局，能全面地展現出設計者的思想，盡情地揮灑出設計者的靈感，這樣的網頁必定是和諧統一的。

整體化布局的傳統方法是使用對稱的形式，通過空間、文字和圖形的相互作用建立整體的均衡狀態，產生和諧的美感。但是，對稱均衡有時候會使頁面顯得呆 板、僵化，缺少一定的活力。在對稱均衡中輔助設計一些新穎的文字和圖案，需要時可以采用一些誇張的手法，體現強烈的緊張感和運動感，可以給對稱的頁面增加 一些生動性和趣味性。

（2）主次分明，中心突出。在一個頁面上，必然考慮視覺中心，這個中心一般在頁面的重點區域，即中央偏上的位置。因此應該把最能傳達信息、最能吸引入的內容放在這個位置。在視覺中心以外的地方可以安排那些稍微次要的內容，這樣在頁面上就突出了重點，做到了主次分明。

頁面布局的最終目的是使網頁產生清晰的條理性，更好地突出主體，達到最佳的顯示效果，因此，頁面視覺中心的內容應該是主體。可以將網頁的視覺次序、 空間層次、主從關系及彼此間的邏輯關系，通過條理性地把握與運用來突出主體。在空間層次上按照主從關系的順序，使放大的主體形象成為視覺中心，以此來表達 主體思想；將文檔中的多種信息作整體編排設計，有助於主體形象的建立；而在主體形象的四周適當地增加一些空白，可以便得被強調的主體形象更加鮮明突出。

（3）疏密有度，錯落有致。在內容安排上要恰當地留些空白，適當地運用空格，改變字間距和行間距等來制造變化的效果；在對稱性上既要使用對稱美，也要兼顧非對稱美；在色彩和形態的使用上可以適當使用對比，如黑白對比，圓形與方形對比等，以形成鮮明的視覺效果。

（4）圖文並茂，相得益彰。文字和圖像具有相互補充的視覺關系，如果頁面上的圖像太多，缺少文字，就會降低頁面的信息容量；而如果頁面上的文字太多，則會顯得沉闖，缺乏生氣。因此，理想的效果是使圖像與文字合理搭配，互為襯托，這樣既能使頁面變得活躍，又使頁面有豐富的內容。

整體布局，和諧統一；主次分明，中心突出；疏密有度，錯落有致；圖文並茂，相得益彰。當你把這4大網站布局原則運用好之後，回來看看你的網站，是不是合理了許多？用戶體驗是不是提高了許多？網站整體是不是專業了許多？