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

2015-6-23    博博

藍藍設(shè)計sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供有效的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

 

每一個扁平化界面設(shè)計,都是我們的心靈碰撞致力于最棒的 metro ui 設(shè)計

來源:優(yōu)設(shè)網(wǎng)

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

 

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

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

對稱風格

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

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

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

摩托羅拉

Motorola

麥當勞

McDonalds

奔馳

Mercedes

豐田

Toyota

奧迪

audi

不對稱風格

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

YouTube

YouTube

耐克

Nike

Facebook

facebook

Virgin

Virgin

佳得樂

Gatorade

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

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

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

Old_PepsiNew_Pepsi

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

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

Obama1
 
Obama2

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

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

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

對稱

Form Follows Function
Symmetry_Web1

Buffalo
Symmetry_Web2

不對稱

My Provence Festival
myprovence

Will McMahan
wmc

兼而有之

Etch
Both_Web1

Aesthetic Apparatus

aa

結(jié)論

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

 

分享本文至:

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://sillybuy.com

存檔