網(wǎng)頁(yè)設(shè)計(jì)構(gòu)圖原則

時(shí)間：2024-08-05 22:00:32 美工設(shè)計(jì) 我要投稿

相關(guān)推薦

　　今天小編跟大家聊一聊常見的幾類構(gòu)圖方式：對(duì)稱平衡、不對(duì)稱平衡、水平平衡以及垂直平衡，有分析有案例，強(qiáng)烈推薦學(xué)習(xí)。

　　對(duì)稱平衡

　　如果你想在你的網(wǎng)頁(yè)看上去美觀和優(yōu)雅，那么你應(yīng)該做一個(gè)網(wǎng)站對(duì)稱。這種效果很容易通過將類似的對(duì)象上的中心軸線的任一側(cè)來實(shí)現(xiàn)。這可以通過相同的尺寸，基于網(wǎng)格的文本段落，或具有匹配文本相片的圖像進(jìn)行說明。這里有一對(duì)遵循這一格式的網(wǎng)站設(shè)計(jì)實(shí)例。

　　Mount Barker High School

　　Wonder Bread Ballon

　　您可以輕松地在網(wǎng)上找到各地的許多中心的布局，實(shí)際上，對(duì)稱性設(shè)計(jì)被認(rèn)為是最賞心悅目的設(shè)計(jì)。這也是大多數(shù)人的典型思維模式。

　　當(dāng)然，當(dāng)你準(zhǔn)備采用對(duì)稱性設(shè)計(jì)的時(shí)候，更多的時(shí)候它并沒有你想象中那么膚淺簡(jiǎn)單�？紤]到這點(diǎn)，你不妨以平面配色方案開始。如果你是新手，可以盡量多運(yùn)用白色，直到你有足夠的能力創(chuàng)造你自己的設(shè)計(jì)。

　　畢竟這樣的設(shè)計(jì)最賞心悅目，所以大多數(shù)人都喜歡干凈簡(jiǎn)潔并且完美對(duì)稱的網(wǎng)頁(yè)。但是更多別出心裁的設(shè)計(jì)師會(huì)采用一些更加新穎的一些更復(fù)雜的設(shè)計(jì)布局。

　　不對(duì)稱平衡

　　不對(duì)稱平衡帶來一種自由隨意的感覺。盡管有時(shí)候看上去不是那么自然，但是它還是經(jīng)常在網(wǎng)頁(yè)設(shè)計(jì)中得到實(shí)用。你可以看到不對(duì)稱平衡常常運(yùn)用在一些大的高清圖片作為頁(yè)面背景，主體遠(yuǎn)離了中心軸線的情況，目的是為了把更醒目的標(biāo)題留在中間。

　　Orangina European Site

　　The Enterprise Foundation

　　它的設(shè)計(jì)的主要目的是移位到左邊或右邊(或頂部或底部)。因此，如果您決定要用不對(duì)稱功能，你應(yīng)該準(zhǔn)備好多次的試驗(yàn)，以避免混淆網(wǎng)站的訪問者。

　　無論什么類型的對(duì)稱，核心就是你要讓整體平衡。

　　水平平衡

　　水平平衡是網(wǎng)頁(yè)最經(jīng)典的頁(yè)面布局。大部分人都習(xí)慣從左向右閱讀，所以左右布局也是最自然的一種布局方式。

　　這是最經(jīng)典的一種布局設(shè)計(jì)，如果你的客戶比較傳統(tǒng)，那么你的設(shè)計(jì)也應(yīng)該簡(jiǎn)單明了。這里有個(gè)案例。

　　Business Accessorie

　　垂直平衡

　　垂直結(jié)構(gòu)用于頭部和底部的元素非常相似的情形。這樣的布局往往運(yùn)用于小圖片的展示，比如下面的例子：

　　Portfolio by Ryan M. Stryker

　　Paradox Labs