小時(shí)候,很喜歡蝴蝶,感覺這是大自然最神奇的賦予,當(dāng)它們雙翼張開,總是禁不住欣賞它們那種美麗的優(yōu)雅以及多姿的色彩。

更重要的是,這種天生的對稱感,美得令人窒息。

高手之路!網(wǎng)頁設(shè)計(jì)中的對稱與不對稱

對稱風(fēng)格

完形主義——一種人類行為理論,描述了人類排列視覺數(shù)據(jù)的思維結(jié)構(gòu)——認(rèn)為人類會(huì)很自然的把看到的東西按順序排列。

換句話說,我們的眼睛傾向于捕捉那些組織有序、風(fēng)格圓滿的視覺元素。這也就是我們所謂的對稱感。對稱風(fēng)格的物體有一種天生的平衡感、優(yōu)雅感,對稱在設(shè)計(jì)中能體現(xiàn)出一致、有序、穩(wěn)定的特質(zhì)。很多知名品牌都采用了對稱式設(shè)計(jì),雖然不是很獨(dú)出心裁,但是至少讓人感覺大氣、穩(wěn)重。

相關(guān)推薦:
《高手之路:如何設(shè)計(jì)才能讓網(wǎng)站風(fēng)格協(xié)調(diào)一致》
《高手之路:解讀眼動(dòng)的12個(gè)誤區(qū)》
《高手之路:淺談多終端產(chǎn)品視覺一致性》

摩托羅拉

高手之路!網(wǎng)頁設(shè)計(jì)中的對稱與不對稱

麥當(dāng)勞

高手之路!網(wǎng)頁設(shè)計(jì)中的對稱與不對稱

奔馳

高手之路!網(wǎng)頁設(shè)計(jì)中的對稱與不對稱

豐田

高手之路!網(wǎng)頁設(shè)計(jì)中的對稱與不對稱

奧迪

高手之路!網(wǎng)頁設(shè)計(jì)中的對稱與不對稱

不對稱風(fēng)格

盡管對稱風(fēng)格的設(shè)計(jì)看起來非常舒服,具有一定的美學(xué)價(jià)值,但未免太"循規(guī)蹈矩"了。不對稱風(fēng)格,按字面意思,就是缺少對稱的設(shè)計(jì)風(fēng)格。具有不平衡感和無序感,具有一種破壞性的不安感,但也相當(dāng)有趣。不對稱式設(shè)計(jì)更復(fù)雜,也能更影響到人們的情緒,顯得快樂而又活潑。

YouTube

高手之路!網(wǎng)頁設(shè)計(jì)中的對稱與不對稱

耐克

高手之路!網(wǎng)頁設(shè)計(jì)中的對稱與不對稱

Facebook

高手之路!網(wǎng)頁設(shè)計(jì)中的對稱與不對稱

Virgin

高手之路!網(wǎng)頁設(shè)計(jì)中的對稱與不對稱

佳得樂

高手之路!網(wǎng)頁設(shè)計(jì)中的對稱與不對稱

設(shè)計(jì)中的對稱與不對稱

有技巧的設(shè)計(jì)師會(huì)根據(jù)客戶的需求,在對稱與不對稱中做出選擇,或者選擇一種,或者兼而有之。無論是Logo設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)還是標(biāo)志設(shè)計(jì),兩者都被廣泛應(yīng)用。對稱可以喚起一種有序、冷靜的感覺;不對稱讓人感覺更有生氣,也更熱情。

看看百事可樂的Logo,2008年之前的Logo,相對來說是對稱式設(shè)計(jì),紅藍(lán)的比重相同,而之后的Logo采用了不對稱式,紅色占支配地位。

高手之路!網(wǎng)頁設(shè)計(jì)中的對稱與不對稱

高手之路!網(wǎng)頁設(shè)計(jì)中的對稱與不對稱

百事Logo的更換引起了爭論:百事為何要從"完美"的對稱切換到不對稱?應(yīng)該說,是為了順應(yīng)時(shí)代的改變。過去,品牌的穩(wěn)定性和可信賴性是最重要的。而現(xiàn)在,隨著文化越來越多元,我們希望擁有更具活力的生活品質(zhì)——我們更希望產(chǎn)品"酷、有型"——因此這可能就是百事考慮到的因素。

再來看看奧巴馬競選總統(tǒng)時(shí)的Logo,你看,也是不對稱式設(shè)計(jì),讓人感覺很"酷",能體現(xiàn)一種銳意進(jìn)取,年輕開明的意味,這肯定很受年輕人歡迎。

高手之路!網(wǎng)頁設(shè)計(jì)中的對稱與不對稱
 
高手之路!網(wǎng)頁設(shè)計(jì)中的對稱與不對稱

網(wǎng)頁設(shè)計(jì)中的體現(xiàn)

在Logo設(shè)計(jì)中,要么對稱,要么不對稱。但是在網(wǎng)頁設(shè)計(jì)中——大量元素的組合造就了更多的可能。可以兼而有之,也可以只用一種方式設(shè)計(jì)。例如,將本來就已經(jīng)很醒目的主要元素對稱式設(shè)計(jì)體現(xiàn)美感,將一些小細(xì)節(jié)不對稱式設(shè)計(jì)以凸顯對照。

下面就是對稱與不對稱在網(wǎng)頁設(shè)計(jì)中的體現(xiàn)。如何提高網(wǎng)頁設(shè)計(jì)的視覺沖擊力?請思考

對稱

Form Follows Function
高手之路!網(wǎng)頁設(shè)計(jì)中的對稱與不對稱

Buffalo
高手之路!網(wǎng)頁設(shè)計(jì)中的對稱與不對稱

不對稱

My Provence Festival
高手之路!網(wǎng)頁設(shè)計(jì)中的對稱與不對稱

Will McMahan
高手之路!網(wǎng)頁設(shè)計(jì)中的對稱與不對稱

兼而有之

Etch
高手之路!網(wǎng)頁設(shè)計(jì)中的對稱與不對稱

Aesthetic Apparatus

高手之路!網(wǎng)頁設(shè)計(jì)中的對稱與不對稱

結(jié)論

大體來說,不對稱與對稱相結(jié)合,進(jìn)行設(shè)計(jì),效果更佳。我們習(xí)慣去捕捉對稱元素,但是不對稱元素能起到很好的調(diào)和、沖擊作用。用對稱保持一致性和整體感,用不對稱來增加個(gè)性化。
網(wǎng)頁設(shè)計(jì)永遠(yuǎn)像平衡的哲學(xué),就像陰陽調(diào)和那樣,根據(jù)情況,合理進(jìn)行選擇與平衡。

相關(guān)推薦:
《高手之路:如何設(shè)計(jì)才能讓網(wǎng)站風(fēng)格協(xié)調(diào)一致》
《高手之路:解讀眼動(dòng)的12個(gè)誤區(qū)》
《高手之路:淺談多終端產(chǎn)品視覺一致性》

原文地址:webdesignerdepot
優(yōu)設(shè)網(wǎng)翻譯:@MaritnRGB
本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯,轉(zhuǎn)摘請注明優(yōu)設(shè)網(wǎng)譯文出處,謝謝各位小編。

 
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個(gè)分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
PS禮儀手冊:網(wǎng)頁設(shè)計(jì)師必須修煉的內(nèi)功技法,更是不可或缺的WEB設(shè)計(jì)指南http://hao.uisdc.com/ps/
設(shè)計(jì)微博:擁有粉絲量63萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ,歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航:全球頂尖設(shè)計(jì)網(wǎng)站推薦,設(shè)計(jì)師必備導(dǎo)航:http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎?
添加 優(yōu)秀網(wǎng)頁設(shè)計(jì) 微信號:【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加:

高手之路!網(wǎng)頁設(shè)計(jì)中的對稱與不對稱
 

收藏
點(diǎn)贊

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。