處理好平衡關(guān)系網(wǎng)站設(shè)計(jì)視覺(jué)效果就會(huì)倍加出眾
其實(shí)如果仔細(xì)觀(guān)察,就會(huì)發(fā)現(xiàn)自然萬(wàn)物都介于平衡和對(duì)稱(chēng)之間,比如我們奇妙的人體就是平衡的經(jīng)典代表。設(shè)計(jì)一樣如此,平衡運(yùn)用得當(dāng)總會(huì)給人一種特別的美。
網(wǎng)站設(shè)計(jì)屬于設(shè)計(jì)重要分支,用心觀(guān)察一些不錯(cuò)的網(wǎng)站,我們也會(huì)發(fā)現(xiàn)大多都是恰到好處的應(yīng)用了平衡法則。可以說(shuō),處理好平衡關(guān)系網(wǎng)站設(shè)計(jì)視覺(jué)效果就會(huì)倍加出眾。網(wǎng)站設(shè)計(jì)中的平衡是指設(shè)計(jì)要素的分布,平衡是在設(shè)計(jì)中是對(duì)重力的直觀(guān)解釋。大而密的元素看起來(lái)更重,而小的元素看起來(lái)更輕。在網(wǎng)站設(shè)計(jì)時(shí)可以通過(guò)三種方式平衡設(shè)計(jì),他們分別是:
- 對(duì)稱(chēng)平衡。
- 不對(duì)稱(chēng)平衡。
- 不和諧或不平衡
平衡在網(wǎng)站設(shè)計(jì)中的應(yīng)用
網(wǎng)頁(yè)設(shè)計(jì)的平衡是在版面中找到的。頁(yè)面上元素的位置決定了頁(yè)面的平衡程度。在網(wǎng)頁(yè)設(shè)計(jì)中實(shí)現(xiàn)視覺(jué)平衡的一大挑戰(zhàn)是折疊。您可以設(shè)計(jì)一個(gè)在初始視圖中完全平衡的布局,但當(dāng)讀者滾動(dòng)頁(yè)面時(shí),它可能會(huì)失去平衡。
如何在網(wǎng)頁(yè)設(shè)計(jì)中引入平衡
將平衡性融入到Web設(shè)計(jì)中最常見(jiàn)的方式是在布局中。但是您也可以使用FloatStyle屬性來(lái)定位元素并在整個(gè)頁(yè)面中平衡它們。一種非常常見(jiàn)的對(duì)稱(chēng)平衡布局的方法是在頁(yè)面上將文本或其他元素居中。大多數(shù)Web頁(yè)面構(gòu)建在網(wǎng)格系統(tǒng)上,這立即為頁(yè)面創(chuàng)建了一種平衡形式??蛻?hù)可以看到網(wǎng)格,即使沒(méi)有任何可見(jiàn)的線(xiàn)。由于Web形狀的正方形特性,Web頁(yè)面非常適合網(wǎng)格設(shè)計(jì)。
對(duì)稱(chēng)平衡
對(duì)稱(chēng)平衡是通過(guò)在設(shè)計(jì)中以一種非常均勻的方式放置元素來(lái)實(shí)現(xiàn)的。如果右側(cè)有一個(gè)大而重的元素,那么左側(cè)將有一個(gè)匹配的重元素。居中是獲得對(duì)稱(chēng)平衡頁(yè)面的最簡(jiǎn)單方法。但要小心,因?yàn)樗赡芎茈y創(chuàng)建一個(gè)中心的設(shè)計(jì),不看起來(lái)平坦或無(wú)聊。如果你想要一個(gè)對(duì)稱(chēng)平衡的設(shè)計(jì),最好用不同的元素來(lái)創(chuàng)造平衡-比如左邊的圖像和右邊的一大塊較重的文本。
不對(duì)稱(chēng)平衡
不對(duì)稱(chēng)平衡的頁(yè)面可能對(duì)設(shè)計(jì)更具挑戰(zhàn)性-因?yàn)樗鼈儧](méi)有與整個(gè)設(shè)計(jì)中心線(xiàn)相匹配的元素。例如,您可能會(huì)將一個(gè)大圖元放置在非??拷O(shè)計(jì)中心線(xiàn)的位置。為了不對(duì)稱(chēng)地平衡它,您可能有一個(gè)離中心線(xiàn)較遠(yuǎn)的小圖元。如果你認(rèn)為你的設(shè)計(jì)是在搖搖晃晃或蹺蹺板上,較輕的元素可以通過(guò)遠(yuǎn)離重心來(lái)平衡較重的元素。也可以使用顏色或紋理來(lái)平衡不對(duì)稱(chēng)的設(shè)計(jì)。
不和諧或不平衡
有時(shí)設(shè)計(jì)的目的使一個(gè)不平衡或不和諧的設(shè)計(jì)工作很好。設(shè)計(jì)是不平衡的建議運(yùn)動(dòng)和行動(dòng)。它們使人們感到不舒服或不安。如果你的設(shè)計(jì)內(nèi)容也是為了讓人感到不舒服或讓人們思考,一個(gè)不協(xié)調(diào)的平衡設(shè)計(jì)可以很好地工作。
本文題目:
處理好平衡關(guān)系網(wǎng)站設(shè)計(jì)視覺(jué)效果就會(huì)倍加出眾
本文鏈接:
http://uogjgqi.cn/view/155139.html
掃二維碼與項(xiàng)目經(jīng)理溝通
我們?cè)谖⑿派?4小時(shí)期待你的聲音
解答本文疑問(wèn)/技術(shù)咨詢(xún)/運(yùn)營(yíng)咨詢(xún)/技術(shù)建議/互聯(lián)網(wǎng)交流