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

      作者:大白鯊LOGO設(shè)計(jì)師
      分類: 教程
      2017-05-26
      26378

      我們在大自然中很容易找到這樣的比例,當(dāng)它用于設(shè)計(jì)時,能創(chuàng)造出有生命力的、純天然的視覺作品,愉悅我們的眼睛。

      之前也和大家分享過很多關(guān)于黃金分割的問題。我們在大自然中很容易找到這樣的比例,當(dāng)它用于設(shè)計(jì)時,能創(chuàng)造出有生命力的、純天然的視覺作品,愉悅我們的眼睛。但究竟什么是黃金比例,如何使用它來提高你設(shè)計(jì)水平?下面給你分析分析。

      黃金比例是多少?

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

      設(shè)計(jì)黃金比例 (1).jpg

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

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

      設(shè)計(jì)黃金比例 (2).jpg

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

      黃金比也適用于形狀。畫一個正方形,設(shè)定邊長為1,改變其中一邊使其變?yōu)?.618,一個完美的黃金比矩形便赫然紙上。

      設(shè)計(jì)黃金比例 (3).jpg

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

      設(shè)計(jì)黃金比例 (4).jpg

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

      設(shè)計(jì)黃金比例 (5).jpg

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

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

      設(shè)計(jì)黃金比例 (6).jpg

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

      設(shè)計(jì)黃金比例 (7).jpg

      我們再進(jìn)一步研究它吧,在每個正方形中畫一個正圓——這樣的結(jié)果是所有圓的大小也同樣遵循1:1.618,它們的比例看起來是多么的平衡啊!

      設(shè)計(jì)黃金比例 (8).jpg

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

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

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

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

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

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

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

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

      設(shè)計(jì)黃金比例 (9).jpg

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

      設(shè)計(jì)黃金比例 (10).jpg

      02.間距—黃金比例布局

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

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

      設(shè)計(jì)黃金比例 (11).jpg

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

      設(shè)計(jì)黃金比例 (12).jpg

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

      同時,將黃金比矩形放置在小鷹的位置,它也是呈這個比例的。

      設(shè)計(jì)黃金比例 (13).jpg

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

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

      設(shè)計(jì)黃金比例 (14).jpg

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

      設(shè)計(jì)黃金比例 (15).jpg

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

      設(shè)計(jì)黃金比例 (16).jpg

      在這個為 Saastamoisen saatio 所做的視覺識別系統(tǒng)中,隨著黃金螺旋的不斷延伸,內(nèi)容也愈加密集。當(dāng)我們的視線與曲線越近,字體和間距也在不斷減小。字母無序排列,但一回生二回熟,通過一遍遍重復(fù)使用,品牌名稱也變得熟悉起來。

      設(shè)計(jì)黃金比例 (17).jpg

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

      設(shè)計(jì)黃金比例 (18).jpg

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

      無論是傳達(dá)重要信息或創(chuàng)建一個美觀的照片,結(jié)構(gòu)對任何圖像都很重要。黃金比例可以幫助設(shè)計(jì)師搭建一個結(jié)構(gòu),引導(dǎo)觀眾的視線到重要的位置去。使用黃金比例,將一張照片分割成不等的三個空間,再運(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)的趣味和力量。

      設(shè)計(jì)黃金比例 (19).jpg

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

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

      設(shè)計(jì)黃金比例 (20).jpg

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

      設(shè)計(jì)黃金比例 (21).jpg

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

      設(shè)計(jì)黃金比例 (22).jpg

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

      設(shè)計(jì)黃金比例 (23).jpg

      05.格式——黃金比例圓

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

      設(shè)計(jì)黃金比例 (24).jpg

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

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

      設(shè)計(jì)黃金比例 (25).jpg

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

      設(shè)計(jì)黃金比例 (26).jpg


      8
      11
      分享到:

      0

      喜歡他,就推薦他上首頁吧^_^

      推薦閱讀

      ×

      賽事服務(wù)聯(lián)系方式

      0371-86068866

      4008887269

      cndesign@163.com

      好的,我知道了

      官方微信

      聯(lián)系我們

      • QQ:33143335 QQ:1904200230
      • 電話:18569912460
      • 投稿:cndesign@163.com
      • 地址:鄭州市國家大學(xué)科技園東區(qū)9號樓2層

      版權(quán)信息

        移動 Android 版 豫 ICP 備16038122號-2 豫公網(wǎng)安備 41019702002261號

      主站蜘蛛池模板: 91亚洲一区二区在线观看不卡| 末成年女A∨片一区二区| 国产高清在线精品一区二区| 视频一区视频二区日韩专区| 精品国产乱码一区二区三区| 一区二区三区91| 无码喷水一区二区浪潮AV| 福利一区二区三区视频在线观看| 日韩a无吗一区二区三区| 亚洲av乱码一区二区三区香蕉| 亚洲国产情侣一区二区三区 | 国产AV一区二区精品凹凸| 久久99精品一区二区三区| 日本视频一区在线观看免费| 夜精品a一区二区三区| 99精品一区二区三区无码吞精| 久久精品一区二区| 国产凹凸在线一区二区| 精品国产不卡一区二区三区| 亚洲毛片αv无线播放一区| 国产精品成人一区二区| 亚洲国产高清在线精品一区| 亚洲丶国产丶欧美一区二区三区| 蜜桃视频一区二区三区在线观看| 中文字幕日韩精品一区二区三区| 波多野结衣一区二区三区高清av| 国产成人精品无码一区二区三区| 亲子乱av一区区三区40岁| 日本无码一区二区三区白峰美| 精品无码中出一区二区| 国产成人av一区二区三区在线| 波多野结衣的AV一区二区三区| 久久毛片免费看一区二区三区| 久久精品国产AV一区二区三区| 美女视频一区二区三区| 538国产精品一区二区在线| 日本激情一区二区三区| 中文字幕亚洲一区二区va在线| 亚州AV综合色区无码一区| 在线观看午夜亚洲一区| 日韩AV无码一区二区三区不卡 |