網站設計一方面從計算機屏幕上所呈現的視覺表征得到信息，做出反應；另一方面根據其美感經驗，從計算機屏幕上賞心悅目的視覺呈現，引起他的良好溝通情緒。一個賞心悅目的視覺呈現有賴于設計者的創意﹝idea﹞、表現技巧﹝technique﹞、編排﹝lay-out﹞能力。?

目前許多國內網站設計的計算機屏幕視覺呈現是依賴設計者的感覺來處理，或者憑其多年的實務經驗來完成。但是「感覺」對想學習網站設計的人是很難捉摸的，「經驗」更是殘酷的。因此將「美的原則」運用于平面設計的編排與構成，形成「網站設計編排構成原理」，可以幫忙初學者；甚至對網站設計師而言，在其面臨缺乏「感覺」的時候，還能創作出具水準的作品。?

﹝一﹞大小的對比

?網站設計大小關系為造形要素中最受重視的一項，幾乎可以決定意象與調和的關系。大小差別少，給人的感覺較沈著溫和，大小的差別大，給人的感覺較鮮明，而且具有強力感。?

﹝二﹞明暗的對比

陰與陽、正與反、晝與夜等等，如此類的對比語句，可使人感覺到日常生活中的明暗關系。初誕生的嬰兒，最初在視覺上只能分出明暗，而牛、狗等動物雖能簡單識別黑白，可是，對彩度或色相卻無法輕易識別，由此可知，明暗﹝黑和白﹞乃是色感中最基本的要素。?

﹝三﹞粗細的對比

?字體愈粗，愈富有男性的氣概。若代表時髦與女性，則通常以細字表現。細字如果份量增多，粗字就應該減少，這樣的搭配看起來比較明快。?

﹝四﹞曲線和直線的對比

曲線很富有柔和感、緩和感；直線則富堅硬感、銳利感，極具男性氣概。自然界中，皆由這兩者適當混合。平常我們并不注意這種關系，可是，當曲線線或直線強調某形狀時，我們便有了深刻的印象，同時也產生相對應的情感。故我們常為加深曲線印象，就以一些直線來強調，也可以說，少量的直線會使曲線更引人注目。?

?﹝五﹞質感的對比

在一般人的日常生活中，也許很少聽到質感這句話，但是在美術方面，質感卻是很重要的造形要素。譬如松弛感、平滑感、濕潤感等等，皆是形容質感。故質感不僅只表現出情感，而且與這種情感融為一體。本文作者來自北京傳誠信，轉載請注明出處：北京傳誠信（wtkaisuo.com）

我們觀察畫家的網站設計作品等，常會注意其色彩與圖面的構成，其實，質感才是決定作品風格的主要因素，雖然色彩或對象物會改變，可是，作為基礎的質感，是與一位畫家之本質有著密切的關系，是不易變更的。若是外行人就容易疏忽這一點，其實，這才是最重要的基礎要素，也是對情感最強烈的影響力。?

﹝六﹞位置的對比

?在畫面兩側放置某種物體，不但可以強調，同時也可產生對比。畫面的上下、左右和對角線上的四隅皆有潛在性的力點，而在此力點處配置照片、大標題或標志、記號等等，便可顯出隱藏的力量。因此在潛在的對立關系位置上，放置鮮明的造形要素，可顯出對比關系，并產生具有緊湊感的畫面。 本文作者來自北京傳誠信，轉載請注明出處：北京傳誠信（wtkaisuo.com）

﹝七﹞主與從的對比

網站設計也和舞臺設計一樣，主角和配角的關系很清楚時，觀眾的心理會安定下來。明確表示主從的手法是很正統的構成方法，會讓人產生安心感。如果兩者的關系模糊，會令人無所適從，相反地，主角過強就失去動感，變成庸俗畫面。
戲劇中的主角，人人一看便知。版面中若也能表現出何者為主角，會使讀者更加了解內容。所以要有主從關系是設計配置的基本條件。?

?﹝八﹞動與靜的對比

一個故事的開始都有開端、說明、轉變和結果。一座庭院中，也有假山、池水、草木、瀑布等等的配合。同樣的在設計配置上也有激烈動態與文靜部份。

?擴散或流動的形狀即為「動」。水平或垂直性強化的形狀則為「靜」。把這兩者配置于相對之處，而以「動」部份占大面積。

?「靜」部份占小面積，并在周邊留出適當的留白以強調其獨立性。這樣的安排，一般用來配置于畫面四隅的重點。因此，「靜」部份雖只占小面積，卻有很強的存在感。?

﹝九﹞多種的對比

對比還有曲線與直線、垂直與水平、銳角與鈍角等種種不同的對比。如果再將前述的各種對比和這些要素加以組合搭配，即能制作富有變化的畫面。?

?﹝十﹞起與受

?網站設計全體的空間因為各種力的關系，而產生動態，進而支配空間。產生動態的形狀和接受這種動態的另一形狀，互相配合著，使空間變化更生動。

我們要網站設計很注重流水的出口，因為流水的出口是動感的出發點，整個網站都會因它而被影響。談到版面構成，原理也一樣，起點和受點會彼此呼應、協調。兩者的距離愈大，效果愈顯著，而且可以利用畫面的兩端，不過起點和受點要特別注意平衡，必須有適當的強弱變化才好，若有一方太軟弱無力就不能引起共鳴。?

免費網絡營銷顧問：我們為您提供免費的網絡營銷顧問服務，您需要了解關于如何開展網絡營銷，電子商務，網站設計等的事宜，歡迎隨時聯系我們。

seo友好的網站管理系統：除了優質的網站空間，網站管理系統，和網站設計外，我們的網站管理系統更是seo友好的，包括：自定義欄目名，Google Sitemap自動生成，靜態頁面生成等等，讓您的網站。