- 相關(guān)推薦
網(wǎng)頁(yè)設計構圖原則
今天小編跟大家聊一聊常見(jiàn)的幾類(lèi)構圖方式：對稱(chēng)平衡、不對稱(chēng)平衡、水平平衡以及垂直平衡，有分析有案例，強烈推薦學(xué)習。
對稱(chēng)平衡
如果你想在你的網(wǎng)頁(yè)看上去美觀(guān)和優(yōu)雅，那么你應該做一個(gè)網(wǎng)站對稱(chēng)。這種效果很容易通過(guò)將類(lèi)似的對象上的中心軸線(xiàn)的任一側來(lái)實(shí)現。這可以通過(guò)相同的尺寸，基于網(wǎng)格的文本段落，或具有匹配文本相片的圖像進(jìn)行說(shuō)明。這里有一對遵循這一格式的網(wǎng)站設計實(shí)例。
Mount Barker High School
Wonder Bread Ballon
您可以輕松地在網(wǎng)上找到各地的許多中心的布局，實(shí)際上，對稱(chēng)性設計被認為是最賞心悅目的設計。這也是大多數人的典型思維模式。
當然，當你準備采用對稱(chēng)性設計的時(shí)候，更多的時(shí)候它并沒(méi)有你想象中那么膚淺簡(jiǎn)單�？紤]到這點(diǎn)，你不妨以平面配色方案開(kāi)始。如果你是新手，可以盡量多運用白色，直到你有足夠的能力創(chuàng )造你自己的設計。
畢竟這樣的設計最賞心悅目，所以大多數人都喜歡干凈簡(jiǎn)潔并且完美對稱(chēng)的網(wǎng)頁(yè)。但是更多別出心裁的設計師會(huì )采用一些更加新穎的一些更復雜的設計布局。
不對稱(chēng)平衡
不對稱(chēng)平衡帶來(lái)一種自由隨意的感覺(jué)。盡管有時(shí)候看上去不是那么自然，但是它還是經(jīng)常在網(wǎng)頁(yè)設計中得到實(shí)用。你可以看到不對稱(chēng)平衡常常運用在一些大的高清圖片作為頁(yè)面背景，主體遠離了中心軸線(xiàn)的情況，目的是為了把更醒目的標題留在中間。
Orangina European Site
The Enterprise Foundation
它的設計的主要目的是移位到左邊或右邊(或頂部或底部)。因此，如果您決定要用不對稱(chēng)功能，你應該準備好多次的試驗，以避免混淆網(wǎng)站的訪(fǎng)問(wèn)者。
無(wú)論什么類(lèi)型的對稱(chēng)，核心就是你要讓整體平衡。
水平平衡
水平平衡是網(wǎng)頁(yè)最經(jīng)典的頁(yè)面布局。大部分人都習慣從左向右閱讀，所以左右布局也是最自然的一種布局方式。
這是最經(jīng)典的一種布局設計，如果你的客戶(hù)比較傳統，那么你的設計也應該簡(jiǎn)單明了。這里有個(gè)案例。
Business Accessorie
垂直平衡
垂直結構用于頭部和底部的元素非常相似的情形。這樣的布局往往運用于小圖片的展示，比如下面的例子：
Portfolio by Ryan M. Stryker
Paradox Labs
結論
平衡是網(wǎng)頁(yè)設計中最重要也是最容易忽略的東西。視覺(jué)上的平衡可以通過(guò)對界面元素的布局來(lái)調和，比如選擇最合適的配合，元素的大小和位置。有的時(shí)候，也需要大膽創(chuàng )新，不要拘泥于傳統。
【網(wǎng)頁(yè)設計構圖原則】相關(guān)文章：
美工設計構圖原則09-24
營(yíng)銷(xiāo)型網(wǎng)站的網(wǎng)頁(yè)構圖設計技巧09-29
影視構圖的幾種原則07-30
SEO網(wǎng)站網(wǎng)頁(yè)設計原則09-30
手繪構圖的基本原則10-06
包裝設計的構圖要素09-17
素描構圖的基本原則是什么10-22
平面設計構圖的方法10-04
淺談圖形設計的構圖技巧09-10