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

目前許多國內(nèi)網(wǎng)站設(shè)計(jì)的計(jì)算機(jī)屏幕視覺呈現(xiàn)是依賴設(shè)計(jì)者的感覺來處理，或者憑其多年的實(shí)務(wù)經(jīng)驗(yàn)來完成。但是「感覺」對想學(xué)習(xí)網(wǎng)站設(shè)計(jì)的人是很難捉摸的，「經(jīng)驗(yàn)」更是殘酷的。因此將「美的原則」運(yùn)用于平面設(shè)計(jì)的編排與構(gòu)成，形成「網(wǎng)站設(shè)計(jì)編排構(gòu)成原理」，可以幫忙初學(xué)者；甚至對網(wǎng)站設(shè)計(jì)師而言，在其面臨缺乏「感覺」的時(shí)候，還能創(chuàng)作出具水準(zhǔn)的作品。?

﹝一﹞大小的對比

?網(wǎng)站設(shè)計(jì)大小關(guān)系為造形要素中最受重視的一項(xiàng)，幾乎可以決定意象與調(diào)和的關(guān)系。大小差別少，給人的感覺較沈著溫和，大小的差別大，給人的感覺較鮮明，而且具有強(qiáng)力感。?

﹝二﹞明暗的對比

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

﹝三﹞粗細(xì)的對比

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

﹝四﹞曲線和直線的對比

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

?﹝五﹞質(zhì)感的對比

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

我們觀察畫家的網(wǎng)站設(shè)計(jì)作品等，常會(huì)注意其色彩與圖面的構(gòu)成，其實(shí)，質(zhì)感才是決定作品風(fēng)格的主要因素，雖然色彩或?qū)ο笪飼?huì)改變，可是，作為基礎(chǔ)的質(zhì)感，是與一位畫家之本質(zhì)有著密切的關(guān)系，是不易變更的。若是外行人就容易疏忽這一點(diǎn)，其實(shí)，這才是最重要的基礎(chǔ)要素，也是對情感最強(qiáng)烈的影響力。?

﹝六﹞位置的對比

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

﹝七﹞主與從的對比

網(wǎng)站設(shè)計(jì)也和舞臺(tái)設(shè)計(jì)一樣，主角和配角的關(guān)系很清楚時(shí)，觀眾的心理會(huì)安定下來。明確表示主從的手法是很正統(tǒng)的構(gòu)成方法，會(huì)讓人產(chǎn)生安心感。如果兩者的關(guān)系模糊，會(huì)令人無所適從，相反地，主角過強(qiáng)就失去動(dòng)感，變成庸俗畫面。
戲劇中的主角，人人一看便知。版面中若也能表現(xiàn)出何者為主角，會(huì)使讀者更加了解內(nèi)容。所以要有主從關(guān)系是設(shè)計(jì)配置的基本條件。?

?﹝八﹞動(dòng)與靜的對比

一個(gè)故事的開始都有開端、說明、轉(zhuǎn)變和結(jié)果。一座庭院中，也有假山、池水、草木、瀑布等等的配合。同樣的在設(shè)計(jì)配置上也有激烈動(dòng)態(tài)與文靜部份。

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

?「靜」部份占小面積，并在周邊留出適當(dāng)?shù)牧舭滓詮?qiáng)調(diào)其獨(dú)立性。這樣的安排，一般用來配置于畫面四隅的重點(diǎn)。因此，「靜」部份雖只占小面積，卻有很強(qiáng)的存在感。?

﹝九﹞多種的對比

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

?﹝十﹞起與受

?網(wǎng)站設(shè)計(jì)全體的空間因?yàn)楦鞣N力的關(guān)系，而產(chǎn)生動(dòng)態(tài)，進(jìn)而支配空間。產(chǎn)生動(dòng)態(tài)的形狀和接受這種動(dòng)態(tài)的另一形狀，互相配合著，使空間變化更生動(dòng)。

我們要網(wǎng)站設(shè)計(jì)很注重流水的出口，因?yàn)榱魉某隹谑莿?dòng)感的出發(fā)點(diǎn)，整個(gè)網(wǎng)站都會(huì)因它而被影響。談到版面構(gòu)成，原理也一樣，起點(diǎn)和受點(diǎn)會(huì)彼此呼應(yīng)、協(xié)調(diào)。兩者的距離愈大，效果愈顯著，而且可以利用畫面的兩端，不過起點(diǎn)和受點(diǎn)要特別注意平衡，必須有適當(dāng)?shù)膹?qiáng)弱變化才好，若有一方太軟弱無力就不能引起共鳴。?

免費(fèi)網(wǎng)絡(luò)營銷顧問：我們?yōu)槟峁┟赓M(fèi)的網(wǎng)絡(luò)營銷顧問服務(wù)，您需要了解關(guān)于如何開展網(wǎng)絡(luò)營銷，電子商務(wù)，網(wǎng)站設(shè)計(jì)等的事宜，歡迎隨時(shí)聯(lián)系我們。

seo友好的網(wǎng)站管理系統(tǒng)：除了優(yōu)質(zhì)的網(wǎng)站空間，網(wǎng)站管理系統(tǒng)，和網(wǎng)站設(shè)計(jì)外，我們的網(wǎng)站管理系統(tǒng)更是seo友好的，包括：自定義欄目名，Google Sitemap自動(dòng)生成，靜態(tài)頁面生成等等，讓您的網(wǎng)站。