企業微信
酷網科技公司
當前位置: 建站知識  >>  瀏覽文章
時間:2016年05月23日 信息來源:互聯網

最佳比例的秘密!教你如何在設計中充分運用黃金比例

吉薩金字塔、蒙娜麗莎、Twitter和百事可樂有什么共同點?答案很簡單,它們的設計都遵循了黃金比例。作為一個常見的數學比例,黃金比例實際上是從自然界中總結并發現的,用于設計中的時候能賦予作品更多的設計美感,賞心悅目。那么,黃金比例到底是怎么樣的比例,它又是如何運用到設計中并提升設計作品的呢?

延伸閱讀:

  • 經典法則小科普!網頁設計中如何利用“黃金比例”?
  • 網頁設計該如何利用黃金比例?
  • 扔掉黃金比例吧 網頁布局還能這樣做的!
  • 網頁設計的黃金比例

什么是黃金比例?

黃金比例是一個比較特殊的數學比例,通常我們會用線段分割來解釋這個比例:把一條線段分割為兩部分,較短部分與較長部分長度之比等于較長部分與整體長度之比,其比值是一個無理數,取其前三位數字的近似值是0.618。

黃金比例 黃金比例分割 平面設計

當然,我們今天探討的并非是數學問題,而是設計和美。黃金比例之所以被冠名以“黃金”二字,自然是因為這個比例帶來的和諧與美感。當你應用到設計作品中的時候,這種比例會營造出藝術感。

黃金比例已經被我們的先輩運用了幾千年,從埃及的吉薩金字塔的設計比例到雅典的巴特農神殿,從米開郎琪羅為西斯廷教堂所雕刻的亞當到達芬奇的蒙娜麗莎,從百事可樂的LOGO到推特的LOGO設計,甚至我們的面孔都遵循這個數學比例:

黃金比例 黃金比例分割 平面設計

事實上,我們的大腦似乎先天就比較青睞使用黃金比例的對象和圖片。這幾乎是下意識的吸引力,大腦甚至會對眼睛看到的事物進行小幅度的微調以靠近黃金比例,提高我們自身對于外物的記憶和印象。

黃金比例無疑可以應用于各種圖形。如果你將一個正方形拉伸為一個矩形,讓長是寬的1.618倍,就可以獲得一個“完美”的矩形。

黃金比例 黃金比例分割 平面設計

將兩個圖形疊加,你就可以獲得一個清晰直觀的黃金比例,被分割出來的小矩形同樣遵循著黃金比例。

黃金比例 黃金比例分割 平面設計

如果你繼續以這樣的方式向新的矩形中填充正方形,那么你填充的正方形會越來越?。?/p>

黃金比例 黃金比例分割 平面設計

像上圖所示,你最終繪制出來的將會是一個黃金螺旋(而其中的矩形也就遵循著傳說中的斐波那契數列)曲線,它所包含的數列遵循的規律是,每個數字都是前兩個的和:0、1、1、2、3、5、8、13、21、34 、55、89、144……

這就是黃金螺旋:

黃金比例 黃金比例分割 平面設計

最有意思的是,你會發現這個漂亮的樣式在自然界中幾乎無處不在:蕨類植物的莖、鮮花、貝殼,甚至颶風。這也就是為什么我們會覺得它們在視覺上有著無與倫比的吸引力,因為它們在自然界中是最好的。

接下來,你可以在每個正方形中內切一個圓形,那么這組圓形將遵循1.618的黃金比例,擁有著均勻而平衡的比例關系。

黃金比例 黃金比例分割 平面設計

這樣一來,我們就擁有了遵循黃金比例的正方形、矩形、圓形,而它們就可以被你運用到設計當中去。

這么解釋相信你都能明白吧?

在設計中使用黃金比例的5種方法

既然你已經了解了黃金比例的基礎知識,那么接下來看看如何借助它來提升你的設計。由于黃金比例的呈現形式很多,所以你可以將它用到布局、間隔、內容、圖像和圖形當中。

1、布局:將尺寸設置成黃金比例

在布局中使用黃金比例的方法并不難,關鍵是控制比例和尺寸。重點很簡單,把握好1:1.618的黃金比例。

舉個例子,使用960px的寬度布局的時候,除以1.618可以得到594px,這個可以用作你的布局的高度,然后將整個布局劃分為兩欄,一欄方形,一欄矩形,一個協調的布局就出來了。

黃金比例 黃金比例分割 平面設計

這種兩欄式布局在網頁上非常實用,我們所熟知的美國國家地理的網頁就是使用的這樣的布局方式,看起來可讀性非常不錯,比例平衡,符合網站內容自然的特性。

黃金比例 黃金比例分割 平面設計

2、間距:使用黃金螺旋布局

間距的控制和留白一樣,是設計中非常關鍵的元素。協調的布局能夠營造出優秀的作品,那么如何借助黃金比例來協調頁面中的多種元素呢?合理的計算有的時候比直覺合適,如果能結合起來就更好了。

在基本的布局上,借助黃金螺旋來調整,是個不錯的思路。多種不同的元素在同一頁面上的時候,黃金螺旋可以幫你篩選出合理的空間布局和間隙。

黃金比例 黃金比例分割 平面設計

Moodley 設計工作室為Bregenzer Festspiele 藝術節設計了海報、應用、節目單和大量的品牌標識。節目單的整體設計采用了拼貼的方式,有大量的留白,而其中各種元素的設計比例、位置和留白就是借助黃金螺旋來布置的。

黃金比例 黃金比例分割 平面設計

總部位于新加坡的Lemon Graphic 為Terkaya財富管理進行視覺形象設計,名片的設計元素也同樣借助黃金螺旋來設計。

黃金比例 黃金比例分割 平面設計


(編輯:小酷)

 


上一篇:PS教程!打造時下最受歡迎的APP效果展示圖
下一篇:經典法則小科普!網頁設計中如何利用“黃金比例”?
聯系
客服

掃碼添加客服微信

服務熱線
服務熱線
0411-62888851
公眾號

掃碼關注公眾號

回到頂部