黃金」這個詞代表價值、完美以及成功。其適用的范圍廣泛,從稀有珍貴的蛋,到標(biāo)志性的電影時代,再及中獎樂透彩券都是。然而,它還是一個很重要的參考…
一、黃金比例
黃金比例的概念已經(jīng)流傳幾千年了。它塑造了許多經(jīng)典藝術(shù)與建筑作品的基礎(chǔ),從埃及的吉薩大金字塔到藝術(shù)家喬治?秀拉(Georges Seurat)的畫作《馬戲團(tuán)游行》(Parade de cirque)都是,而且還可以經(jīng)常在百科全書和學(xué)術(shù)論文中看到它的蹤跡。不過其在歷史上的重要地位并不表示它已經(jīng)過時了;事實上,黃金比例對企業(yè)來說可能是非常有價值的。在設(shè)計素材、圖標(biāo)以及網(wǎng)站時充分利用它將能夠為品牌增添更有吸引力的視覺圖像。
你只是需要知道該如何使用它。
二、定義黃金比例
想要了解黃金比例,你需要從它從哪里發(fā)源開始著手。這個探索帶我們回到古希臘時期。黃金比例也可以用希臘字母φ(發(fā)音phi)表示,代表數(shù)值為1.61803398875。
以數(shù)學(xué)術(shù)語來說,這是個無理數(shù),也就是一個無限不循環(huán)小數(shù),且無法以簡單分?jǐn)?shù)表示(就像是著名的π,發(fā)音pi)。根據(jù)《大英百科全書》記載,黃金比例的數(shù)學(xué)觀念大約源于西元前500年。據(jù)信是由著名希臘學(xué)者歐幾里得(Euclid)以及畢達(dá)哥拉斯(Pythagoras)完善而成。
不過,想要真正掌握這個概念,你必須這樣看待黃金比例:
(A+B)/A = A/B
請將一條線分為兩部分。較長段(A)除以較短段(B)等于全長除以較長段。想要創(chuàng)造黃金比例,原始線條的分段除法結(jié)果必須等于1.618。
我們知道這很難用文字說明,所以我們準(zhǔn)備了一個可以協(xié)助你理解的圖片。
當(dāng)黃金比例首次被提出時,希臘學(xué)者就知道它能用來創(chuàng)造非常具有視覺吸引力的矩形,也就是黃金矩形。他們開始思考這個形狀,以及其在設(shè)計中的比例。最后結(jié)論證明,只要照片、版面或構(gòu)圖的比例為1比1.61,圖像看起來就會自然而平衡。
這也難怪人類從那時候開始就持續(xù)運(yùn)用黃金比例。它是許多我們覺得美麗的古代建筑和畫作的基石。有些人認(rèn)為在藝術(shù)家薩爾瓦多?達(dá)利的畫作《最后的晚餐》、米開朗基羅的《創(chuàng)造亞當(dāng)》,甚至是巨石陣?yán)锒寄馨l(fā)現(xiàn)黃金比例?,F(xiàn)今,你則可以在網(wǎng)頁、攝影作品,以及部分全球最受歡迎的品牌圖標(biāo)中找到它的蹤影。
三、自然界里的黃金比例
這與你和你的事業(yè)有什么關(guān)聯(lián)呢?為了回答這個問題,我們必須運(yùn)用另一種形式來探索黃金比例。
黃金螺旋與黃金比例有密切關(guān)系。它是借著通過黃金矩形的每個部分繪制而成的連續(xù)弧形,構(gòu)成流線形的螺旋。雖然希臘學(xué)者想出了為什么黃金螺旋會存在的數(shù)學(xué)解釋,但是它在那之前已存在許久。你可以在大自然里找到滿滿的證據(jù),像是貝殼、花瓣、松果、種子穗和螺旋星系的形狀。部分動物的身體也有此特色,包括海豚、海星和蜜??蜂。
黃金螺旋也與斐波那契數(shù)列(Fibonacci Sequence)有關(guān),這會讓丹布朗《達(dá)文西密碼》的書迷覺得耳熟。在那個數(shù)學(xué)概念里,數(shù)列中的每個數(shù)字都是由前兩個數(shù)字相加而成(例如1、1、2、3、5、8)。
巧合的是,義大利數(shù)學(xué)家斐波那契的理論也已受大自然印證。當(dāng)數(shù)列轉(zhuǎn)換成圖樣,你會得到彎曲的螺旋。計算這些螺旋,你最后會獲得斐波那契數(shù)。就像《Live Science》的解釋:「斐波那契螺旋是在一系列斐波那契數(shù)為尺寸的正方形里,以一連串四分之一圓連結(jié)起來的圖形。由于數(shù)列的天性,也就是下個數(shù)字為前兩個相加,正方形能夠彼此完美結(jié)合。」
作者space_heater
讓我們回到黃金螺旋?!禠ive Science》繼續(xù)說明:「任兩個連續(xù)斐波那契數(shù)字的比例都非常接近黃金比例,大約是1.618034。斐波那契數(shù)數(shù)對的數(shù)字愈大,近似值就愈接近。」不需要再懷疑物體或形狀能夠這么迷人的原因。
作者Victority
四、數(shù)學(xué)與美學(xué)的匯合處
有鑒于數(shù)學(xué)與自然間的聯(lián)系,人體有黃金比例的證據(jù)也就不足為奇了。從手臂的比例(手指與前臂和上臂的相比長度)到蒙娜麗莎的臉型都符合盧卡?帕西奧利(Luca Pacioli)在1509年提出的神圣比例(Divine Proportion),也與達(dá)文西的黃金分割(Golden Section)有異曲同工之妙。達(dá)文西在《維特魯威人》里使用了黃金比例。林布蘭等藝術(shù)家也運(yùn)用了這個概念。
許多學(xué)者和統(tǒng)計學(xué)家皆致力于衡量黃金比例對美麗臉龐的影響程度。根據(jù)這些理論,計算出人臉的寬度和長度后,如果長度除以寬度得到的數(shù)字接近黃金比例,那么臉型就會是漂亮的。眼、鼻、口的位置以及其之間的距離也會是吸引力的影響因素。
如果能夠結(jié)合這所有的公式并將他們視覺化,創(chuàng)造獨特的形狀和圖樣,就能更容易在日常生活里看到他們的價值。就如同黃金比例可以用來創(chuàng)造建筑和藝術(shù)作品的誘人視覺,它對現(xiàn)代設(shè)計來說也很重要。
五、設(shè)計的黃金比例
網(wǎng)頁、廣告、雜志封面以及插圖都受益于這個古老的數(shù)學(xué)原則。黃金比例可以用來導(dǎo)引物體位置、圖標(biāo)形狀等等。
六、在網(wǎng)站上和其他范圍里的版面與內(nèi)容
讓我們從黃金比例在版面和內(nèi)容里所扮演的角色開始說起。在網(wǎng)頁設(shè)計中,黃金比例能夠運(yùn)用在文字欄位該放在哪里以及怎么擺放。舉例來說,由左方寬欄位與右方窄欄位組成的頁面,可以吸引觀眾目光并強(qiáng)調(diào)最重要的部分。如果網(wǎng)站總寬度是960像素,左方欄位就應(yīng)該是593像素,而右手邊的欄位則為367像素。他們配合在一起會是理想的比例。
由于版面不同,欄位尺寸并不一定能如期望般完美相加(即使使用黃金比例計算機(jī)能有所幫助)。那也沒問題。終極目標(biāo)就是盡可能接近1:1.61的比例,也就是主要內(nèi)容框為側(cè)欄的1.6倍。
這個使用者介面(UI)策略還有個額外好處:它能協(xié)助讀者瀏覽影片、攝影照片和文字內(nèi)容。你可以在網(wǎng)路里找到許多這類版面的范例,因為一個簡單的原因,就是它有效。查看一下像是Fast Company或BuzzFeed的網(wǎng)站首頁,你就能看到這種雙欄位的版面。
相同的結(jié)果也能在Salon.com網(wǎng)站找到。借著在符合黃金比例的雙欄位里置入引人注目的照片以及熱門影片,Salon讓訪客從目前內(nèi)容前往瀏覽下個內(nèi)容的過程達(dá)到視覺平衡。版面立刻就能達(dá)成美觀又實用的效果,協(xié)助訪客決定如何最好地瀏覽頁面,同時推廣Salon最有趣的內(nèi)容。
截圖作者Salon
七、黃金比例─以及黃金圈─會如何影響間距與形式
黃金比例也可以幫助你決定間距大小:比起其中之一個元素,要在什么地方置入另一個設(shè)計元素,最佳的留白空間等等。
回到黃金矩形,思考它能如何協(xié)助你決定要把較小、較不重要的內(nèi)容放在網(wǎng)頁的哪個地方,或什至該怎么在新圖標(biāo)中留白。你可能會發(fā)現(xiàn)它可以讓作品更具焦點,還能減少想出讓你和顧客都滿意圖像的時間。
然而,如果你仍然處于努力了解數(shù)學(xué)要如何改善品牌視覺素材的階段,采取稍微不同的視角可能會有所幫助。運(yùn)用黃金矩形,并在每個獨立區(qū)域中畫出正圓。就尺寸和比例來說,這些形式─被稱為黃金圈─保持著黃金比例,并且能夠根據(jù)需求改變位置。
不論是交叉或是重疊,黃金圈都能套用在所有的設(shè)計上,不管你想改善現(xiàn)有圖標(biāo)或是重新設(shè)計都可以。在正在處理的作品里重疊黃金圈,可以讓你調(diào)整他們,確保最終結(jié)果一致符合黃金比例。
如果謠言屬實,Twitter的圖標(biāo)設(shè)計內(nèi)含黃金比例與其相關(guān)的黃金圈。如果你發(fā)現(xiàn)這些圓圈套用在標(biāo)志性的藍(lán)鳥上,這不無道理。此圖標(biāo)的確非常接近黃金比例公式,這也解釋了為什么成果讓人這么難忘。
Twitter的鳥型并不是唯一采用黃金圈的圖標(biāo)。據(jù)說百事可樂,還有Google的圖標(biāo)也都遵循黃金比例。這對圖像設(shè)計師來說并不是個罕見技巧,以求能夠繪制完美比例的形狀和圖樣,為觀看者帶來清晰整潔的畫面。
有時候,重新安排黃金圈直到他們與更加熟悉的物品相似的這個簡單動作,能夠為下個圖標(biāo)設(shè)計帶來靈感。所有事都一樣,練習(xí)造就完美,而多方測試黃金圈能達(dá)成的效果就是想出可行設(shè)計的關(guān)鍵。
作者SAAC
抱著這個想法,創(chuàng)作專家Kazi Mohammed Erfan在去年為自己設(shè)下一個挑戰(zhàn),需要創(chuàng)造25個符合黃金比例的圖標(biāo)。借著將公式的每個部份轉(zhuǎn)換為黃金圈組合,并以這些形狀做為指引,他得以設(shè)計出一系列擁有留白、展示平衡,最重要的是能夠體現(xiàn)企業(yè)本質(zhì)的活力圖標(biāo)。
作者Kazi Mohammed Erfan
八、攝影的黃金比例
除了網(wǎng)頁和圖標(biāo)設(shè)計,黃金比例在攝影界也占有一席之地。如果你的任務(wù)是創(chuàng)造或選擇有趣圖像的話,比例和大小至關(guān)重要,這也是強(qiáng)大攝影構(gòu)圖的主要組成要素。將拍攝主體以符合黃金螺旋版面的方式安排─把圖像焦點放在螺旋曲線內(nèi)─能夠讓你創(chuàng)造出因遵循黃金比例原則而更有魅力的構(gòu)圖。
為了簡化過程,許多攝影師會使用「φ網(wǎng)格」。藉由將黃金矩形以及其重疊的黃金螺旋分為九部份,你會獲得能夠協(xié)助構(gòu)圖的網(wǎng)格。觀察網(wǎng)格線條的交會處。那些地方是人眼自然會被吸引的區(qū)域,也就是你該在照片里擺放多重元素的位置,以達(dá)成視覺平衡。
九、網(wǎng)格戰(zhàn)爭:評估替代的三分構(gòu)圖法
不過,攝影中還有另一種構(gòu)圖方式,也就是三分構(gòu)圖法。它的原理也牽涉了具備九部份的網(wǎng)格。然而,在三分構(gòu)圖法里,網(wǎng)格大小全都相同。
在這個情況下,我們同樣建議你將興趣點放在線條交會處,或是在線條本身上。目標(biāo)是創(chuàng)造具平衡感的照片。想像在取景器里放入一張方格紙。視線中的物體會如何對齊頁面中的矩形呢?那些交會點能夠做為照片里放置首要與次要興趣點的指引。
很多數(shù)位相機(jī)都能夠在螢?zāi)簧巷@示三分構(gòu)圖法網(wǎng)格,讓使用者可以更輕松地拍出好照片,隨著時間累積,用這種方式構(gòu)圖會變成第二天性。但是請謹(jǐn)記在心,規(guī)則總有例外。拍攝大頭照時,最好能將網(wǎng)格線條拋在腦后,把臉放在螢?zāi)恢醒搿?
作者Sofia Zhuravetc
你可能會覺得這兩種相似的方法─黃金比例以及三分構(gòu)圖法─能夠彼此和諧配合。不過,以構(gòu)圖來說,哪個策略是最好的仍有不確定性。他們兩者都是有用的藍(lán)圖技巧,能夠增強(qiáng)創(chuàng)造迷人照片或設(shè)計的能力。但他們并不相等。
如同Discovery傳播集團(tuán)旗下的Dnews所述,φ網(wǎng)格在拍攝景物時特別有用,因為它會「創(chuàng)造更平衡的圖像」并且「讓照片看起來更加自然,減少僵硬感」。如果采用三分構(gòu)圖法,你最后可能會獲得太過沉穩(wěn)的照片,以至于讓它看起來有種強(qiáng)迫感。
下次當(dāng)你要為電子報行銷、廣告郵件或社群媒體貼文瀏覽合適的風(fēng)景照時,請把黃金比例放在心上。想像把網(wǎng)格放在每張圖像上,然后思考如何到達(dá)照片的焦點處。一旦知道該找些什么,你到處都能發(fā)現(xiàn)黃金比例,并了解為什么照片能夠撼動你─和你的顧客─的珍貴觀點。
作者Tanmoy Mishra
十、著手應(yīng)用黃金比例
如果你已經(jīng)擁有希望用做行銷和廣告用途的圖像,但他們卻沒遵循黃金比例或三分構(gòu)圖法,振作一些。只需要編輯圖像,你就可以轉(zhuǎn)移觀眾焦點,并獲得精湛構(gòu)圖的好處。
更緊湊的剪裁能夠凸顯照片最重要的部份。在Shutterstock Editor里,你可以快速地將照片裁剪為任何尺寸,或是從預(yù)設(shè)的社群媒體尺寸中選擇,讓你輕松跨渠道分享。運(yùn)用網(wǎng)格工具顯示黃金比例的導(dǎo)引線,然后觀察圖像要如何處理。
在表面上,黃金矩形、黃金螺旋、斐波那契數(shù)列、φ網(wǎng)格以及所有背后的原理看起來都很復(fù)雜。一系列的數(shù)字能夠產(chǎn)生自然美麗圖像的想法并不那么直觀。
但就像設(shè)計師、圖像藝術(shù)家和攝影師們運(yùn)用這個方式所證明的,黃金比例已經(jīng)從一個晦澀的數(shù)學(xué)理論演化成可信的技巧,并在現(xiàn)代社會占有一席之地。這是一個應(yīng)該收為己用,然后套用在圖像管理、網(wǎng)頁設(shè)計,甚至是部落格版面上的強(qiáng)大規(guī)則。有了基礎(chǔ)認(rèn)知,你可以更好地選擇及開發(fā)吸引消費(fèi)者的設(shè)計,提升參與度,并且改善品牌的視覺認(rèn)知。
作者:
原文鏈接:https://www.shutterstock.com/zh-Hant/blog/what-is-the-golden-ratio
全站高品質(zhì)素材免費(fèi)下載!