平衡意味著和諧。當(dāng)你看到一些看起來(lái)不錯(cuò)一致性和相似的感覺(jué),你看到一個(gè)好的平衡的構(gòu)圖。它可能是一幅畫,一棟樓,一個(gè)攝影,甚至一個(gè)網(wǎng)站。
在這篇文章中,我們希望你去注意網(wǎng)頁(yè)設(shè)計(jì)中的視覺(jué)平衡。如果你希望學(xué)會(huì)好的構(gòu)圖方法,那么不妨好好看看這篇文章。
對(duì)稱平衡
如果你想在你的網(wǎng)頁(yè)看上去美觀和優(yōu)雅,那么你應(yīng)該做一個(gè)網(wǎng)站對(duì)稱。這種效果很容易通過(guò)將類似的對(duì)象上的中心軸線的任一側(cè)來(lái)實(shí)現(xiàn)。這可以通過(guò)相同的尺寸,基于網(wǎng)格的文本段落,或具有匹配文本相片的圖像進(jìn)行說(shuō)明。這里有一對(duì)遵循這一格式的
網(wǎng)站設(shè)計(jì)實(shí)例。
1.Mount Barker High School
2.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í)候它并沒(méi)有你想象中那么膚淺簡(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ì)稱平衡帶來(lái)一種自由隨意的感覺(jué)。盡管有時(shí)候看上去不是那么自然,但是它還是經(jīng)常在網(wǎng)頁(yè)設(shè)計(jì)中得到實(shí)用。你可以看到不對(duì)稱平衡常常運(yùn)用在一些大的高清圖片作為頁(yè)面背景,主體遠(yuǎn)離了中心軸線的情況,目的是為了把更醒目的標(biāo)題留在中間。
3. Biamar
4. Orangina European Site
5. The Enterprise Foundation
它的設(shè)計(jì)的主要目的是移位到左邊或右邊(或頂部或底部)。因此,如果您決定要用不對(duì)稱功能,你應(yīng)該準(zhǔn)備好多次的試驗(yàn),以避免混淆網(wǎng)站的訪問(wèn)者。
無(wú)論什么類型的對(duì)稱,核心就是你要讓整體平衡。
水平平衡
水平平衡是網(wǎng)頁(yè)最經(jīng)典的頁(yè)面布局。大部分人都習(xí)慣從左向右閱讀,所以左右布局也是最自然的一種布局方式。
這是最經(jīng)典的一種布局設(shè)計(jì),如果你的客戶比較傳統(tǒng),那么你的設(shè)計(jì)也應(yīng)該簡(jiǎn)單明了。這里有幾個(gè)案例。
6.business Accessorie
垂直平衡
垂直結(jié)構(gòu)用于頭部和底部的元素非常相似的情形。這樣的布局往往運(yùn)用于小圖片的展示,比如下面的例子:
7. Portfolio by Ryan M. Stryker
8. Paradox Labs
結(jié)論
平衡是網(wǎng)頁(yè)設(shè)計(jì)中最重要也是最容易忽略的東西。視覺(jué)上的平衡可以通過(guò)對(duì)界面元素的布局來(lái)調(diào)和,比如選擇最合適的配合,元素的大小和位置。有的時(shí)候,也需要大膽創(chuàng)新,不要拘泥于傳統(tǒng)。
新聞標(biāo)題:超實(shí)用!帶你認(rèn)識(shí)網(wǎng)頁(yè)設(shè)計(jì)的構(gòu)圖法則
本文網(wǎng)址:http://m.rwnh.cn/news48/144298.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供App開發(fā)、網(wǎng)站改版、品牌網(wǎng)站制作、網(wǎng)站建設(shè)、品牌網(wǎng)站建設(shè)、響應(yīng)式網(wǎng)站
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源:
創(chuàng)新互聯(lián)