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

2015-6-23    博博

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

 

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

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

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

 

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

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

對(duì)稱風(fēng)格

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

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

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

摩托羅拉

Motorola

麥當(dāng)勞

McDonalds

奔馳

Mercedes

豐田

Toyota

奧迪

audi

不對(duì)稱風(fēng)格

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

YouTube

YouTube

耐克

Nike

Facebook

facebook

Virgin

Virgin

佳得樂(lè)

Gatorade

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

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

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

Old_PepsiNew_Pepsi

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

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

Obama1
 
Obama2

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

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

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

對(duì)稱

Form Follows Function
Symmetry_Web1

Buffalo
Symmetry_Web2

不對(duì)稱

My Provence Festival
myprovence

Will McMahan
wmc

兼而有之

Etch
Both_Web1

Aesthetic Apparatus

aa

結(jié)論

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

 

日歷

鏈接

個(gè)人資料

存檔