設(shè)計美學(xué):黃金螺旋的妙用和趣用

2015-6-12    用心設(shè)計


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


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

來源:人人都是產(chǎn)品經(jīng)理263700-096c04ee915b4f2f


相信做設(shè)計的同學(xué)對黃金螺旋線并不陌生,這是屬于純理論層面的知識,上面這張建筑圖片就是很明顯運(yùn)用了這個理論。

那什么是黃金螺旋線?

黃金螺旋線又叫斐波納契螺旋黃金,它的方程是:ρ=αe^(φk),其中:α和k為參數(shù),φ是極角,ρ是極徑,e是自然對數(shù)的底。

這是個什么鬼?這個時候該對以前學(xué)習(xí)過此理論的同學(xué)表示同情了是吧。背下來并沒有什么卵用,學(xué)以致用才是王道。其實用圖形轉(zhuǎn)化表達(dá)出來,它就是長這樣的。

263700-88543ba7ef379fdc

看上去很簡單是不是,在我們?nèi)粘I钪幸材芙?jīng)常見到這樣的結(jié)構(gòu),天然的不加任何人工痕跡的結(jié)構(gòu),比如說田螺、星空。

263700-5c1131b46828c21a

263700-6c2ae807523cb199

這樣形成的螺線就是黃金螺旋線,它有很多優(yōu)美的特點,是中的,美中之美。不信看下面這張圖片:

263700-a8eb45b203680aed

這是布列松在第二次世界大戰(zhàn)剛結(jié)束時拍攝的一幅名作《叛徒的審判》。畫面中人物眾多,但主要情節(jié)表達(dá)的淋漓盡致,讓人感到毫不雜亂。

但當(dāng)我們把黃金螺旋線放上去,奇妙的感覺就產(chǎn)生了。

263700-bee75007af435b9b

事關(guān)審判的主要人員,被這條曲線很好的“包絡(luò)”了起來。讓人們的視線隨同螺旋焦點落在了叛徒身上。更奇妙的是如果你把螺旋線反過來用,螺旋的焦點會落在審判者的手上,那可是決定叛徒命運(yùn)的手啊,好奇的同學(xué)可以試著畫一下!

這里說一句,黃金螺旋線的的使用,可不是機(jī)械教條的用。它可以隨透視而變形,可以隨畫面而改變方向和大小。

看看這個蘋果的logo,有誰知道為什么會設(shè)計成這個樣子,缺的那部分不深不淺,把柄又剛剛好,看上去簡直無法挑剔,讓人不禁要問why?

263700-ded240ef30c72041

也許下面這張圖會給你答案!

263700-ae872b89a5f0e2ef

人家的螺旋不是白畫的是吧,蘋果的講究和工匠精神也不是吹的。

另外,網(wǎng)頁設(shè)計也同樣適用黃金螺旋線。

263700-4ba479aa26b3558a

這個頁面信息很混亂,看上去密密麻麻,毫無重點,糟糕地一塌涂地,那么現(xiàn)在讓我們螺旋一下。

263700-74308d029ca07f0a

然后就變成了這個樣子!

QQ20150612105003

是不是清晰明朗了許多?

美本來沒有標(biāo)準(zhǔn),但你又不得不承認(rèn)很多設(shè)計,約定俗成了就成了心照不宣的標(biāo)準(zhǔn),而且在設(shè)計界應(yīng)用廣泛。黃金螺旋線就是如此。

最近俄羅斯莫斯科有位設(shè)計師趣味性大發(fā),運(yùn)用黃金螺旋線狠狠惡搞了一把——幫助大家耳熟能詳?shù)拿苏荨?

263700-ffc664bd205d2c08

263700-bda0a6a057ccc58f

263700-b3af07e077fbc6a4

263700-6879b5524cee0e5a

雖然是惡搞,但是也告訴我們好的東西用得不好就是一場災(zāi)難!昔日的蒙娜麗莎微笑也不會美了,達(dá)芬奇泉下有知該是怎樣的心情。當(dāng)然如果這個能開發(fā)成app,也許能像臉萌一樣火一陣。

 

來源:艾藝信息

原文地址:http://www.jianshu.com/p/6cb325b5867f#


日歷

鏈接

個人資料

存檔