什么是黃金比例肤京?該如何應(yīng)用到設(shè)計(jì)上颊艳?

之前也和大家分享過(guò)很多關(guān)于黃金分割的問(wèn)題。我們?cè)诖笞匀恢泻苋菀渍业竭@樣的比例忘分,當(dāng)它用于設(shè)計(jì)時(shí)棋枕,能創(chuàng)造出有生命力的、純天然的視覺(jué)作品妒峦,愉悅我們的眼睛重斑。但究竟什么是黃金比例,如何使用它來(lái)提高你設(shè)計(jì)水平?下面給你分析分析。

黃金比例是多少肯骇?

我們會(huì)把它盡可能解釋得簡(jiǎn)單喲窥浪!黃金比例(也被稱為黃金分割,中庸之道,神圣比例或希臘字母φ)存在于被分割成兩截的線段中,我們?cè)O(shè)較長(zhǎng)的一段為a笛丙,較短的一段為b漾脂,那么有:(a)÷(b)=【(a)+(b)】÷(a),都等于1.618。

但是不要讓這些數(shù)字難倒你胚鸯。在設(shè)計(jì)中,黃金比例可以歸結(jié)為美學(xué)——?jiǎng)?chuàng)造和激發(fā)一種通過(guò)比例與和諧產(chǎn)生的美感骨稿。當(dāng)應(yīng)用于設(shè)計(jì)中時(shí),黃金比例提供了一種藝術(shù)性;一個(gè)未知因素,一定的描述的事物。

這種和諧和比例已被成千上萬(wàn)的世紀(jì)所承認(rèn):從吉薩金字塔到雅典的帕特農(nóng)神廟姜钳;從米開朗基羅的《亞當(dāng)?shù)膭?chuàng)生》到西斯廷教堂天花板上梵高的《蒙娜麗莎》坦冠;從百事?logo?到 Twitter logo。甚至于我們的身體和臉也同樣遵循這樣的數(shù)學(xué)比例:

事實(shí)上,我們的大腦似乎本能地更喜歡使用黃金比例的對(duì)象和圖像傲须。這幾乎是一個(gè)潛意識(shí)的力量蓝牲,以至于哪怕為圖像作更接近黃金比例的微妙調(diào)整對(duì)我們的大腦也有很大影響。

黃金比也適用于形狀泰讽。畫一個(gè)正方形例衍,設(shè)定邊長(zhǎng)為1,改變其中一邊使其變?yōu)?.618已卸,一個(gè)完美的黃金比矩形便赫然紙上佛玄。

現(xiàn)在,如果你把正方形疊加在矩形上累澡,那么這兩個(gè)圖形會(huì)讓你看到一個(gè)黃金比矩形梦抢。

如果你一直按照這樣的方式把黃金比應(yīng)用到新矩形上,那么你最終會(huì)得到一個(gè)個(gè)逐漸縮小的正方形:

假如你在上面這張黃金比例圖的每個(gè)正方形的對(duì)角畫一條曲線愧哟,你將會(huì)看到一個(gè)黃金比例曲線(亦稱斐波 那契序列)—— 這個(gè)序列中的每一個(gè)數(shù)字是前面兩個(gè)數(shù)字之和奥吩。我們從零開始哼蛆,結(jié)論如下:0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144……等等。

通過(guò)在每個(gè)正方形中畫對(duì)角曲線你會(huì)發(fā)現(xiàn)霞赫,這張圖出現(xiàn)了一條神奇的黃金比例曲線:

這條美麗的螺旋曲線出現(xiàn)在自然界很多的物種當(dāng)中——蕨類植物腮介、花卉、貝殼端衰,甚至颶風(fēng)——這也許就是為什么我們會(huì)覺(jué)得他們具有強(qiáng)烈的視覺(jué)吸引力叠洗。因?yàn)楫吘梗烊坏木褪亲詈玫摹?/p>

我們?cè)龠M(jìn)一步研究它吧旅东,在每個(gè)正方形中畫一個(gè)正圓——這樣的結(jié)果是所有圓的大小也同樣遵循1:1.618灭抑,它們的比例看起來(lái)是多么的平衡啊抵代!

所以腾节,我們現(xiàn)在有了黃金比正方形、黃金比矩形和黃金比圓荤牍,快到你的設(shè)計(jì)中盡情釋放它們吧禀倔!

應(yīng)用黃金分割的五種方式

OK,你現(xiàn)在已經(jīng)理解黃金比例的概念了参淫,那么讓我們看看它是如何提升設(shè)計(jì)的整體水平,

黃金比例可以運(yùn)用設(shè)計(jì)中的許多地方愧杯,像布局涎才、間距、內(nèi)容力九、圖片和版式耍铜。

01.布局——用黃金比例設(shè)置空間布局

我們常常把黃金比例看作是確定空間布局的實(shí)用指南。應(yīng)用黃金分割的一個(gè)非常簡(jiǎn)單的方法是將矩形的長(zhǎng)寬比設(shè)為1:1.618.

例如:960像素是非常典型的畫布寬度跌前,用這個(gè)寬除以1.618棕兼,得到一個(gè)594像素的數(shù)值,把它設(shè)置為高度抵乓,就是一塊完美的畫布伴挚。

現(xiàn)在,打破這種布局灾炭,使用黃金比例分成兩列茎芋。瞧!在這兩個(gè)形狀使你的設(shè)計(jì)呈現(xiàn)協(xié)調(diào)的黃金比例布局蜈出。

這樣的兩列布局非常適合網(wǎng)頁(yè)設(shè)計(jì)田弥,在這種格式中你會(huì)看到許多在線內(nèi)容。美國(guó) National Geographic 就采用這種布局構(gòu)建了一個(gè)整潔铡原、易于閱讀偷厦、結(jié)構(gòu)良好的網(wǎng)站商叹。它為讀者提供了一個(gè)合乎規(guī)律的秩序井然的、平衡的和層次分明的閱讀體驗(yàn)只泼。

02.間距—黃金比例布局

間距是任何設(shè)計(jì)的一大要素剖笙,它能營(yíng)造負(fù)空間氛圍,使最終的結(jié)果要么成功要么毀滅辜妓。確定元素的間距是相當(dāng)耗時(shí)的事情枯途,但是,運(yùn)用黃金分割圖籍滴,讓正方形來(lái)引導(dǎo)你確定每個(gè)元素的位置酪夷,工作起來(lái)會(huì)更省力好 多。這將確保你的間距和比例是通過(guò)嚴(yán)密的計(jì)算而不是“憑感覺(jué)來(lái)的”孽惰,同時(shí)任何為達(dá)到黃金比例而作的微妙的調(diào)整都可能導(dǎo)致所有元素的差異晚岭。

再者,如果你需要同時(shí)處理幾個(gè)元素,也可以運(yùn)用多個(gè)黃金比例來(lái)保持設(shè)計(jì)作品的整體連貫性勋功。

設(shè)計(jì)工作室 Moodley 為布雷根茨 Festspiele 表演藝術(shù)節(jié)開發(fā)了一款新的品牌標(biāo)識(shí)坦报,包括logo、logo風(fēng)格和拼貼設(shè)計(jì)狂鞋,應(yīng)用于程序片择、節(jié)目單和戶外活動(dòng)。節(jié)目單著重強(qiáng)調(diào) 了攝影和說(shuō)明性的拼貼骚揍,還有一個(gè)留出大片空白的波形logo字管。黃金比例用來(lái)確定每個(gè)元素的大小和位置,以確保封面比例協(xié)調(diào)。

新加坡的一家設(shè)計(jì)機(jī)構(gòu)Lemon Graphic?為Terkaya 財(cái)富管理 創(chuàng)建了一個(gè)視覺(jué)識(shí)別系統(tǒng)信不,如下圖嘲叔。這張商務(wù)名片上的三個(gè)元素——小鷹、文字和大鷹——都分布在一條黃金曲線的不同位置抽活。

同時(shí)硫戈,將黃金比矩形放置在小鷹的位置,它也是呈這個(gè)比例的下硕。

03.內(nèi)容—運(yùn)用黃金螺旋

黃金螺旋可以被看作是確定內(nèi)容的位置“指南”丁逝。我們的視覺(jué)會(huì)自然而然的落到螺旋的中心,這個(gè)位置有很多細(xì)節(jié)性的元素梭姓,所以在做設(shè)計(jì)時(shí)我們要非常關(guān)注螺旋的中心位置和螺旋走過(guò)的視覺(jué)空白區(qū)域果港。

再來(lái)看國(guó)家地理網(wǎng)站,你會(huì)發(fā)現(xiàn)在曲線的中心存在著第二個(gè)糊昙、小一點(diǎn)的logo辛掠。這是一個(gè)加倍提高品牌形象的好地方,因?yàn)檫@里很自然地吸引了我們的注意力。是潛意識(shí)的嗎?也許吧萝衩。黃金比例可以讓一切看起來(lái)那樣自然回挽。

下面這個(gè)網(wǎng)站由平面設(shè)計(jì)師 Tim Roussilhe 為 自己設(shè)計(jì)。它的內(nèi)容雖看起來(lái)非常密集猩谊,但它的排版也遵循黃金比例和黃金螺旋規(guī)律千劈,它的重點(diǎn)是文本的左上部分的網(wǎng)站。我們的視線首先會(huì)落在頂端“你好,我的 名字叫提姆”這個(gè)位置牌捷,慢慢地墙牌,會(huì)向Tim的工作內(nèi)容轉(zhuǎn)移,然后看到一個(gè)菜單按鈕暗甥,進(jìn)而發(fā)現(xiàn)左上角的一個(gè)圖標(biāo)喜滨,在視線到達(dá)這個(gè)設(shè)計(jì)的“消極區(qū)域”前,我們 已經(jīng)接收完所有它需要告訴我們的信息了撤防。

在這個(gè)為 Saastamoisen saatio 所做的視覺(jué)識(shí)別系統(tǒng)中虽风,隨著黃金螺旋的不斷延伸,內(nèi)容也愈加密集寄月。當(dāng)我們的視線與曲線越近辜膝,字體和間距也在不斷減小。字母無(wú)序排列漾肮,但一回生二回熟厂抖,通過(guò)一遍遍重復(fù)使用,品牌名稱也變得熟悉起來(lái)克懊。

Helms Workshop 工作室為Fullsteam啤酒廠設(shè)計(jì)了這個(gè)品牌验游,他使用黃金比例和黃金螺旋處理布局和內(nèi)容。設(shè)計(jì)中的各種元素在每個(gè)獨(dú)立的正方形中都顯得非常和諧保檐,視線的 重點(diǎn)也正好落在主人公、郵票崔梗、酒精含量和廠址上夜只。當(dāng)我們看到這張標(biāo)簽時(shí),通過(guò)黃金比例構(gòu)圖讓我們 注意到其中的內(nèi)容蒜魄,進(jìn)而讓我們了解創(chuàng)始人和品牌故事的細(xì)節(jié)扔亥。

04.圖像——黃金比例(三分法)

無(wú)論是傳達(dá)重要信息或創(chuàng)建一個(gè)美觀的照片,結(jié)構(gòu)對(duì)任何圖像都很重要谈为。黃金比例可以幫助設(shè)計(jì)師搭建一個(gè)結(jié)構(gòu)旅挤,引導(dǎo)觀眾的視線到重要的位置去。使用黃金比例伞鲫,將一張照片分割成不等的三個(gè)空間粘茄,再運(yùn)用線條和相交的點(diǎn)去創(chuàng)建結(jié)構(gòu)。

比例是1:0.618:1——設(shè)定第一和第三縱列的寬度為1,那么中間縱列的為0.618柒瓣。同樣,水平方 向:第一和第三橫排的高度為1儒搭,中心一行的寬度為0.618。現(xiàn)在使用這些線和交點(diǎn)吸引觀者的注意力向這些位置集中芙贫。這些元素形成了一種張力搂鲫,增加了設(shè)計(jì) 結(jié)構(gòu)的趣味和力量。

另一個(gè)(稍微簡(jiǎn)化)通過(guò)黃金比例處理圖像位置的的方法是三分法磺平。它不像黃金比例一樣精確魂仍,但相當(dāng)接近。三分法即將空間劃分為三個(gè)水平或垂直方向都相等的空間拣挪,使圖像的重要元素都圍繞在矩形中心理想情況下的四個(gè)交點(diǎn)上擦酌。

這個(gè)是《Complex》的封面,歌手Solange Knowles擔(dān)當(dāng)模特媒吗,它同樣使用黃金比例來(lái)確定正負(fù)空間的比例仑氛。Solange 的鼻子和前額位于三分水平線最頂端一條,鼻子和眼睛則分別落在兩條垂直線上闸英,這里剛好是矩形中心锯岖。

這張封面是 Jason Mildren 為《Pilot》雜志所作,它的設(shè)計(jì)原理就是三分法甫何。矩形中心的角落的設(shè)計(jì)呈現(xiàn)出一種趣味,雖然是中心,但大部分是空白的空間出吹。模特的眼睛正巧落在這個(gè)角落里,洞察著觀眾的內(nèi)心辙喂。

《Feld》的這張封面將模特對(duì)稱的眼睛作為黃金比例的重心捶牢。這張封面看起來(lái)相當(dāng)不錯(cuò),因?yàn)槟L仄x了畫面中心巍耗,而且他的臉幾乎與左側(cè)閱讀指南垂直秋麸。

封面的整體布局同時(shí)遵循黃金分割和黃金螺旋。內(nèi)容集中在螺旋的位置炬太,越接近螺旋的中心內(nèi)容越詳細(xì)灸蟆。

05.格式——黃金比例圓

我們現(xiàn)在知道黃金比例可以用來(lái)創(chuàng)建比例和諧的正方形和矩形,它也還可以用于創(chuàng)建黃金比的圓亲族。每一個(gè)正方形中的圓都與其鄰近的圓成1:1.618的比例,這就是完美的圓霎迫!

使用黃金分割圓不僅能創(chuàng)建和諧斋枢、均衡的設(shè)計(jì),也能保持格式的一致性知给。讓我們回過(guò)頭來(lái)看百事可樂(lè)和Twitter的logo瓤帚。

百事可樂(lè)的標(biāo)志基于兩個(gè)按照黃金比例相交的圓。小圓在重迭的圖案中并不那么明顯,但是通過(guò)logo中間的白色部分還是能被識(shí)別的缘滥。

Twitter的標(biāo)志基于幾何結(jié)構(gòu)并重點(diǎn)利用了圓的完美轰胁。從下面這張圖我們可以看出,它確實(shí)是運(yùn)用黃金比例繪制的朝扼,但不完全精確赃阀。圖案總體還是遵循黃金比平衡、協(xié)調(diào)擎颖、有序的特點(diǎn)榛斯。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市搂捧,隨后出現(xiàn)的幾起案子驮俗,更是在濱河造成了極大的恐慌,老刑警劉巖允跑,帶你破解...
    沈念sama閱讀 206,311評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件王凑,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡聋丝,警方通過(guò)查閱死者的電腦和手機(jī)索烹,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,339評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)弱睦,“玉大人百姓,你說(shuō)我怎么就攤上這事】瞿荆” “怎么了垒拢?”我有些...
    開封第一講書人閱讀 152,671評(píng)論 0 342
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)火惊。 經(jīng)常有香客問(wèn)我求类,道長(zhǎng),這世上最難降的妖魔是什么屹耐? 我笑而不...
    開封第一講書人閱讀 55,252評(píng)論 1 279
  • 正文 為了忘掉前任尸疆,我火速辦了婚禮,結(jié)果婚禮上张症,老公的妹妹穿的比我還像新娘。我一直安慰自己鸵贬,他們只是感情好俗他,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,253評(píng)論 5 371
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著阔逼,像睡著了一般兆衅。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,031評(píng)論 1 285
  • 那天羡亩,我揣著相機(jī)與錄音摩疑,去河邊找鬼。 笑死畏铆,一個(gè)胖子當(dāng)著我的面吹牛雷袋,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播辞居,決...
    沈念sama閱讀 38,340評(píng)論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼楷怒,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了瓦灶?” 一聲冷哼從身側(cè)響起鸠删,我...
    開封第一講書人閱讀 36,973評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎贼陶,沒(méi)想到半個(gè)月后刃泡,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,466評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡碉怔,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,937評(píng)論 2 323
  • 正文 我和宋清朗相戀三年烘贴,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片眨层。...
    茶點(diǎn)故事閱讀 38,039評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡庙楚,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出趴樱,到底是詐尸還是另有隱情馒闷,我是刑警寧澤,帶...
    沈念sama閱讀 33,701評(píng)論 4 323
  • 正文 年R本政府宣布叁征,位于F島的核電站纳账,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏捺疼。R本人自食惡果不足惜疏虫,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,254評(píng)論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望啤呼。 院中可真熱鬧卧秘,春花似錦、人聲如沸官扣。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,259評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)惕蹄。三九已至蚯涮,卻和暖如春治专,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背遭顶。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評(píng)論 1 262
  • 我被黑心中介騙來(lái)泰國(guó)打工张峰, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人棒旗。 一個(gè)月前我還...
    沈念sama閱讀 45,497評(píng)論 2 354
  • 正文 我出身青樓喘批,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親嗦哆。 傳聞我的和親對(duì)象是個(gè)殘疾皇子谤祖,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,786評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容