網頁給人直觀的感受就是它的頁面框架與構造，就像一座大樓的主體框架與形態，你可能記不起東方明珠塔和艾菲爾鐵塔是用什么顏色或什么材料涂的外墻，但我想你一
定記得起它們的什么樣的形狀。同樣，網頁設計中的構圖也足 以影響到整個網站給人的感受，雖然比喻并不十 分恰當，但就網頁其構圖而言，些許的改變和簡單的創
新也許就能起到事半功的效 果，讓網站給人的視覺感受耳目一新。
如何將網頁這座樓蓋的漂亮？以下就例舉一些在網頁設計上能起到事半功的構圖技
巧。
一、堅實的地基——幾何圖形的力量。
幾何圖形在頁面中往往能起到大梁的作用，也是網頁內容為常用的承載面板。這些圖形合理的搭配和有 效的穿插，能使頁面除了信息傳達外，具層次感和觀賞性。
此網站圓角矩形巧 妙的結合信息模塊穿插在一起，除了營造了網站的主體富 有節奏的形狀之外， 加強了頁面的層次感，不會顯得頁面枯燥和單調。
圓形和橢圓形的結合搭載了輪播廣告和重要信息，使得整個頁面既有亮點又不失簡潔。
同樣是圓角矩形的穿插結合， 色彩填充的圖形交集既能展示重要信息又勾勒出整個網站的風格形態。
豎著的大圓角矩形和線條勾勒出整個完整的畫面，各 種信息鑲嵌于各個形狀只中，既不顯得亂又使其相得益彰。
例子：
二、鋼筋上的鉚釘——破格而出的素材
素材應用的好，往往能起到畫龍點睛的作用，而素材起點綴頁面和表達主題之外，還能作為構圖中的一種主要元素存在，這些素材通常破格而出作為連接頁面的紐帶，使頁面結構穩固，故稱其為“鉚釘”。
素材看似隨機的擺放，其實是有意的將素材擺放于左上和右下兩個對角點，視覺上俗稱的暗線，左下角信息內容的圖片和右上角的登錄窗口組成了另外一條對角暗線， 兩者并組成了X結構，而四個素材起到到了固定和壓 軸的作用，穩固而又美觀。
例子:
三、打造斜塔之美——斜的視覺張力
比薩斜塔之斜是地質沙化下沉還是設計師故意為之，至今還是有人在爭論，拋開爭議，斜塔的美似乎讓許多人都想來到它身邊一睹這位傾斜美人之容，湊巧的是，在浩瀚的宇宙中美麗的星 球，也就是地球，也斜著身子對著太陽轉著。話題扯的比較遠，斜線，或者說是斜著的物體，似乎天生有一種張力。在網頁設計中亦是如此，而在這里所表現的為視覺的張力，是種視覺心里上的延伸力而非物理上的。當頁面過于平均，畫面平平毫 無亮點時，打 破平均打 破通體的平均尤 為重要，打 破平均的方式有很多，而斜線似乎是網頁設計中慣用的一招，屢試不爽。
例子：
設計頁面的時候需要的不是一大堆技法和技 巧，而是一顆永 不停止探索美和創 造美的心。
