網頁設計中將復雜元素簡單化的處理方式

最好的網站設計是簡潔的設計：一個主題、一張圖片、幾段話還有空白，干凈、美觀，令人難忘。

但真實情況往往是復雜的，網站包含各種內容。人、節目、廣告都需要引起讀者的關注。也都滬占據頁面空間，這些將導致網站變得擁擠不堪。

我們之所以一下面這個網站為例子，是因為它將復雜的元素處理的非常完美。這是通過兩步做到的：首先簡化每個元素，提煉其本領，然后再精心地處理細節。有12種視覺處理技巧可使網站各組成元素輕松和諧的并存，讓我們來看其中的幾種。

網頁結構

網頁賬號是整屏大小，不會太長，因為你可以看到其絕大部分內容。頁面被劃分為三個橫向區域。每個區域都包含不同的內容——頁頂和頁底的內容是固定的，中間區域的內容則是靈活可變的。

2.頁頭設計

較寬的綠色條和較窄的棕色條構成了形式簡單而內容豐富的頁頭，引導了整個網頁的設計。其上的Logo和鏈接都反相成白色。為使顏色看起來更柔和，綠色條使用了微弱的漸變效果，產生了如輻射光芒般的錯覺。

3.主要鏈接的設計

主要鏈接位于頁頭的棕色條上。其字體樣式、色彩和陰影效果都和Logo如初一轍，這加強了兩者的聯系，使他們保持一致。

4.次級鏈接的設計

當讀者深入了解網站內容，進入次級鏈接的時候，鏈接的字體及其顏色將有細微的改變，這標志這鏈接層級的變化。但主次鏈接的字體風格與尺寸始終保持一致。

5.網頁的主功能區

在頁頭和頁腳之間白色的“主功能區”是網站的焦點部分。這個網站的每張網頁上都有一篇簡明扼要的文章，選用襯線字體，并設置較寬的行距。整體展現出清爽，睿智的外觀，使人樂于閱讀。

6.頁腳的設計

正確設計的頁腳局喲偶真正重要的功能，它不應該被當做網頁的末尾，二十支撐其余網頁信息的根本。頁腳的信息是恒定不變的——關鍵鏈接、聯系信息和Logo等。

7.字體的設計

整個網站的HTML文本都是使用Georgia字體——醉常用同時也是效果最佳的襯線字體。Georgia字體具有類似書籍印刷體的外觀，并且形態大小適中，及時在低分辨率下也特別容易辨認。