|
網(wǎng)站建設(shè)的一些重要原則總結(jié)優(yōu)秀的九江網(wǎng)站設(shè)計(jì)服務(wù)商--九江大幸網(wǎng)絡(luò)傳媒服務(wù)中心，推薦此文給大家，希望能給九江想做網(wǎng)站建設(shè)的老板們一些啟示： 網(wǎng)站建設(shè)中總會(huì)遵循一些基本的設(shè)計(jì)原則，不論你是經(jīng)驗(yàn)豐富的行業(yè)大牛或是剛進(jìn)入網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域的新手，鞏固容易忽略的設(shè)計(jì)原則將會(huì)極大地改善你設(shè)計(jì)工作的質(zhì)量。
留白
到底什么是留白？留白是元素之間沒(méi)有標(biāo)記的、負(fù)的或空白的空間。它有效地將內(nèi)容框架化。宏觀(guān)的留白是您設(shè)計(jì)中最主要的部分，它會(huì)產(chǎn)生更加明顯的效果。另一方面，微觀(guān)的留白則是一種微小的細(xì)節(jié)，就像印刷元素間的所有空間一樣。
下圖中，留白的完美運(yùn)用創(chuàng)造出了一種關(guān)于新產(chǎn)品的強(qiáng)烈而優(yōu)雅的強(qiáng)調(diào)。這里有一些原則成功地運(yùn)用到設(shè)計(jì)工作中，但是留白發(fā)揮了最大的作用，使這個(gè)設(shè)計(jì)工作變得很好。
（Samsung Gear360產(chǎn)品網(wǎng)站）
看一下下面的例子。當(dāng)我們研究用于在Foundersuite網(wǎng)站中建立空白區(qū)域的大小時(shí)，我們會(huì)看到使用的度量值相互作用。這些常見(jiàn)的測(cè)量方法創(chuàng)造了活躍的白色空間，有意地引導(dǎo)注意力。
（Foundersuite網(wǎng)站留白空間標(biāo)注）
網(wǎng)站建設(shè)中有效的留白是一個(gè)模糊的描述，但是當(dāng)留白顯示與它周?chē)脑氐年P(guān)系時(shí)，我們必須使用它。有效留白有助于強(qiáng)調(diào)內(nèi)容的組成或結(jié)構(gòu)，因此對(duì)層次結(jié)構(gòu)的影響是積極的。少量的留白并不是那么具有區(qū)分性，但同樣重要，因?yàn)樗梢詣?chuàng)造出少量的呼吸空間。然而，過(guò)多的不活躍的空白空間，缺乏與周?chē)h(huán)境的關(guān)系，會(huì)讓你的工作看起來(lái)不顧他人感受的，甚至是混亂的。
下圖是優(yōu)秀的留白案例在ionic.io上的應(yīng)用。案例中有一種大小的關(guān)系，同時(shí)宏觀(guān)和微觀(guān)的留白空間在一起處理得也很好。
（ionic.io網(wǎng)站）
每天當(dāng)你閱讀文章時(shí)，你會(huì)看到留白的有效應(yīng)用，而不去考慮它。單詞、句子和段落之間的空間都是留白，留白有助于我們直觀(guān)地理解所寫(xiě)的文字的含義。留白引導(dǎo)我們的眼睛通過(guò)內(nèi)容，并給我們提示，讓我們有效地在文本中移動(dòng)。無(wú)論是宏觀(guān)還是微觀(guān)的空間都給了眼睛一個(gè)休息的機(jī)會(huì)，并支持整體的平衡。
請(qǐng)記住，我們的目標(biāo)是在空間上實(shí)現(xiàn)差異化。這樣我們就可以通過(guò)減少其他元素來(lái)創(chuàng)造區(qū)別。如果你最喜歡的網(wǎng)頁(yè)設(shè)計(jì)界面很簡(jiǎn)潔好看，那么留白有意識(shí)的應(yīng)用很可能是它的主要組成部分。沒(méi)有什么比適當(dāng)?shù)膽?yīng)用留白更能充分表現(xiàn)出畫(huà)面的優(yōu)雅和復(fù)雜了。
平衡
平衡就是保持畫(huà)面的視覺(jué)重量，光學(xué)平衡。我們本能地喜歡看那些在垂直軸上平衡的東西，這是雙筒視覺(jué)的一部分。在垂直軸上的平衡是遵循非常正式和有序的安全模式。如果你能巧妙地打破這種平衡，創(chuàng)造一點(diǎn)緊張或驚喜，也許是為了突出構(gòu)圖的某些方面，你的設(shè)計(jì)可能會(huì)顯得更有活力，更有趣。
The Blockhead adapter的網(wǎng)站是個(gè)很好的例子，說(shuō)明他們?nèi)绾吻擅畹貞?yīng)用平衡設(shè)計(jì)。下圖中，右邊的圖像和相應(yīng)的文本達(dá)到了一個(gè)很好的光學(xué)平衡。在此，平衡、層次、留白和強(qiáng)調(diào)都有很好的應(yīng)用。
（The Blockhead adapter網(wǎng)站）
網(wǎng)站建設(shè)對(duì)稱(chēng)的平衡并不難達(dá)到，而且是一種安全的制作視覺(jué)吸引力的方法。不對(duì)稱(chēng)的方法不太嚴(yán)謹(jǐn)或穩(wěn)定，但希望有更多的工藝可以成功地完成。為了不對(duì)稱(chēng)的平衡，我們需要把不同的非鏡像部分保持在一個(gè)被感知到的平衡中。
當(dāng)你運(yùn)用視覺(jué)平衡的時(shí)候，所有的設(shè)計(jì)工具都是你可以使用的:大小，顏色，位置，形狀，重復(fù)，紋理，它們都能單獨(dú)影響感知到的重量并且相互間影響。
下圖中，Dropbox的登陸頁(yè)面在所有地方都很好地利用了視覺(jué)平衡。你可以看到圖片和文字達(dá)到了一個(gè)完美的不對(duì)稱(chēng)平衡，特別是在它們周?chē)钠渌糠�。不要讓我開(kāi)始講他們是如何使用跨越屏幕的錦鯉魚(yú)來(lái)暗示反應(yīng)能力和多設(shè)備操作能力的。多么杰出的構(gòu)思��！
（Dropbox網(wǎng)站登陸頁(yè)面） |
