?你的所有努力美澳，上天都知道
愿所有的夢想都指日可待
嗨，親愛的設(shè)計(jì)師：
今天要和你分享的是黃金比例的秘密。你發(fā)現(xiàn)了嗎制跟？
吉薩金字塔柴墩、蒙娜麗莎、Twitter和百事可樂有什么共同點(diǎn)凫岖？答案很簡單江咳，它們的設(shè)計(jì)都遵循了黃金比例。作為一個常見的數(shù)學(xué)比例哥放，黃金比例實(shí)際上是從自然界中總結(jié)并發(fā)現(xiàn)的歼指，用于設(shè)計(jì)中的時(shí)候能賦予作品更多的設(shè)計(jì)美感，賞心悅目甥雕。那么踩身，黃金比例到底是怎么樣的比例，它又是如何運(yùn)用到設(shè)計(jì)中并提升設(shè)計(jì)作品的呢社露？一起往下看：
什么是黃金比例挟阻？
黃金比例是一個比較特殊的數(shù)學(xué)比例，通常我們會用線段分割來解釋這個比例：把一條線段分割為兩部分峭弟，較短部分與較長部分長度之比等于較長部分與整體長度之比附鸽，其比值是一個無理數(shù)，取其前三位數(shù)字的近似值是0.618瞒瘸。
當(dāng)然坷备，我們今天探討的并非是數(shù)學(xué)問題而是設(shè)計(jì)和美。黃金比例之所以被冠名以“黃金”二字情臭，自然是因?yàn)檫@個比例帶來的和諧與美感省撑，當(dāng)你應(yīng)用到設(shè)計(jì)作品中的時(shí)候，這種比例會營造出藝術(shù)感俯在。
黃金比例已經(jīng)被我們的先輩運(yùn)用了幾千年竟秫，從埃及的吉薩金字塔的設(shè)計(jì)比例到雅典的巴特農(nóng)神殿，從米開郎琪羅為西斯廷教堂所雕刻的亞當(dāng)?shù)竭_(dá)芬奇的蒙娜麗莎跷乐，從百事可樂的LOGO到推特的LOGO設(shè)計(jì)肥败，甚至我們的面孔都遵循這個數(shù)學(xué)比例：
事實(shí)上，我們的大腦似乎先天就比較青睞使用黃金比例的對象和圖片劈猿，這幾乎是下意識的吸引力拙吉，大腦甚至?xí)ρ劬吹降氖挛镞M(jìn)行小幅度的微調(diào)以靠近黃金比例，提高我們自身對于外物的記憶和印象揪荣。
黃金比例無疑可以應(yīng)用于各種圖形筷黔，如果你將一個正方形拉伸為一個矩形，讓長是寬的1.618倍仗颈，就可以獲得一個“完美”的矩形佛舱。
將兩個圖形疊加椎例，你就可以獲得一個清晰直觀的黃金比例，被分割出來的小矩形同樣遵循著黃金比例请祖。
如果你繼續(xù)以這樣的方式向新的矩形中填充正方形订歪，那么你填充的正方形會越來越小：
像上圖所示肆捕，你最終繪制出來的將會是一個黃金螺旋（而其中的矩形也就遵循著傳說中的斐波那契數(shù)列）曲線刷晋，它所包含的數(shù)列遵循的規(guī)律是，每個數(shù)字都是前兩個的和：0慎陵、1眼虱、1、2席纽、3捏悬、5、8润梯、13过牙、21、34 纺铭、55寇钉、89、144……這就是黃金螺旋：
最有意思的是彤蔽，你會發(fā)現(xiàn)這個漂亮的樣式在自然界中幾乎無處不在：蕨類植物的莖摧莽、鮮花庙洼、貝殼顿痪，甚至颶風(fēng)。這也就是為什么我們會覺得它們在視覺上有著無與倫比的吸引力油够，因?yàn)樗鼈冊谧匀唤缰惺亲詈玫摹?/p>
接下來蚁袭，你可以在每個正方形中內(nèi)切一個圓形，那么這組圓形將遵循1.618的黃金比例石咬，擁有著均勻而平衡的比例關(guān)系揩悄。
這樣一來，我們就擁有了遵循黃金比例的正方形鬼悠、矩形删性、圓形，而它們就可以被你運(yùn)用到設(shè)計(jì)當(dāng)中去焕窝，這么解釋相信你都能明白吧蹬挺？
在設(shè)計(jì)中使用黃金比例的5種方法
既然你已經(jīng)了解了黃金比例的基礎(chǔ)知識，那么接下來看看如何借助它來提升你的設(shè)計(jì)它掂。由于黃金比例的呈現(xiàn)形式很多巴帮，所以你可以將它用到布局、間隔、內(nèi)容榕茧、圖像和圖形當(dāng)中垃沦。
1、布局：將尺寸設(shè)置成黃金比例
在布局中使用黃金比例的方法并不難用押，關(guān)鍵是控制比例和尺寸肢簿，重點(diǎn)很簡單，把握好1:1.618的黃金比例蜻拨。舉個例子译仗，使用960px的寬度布局的時(shí)候，除以1.618可以得到594px官觅，這個可以用作你的布局高度纵菌，然后將整個布局劃分為兩欄，一欄方形休涤，一欄矩形咱圆，一個協(xié)調(diào)的布局就出來了。
這種兩欄式布局在網(wǎng)頁上非常實(shí)用功氨，我們所熟知的美國國家地理的網(wǎng)頁就是使用這樣的布局方式序苏，看起來可讀性非常不錯，比例平衡捷凄，符合網(wǎng)站內(nèi)容自然的特性忱详。
2、間距：使用黃金螺旋布局
間距的控制和留白一樣跺涤，是設(shè)計(jì)中非常關(guān)鍵的元素匈睁。協(xié)調(diào)的布局能夠營造出優(yōu)秀的作品，那么如何借助黃金比例來協(xié)調(diào)頁面中的多種元素呢桶错？合理的計(jì)算有的時(shí)候比直覺合適航唆，如果能結(jié)合起來就更好了。
在基本的布局上院刁，借助黃金螺旋來調(diào)整糯钙，是個不錯的思路，多種不同的元素在同一頁面上的時(shí)候退腥，黃金螺旋可以幫你篩選出合理的空間布局和間隙任岸。
Moodley設(shè)計(jì)工作室為Bregenzer Festspiele藝術(shù)節(jié)設(shè)計(jì)了海報(bào)、應(yīng)用狡刘、節(jié)目單和大量的品牌標(biāo)識享潜，節(jié)目單的整體設(shè)計(jì)采用了拼貼的方式，有大量的留白颓帝，而其中各種元素的設(shè)計(jì)比例米碰、位置和留白就是借助黃金螺旋來布置的窝革。
總部位于新加坡的Lemon Graphic為Terkaya財(cái)富管理進(jìn)行視覺形象設(shè)計(jì)，名片的設(shè)計(jì)元素也同樣借助黃金螺旋來設(shè)計(jì)吕座。
3虐译、內(nèi)容：沿著黃金螺旋的軌跡
對于網(wǎng)頁內(nèi)容而言，黃金螺旋的軌跡同樣可以起到重要的作用吴趴，我們的視覺可以很自然地沿著黃金螺旋的軌跡運(yùn)動漆诽，這也就是說這樣設(shè)計(jì)網(wǎng)頁布局會讓訪客更加自然地瀏覽內(nèi)容。
如果你仔細(xì)查看美國國家地理的網(wǎng)頁锣枝，會看到它們的網(wǎng)頁布局就是如此厢拭，用戶會下意識地隨著這個布局來瀏覽，這是一種潛意識行為撇叁。
這個網(wǎng)站是平面設(shè)計(jì)師Tim Roussilhe的作品供鸠，信息量很大，布局也緊密陨闹，關(guān)鍵是信息組織的相當(dāng)有條理楞捂，多而不亂。左上角的內(nèi)容就是借助黃金螺旋的軌跡來設(shè)計(jì)的趋厉，關(guān)鍵的點(diǎn)和位置都落在黃金螺旋的軌跡上寨闹。功能性的組件在這個布局中都位于矚目的位置，留白也分布到了合理的間隙中君账，所有的細(xì)節(jié)都精致到位繁堡。
Saastamoisen s??ti?的這個視覺設(shè)計(jì)稿就更典型了，圖中的字母分布看起來亂中有序乡数，它們就是沿著黃金螺旋來分布的椭蹄，并且隨著螺旋半徑的縮小而逐漸縮減字體尺寸，并且提升字母的密度瞳脓，這樣的設(shè)計(jì)保證了視覺的平衡塑娇，富有設(shè)計(jì)感而不混亂。
Helms工作室為Fullsteam啤酒進(jìn)行品牌設(shè)計(jì)的時(shí)候劫侧，也同樣借助黃金螺旋來布局內(nèi)容。
4哨啃、圖片：黃金比例和三分法
對于圖片而言烧栋，布局自然是很重要的，無論是用來傳遞信息還是呈現(xiàn)圖像布局的美感拳球，黃金比例可以讓圖片變得更加吸引眼球审姓，讓重要的信息脫穎而出。平時(shí)我們所說的三分法布局祝峻，如何結(jié)合黃金比例魔吐，是可以讓布局變得更漂亮的扎筒。
參考下方的圖片，借助將頁面進(jìn)行黃金比例分割的四條線酬姆，線條兩兩交匯的地方是最吸引用戶的地方嗜桌。當(dāng)然，我們常見的三分法是讓同一個方向上的兩條線將布局按照1：1: 1的比例分割開來辞色。
這個案例是Complex雜志的封面骨宠，整體布局符合黃金比例，而黃金比例三分法下的兩個交點(diǎn)上則正好和女性的鼻子與眼睛上相满。
Jason Mildren為Pilot雜志設(shè)計(jì)封面层亿，其中的布局采用的是均勻三分法來構(gòu)建視覺重心，圖中模特的眼立美、拇指和手臂軸心都處在視覺重心上匿又，人物位置靠右下，留白靠左上建蹄，又是一個平衡的布局琳省。
Feld雜志的設(shè)計(jì)，也參考了黃金比例三分法躲撰，左上方的標(biāo)題和內(nèi)容區(qū)塊明顯是參考分割線來設(shè)計(jì)的针贬，而右下方的背景中的人物的鼻子——也就是人物的中心點(diǎn)正好壓在右下方的交點(diǎn)上。
5拢蛋、圖形：黃金比例圓形
黃金比例可以用來創(chuàng)建矩形也能用來創(chuàng)建比例協(xié)調(diào)的圓形桦他，使用黃金比例不僅可以產(chǎn)生和諧的比例，而且能夠讓圖形保持較高的一致性谆棱，從百事和Twitter的LOGO來說說這個事情吧快压。
百事的LOGO是使用兩個遵循黃金比例的圓圈來構(gòu)建的，較小圓形并不是顯而易見的那種垃瞧，而是隱藏在內(nèi)部的曲線中蔫劣。
Twitter的LOGO設(shè)計(jì)則是借助若干完美的圓形來進(jìn)行構(gòu)建的，只不過它在使用黃金比例的圓形的時(shí)候个从，并沒有使用相鄰比例的圓形來構(gòu)建脉幢，乍一看不夠精確，但卻同樣營造出和諧的標(biāo)識嗦锐。
【我的小幸福之愿你和溫暖相擁】
天冷了
記得保暖
只有身體暖了
心才會暖
天氣漸冷
運(yùn)動讓你的世界升溫
難過的時(shí)候
安慰沒用
而是在你身邊
陪你哭
走一個
即便再孤單
也要相信你會遇見溫暖的陪伴
最溫暖就是那些
一起吃著火鍋唱著歌的老朋友
獨(dú)處的時(shí)候
一杯咖啡
一本書
讓別人的故事溫暖你
當(dāng)煙火的溫度褪去
讓我的擁抱一直陪你
還有什么比做愛做的事更溫暖
別辜負(fù)那個總是為你留燈的人
【你可能還想看】
■2018用戶體驗(yàn)設(shè)計(jì)的10個核心趨勢,你Get到了嗎奕污？
