網(wǎng)站建設(shè)的一些重要原則總結(jié)

優(yōu)秀的九江網(wǎng)站設(shè)計服務(wù)商--九江大幸網(wǎng)絡(luò)傳媒服務(wù)中心，推薦此文給大家，希望能給九江想做網(wǎng)站建設(shè)的老板們一些啟示：

網(wǎng)站建設(shè)中總會遵循一些基本的設(shè)計原則，不論你是經(jīng)驗豐富的行業(yè)大�；蚴莿傔M(jìn)入網(wǎng)頁設(shè)計領(lǐng)域的新手，鞏固容易忽略的設(shè)計原則將會極大地改善你設(shè)計工作的質(zhì)量。

　留白

到底什么是留白？留白是元素之間沒有標(biāo)記的、負(fù)的或空白的空間。它有效地將內(nèi)容框架化。宏觀的留白是您設(shè)計中最主要的部分，它會產(chǎn)生更加明顯的效果。另一方面，微觀的留白則是一種微小的細(xì)節(jié)，就像印刷元素間的所有空間一樣。

下圖中，留白的完美運用創(chuàng)造出了一種關(guān)于新產(chǎn)品的強烈而優(yōu)雅的強調(diào)。這里有一些原則成功地運用到設(shè)計工作中，但是留白發(fā)揮了最大的作用，使這個設(shè)計工作變得很好。

（Samsung Gear360產(chǎn)品網(wǎng)站）

看一下下面的例子。當(dāng)我們研究用于在Foundersuite網(wǎng)站中建立空白區(qū)域的大小時，我們會看到使用的度量值相互作用。這些常見的測量方法創(chuàng)造了活躍的白色空間，有意地引導(dǎo)注意力。

（Foundersuite網(wǎng)站留白空間標(biāo)注）

網(wǎng)站建設(shè)中有效的留白是一個模糊的描述，但是當(dāng)留白顯示與它周圍的元素的關(guān)系時，我們必須使用它。有效留白有助于強調(diào)內(nèi)容的組成或結(jié)構(gòu)，因此對層次結(jié)構(gòu)的影響是積極的。少量的留白并不是那么具有區(qū)分性，但同樣重要，因為它可以創(chuàng)造出少量的呼吸空間。然而，過多的不活躍的空白空間，缺乏與周圍環(huán)境的關(guān)系，會讓你的工作看起來不顧他人感受的，甚至是混亂的。

下圖是優(yōu)秀的留白案例在ionic.io上的應(yīng)用。案例中有一種大小的關(guān)系，同時宏觀和微觀的留白空間在一起處理得也很好。

（ionic.io網(wǎng)站）

每天當(dāng)你閱讀文章時，你會看到留白的有效應(yīng)用，而不去考慮它。單詞、句子和段落之間的空間都是留白，留白有助于我們直觀地理解所寫的文字的含義。留白引導(dǎo)我們的眼睛通過內(nèi)容，并給我們提示，讓我們有效地在文本中移動。無論是宏觀還是微觀的空間都給了眼睛一個休息的機會，并支持整體的平衡。

請記住，我們的目標(biāo)是在空間上實現(xiàn)差異化。這樣我們就可以通過減少其他元素來創(chuàng)造區(qū)別。如果你最喜歡的網(wǎng)頁設(shè)計界面很簡潔好看，那么留白有意識的應(yīng)用很可能是它的主要組成部分。沒有什么比適當(dāng)?shù)膽?yīng)用留白更能充分表現(xiàn)出畫面的優(yōu)雅和復(fù)雜了。

平衡

平衡就是保持畫面的視覺重量，光學(xué)平衡。我們本能地喜歡看那些在垂直軸上平衡的東西，這是雙筒視覺的一部分。在垂直軸上的平衡是遵循非常正式和有序的安全模式。如果你能巧妙地打破這種平衡，創(chuàng)造一點緊張或驚喜，也許是為了突出構(gòu)圖的某些方面，你的設(shè)計可能會顯得更有活力，更有趣。

The Blockhead adapter的網(wǎng)站是個很好的例子，說明他們?nèi)绾吻擅畹貞?yīng)用平衡設(shè)計。下圖中，右邊的圖像和相應(yīng)的文本達(dá)到了一個很好的光學(xué)平衡。在此，平衡、層次、留白和強調(diào)都有很好的應(yīng)用。

（The Blockhead adapter網(wǎng)站）

網(wǎng)站建設(shè)對稱的平衡并不難達(dá)到，而且是一種安全的制作視覺吸引力的方法。不對稱的方法不太嚴(yán)謹(jǐn)或穩(wěn)定，但希望有更多的工藝可以成功地完成。為了不對稱的平衡，我們需要把不同的非鏡像部分保持在一個被感知到的平衡中。

當(dāng)你運用視覺平衡的時候，所有的設(shè)計工具都是你可以使用的:大小，顏色，位置，形狀，重復(fù)，紋理，它們都能單獨影響感知到的重量并且相互間影響。

下圖中，Dropbox的登陸頁面在所有地方都很好地利用了視覺平衡。你可以看到圖片和文字達(dá)到了一個完美的不對稱平衡，特別是在它們周圍的其他部分。不要讓我開始講他們是如何使用跨越屏幕的錦鯉魚來暗示反應(yīng)能力和多設(shè)備操作能力的。多么杰出的構(gòu)思啊！

　　（Dropbox網(wǎng)站登陸頁面）