怎樣更好的運用黃金比例進行排版?常見的黃金比例建築居然有這些

吉薩金字塔、蒙娜麗莎、Twitter和百事可樂有什麼共同點?

答案很簡單,它們的設計都遵循了黃金比例。作為一個常見的數學比例,黃金比例實際上是從自然界中總結並發現的,用於設計中的時候能賦予作品更多的設計美感,賞心悅目。


什麼是黃金比例?

What is the golden ratio?

黃金比例是一個比較特殊的數學比例,自古希臘以來,黃金比例就被當做美的比例,在大自然中,無論是樹葉的生長方式,還是貝殼螺旋的生長方向,甚至人體的各處平衡點的存在,都是接近1:(1+√5)/2的比例,近似值為1:1.618。

怎樣更好的運用黃金比例進行排版?常見的黃金比例建築居然有這些

怎樣更好的運用黃金比例進行排版?常見的黃金比例建築居然有這些

怎樣更好的運用黃金比例進行排版?常見的黃金比例建築居然有這些

怎樣更好的運用黃金比例進行排版?常見的黃金比例建築居然有這些


在設計中靈活運用比例

正如同它的名字,“黃金比例”常常給人渝中恰到好處,自然的感覺,所以在設計中被廣泛運用,無論是LOGO設計,還是排版設計,靈活的運用黃金比例,能夠帶來不錯的效果。

怎樣更好的運用黃金比例進行排版?常見的黃金比例建築居然有這些

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

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

怎樣更好的運用黃金比例進行排版?常見的黃金比例建築居然有這些


白銀比例

The proportion of silver

同樣源於希臘的白銀比例,白銀比例1:√2是正方形的變長和對角線的比例,近似值為1:1.414,諸如我們常用的國際標準紙尺寸也是採用的白銀比例,比如A3紙對摺裁切之後就是A4紙的尺寸了,這一特徵使得它也常見於建築和平面設計。

怎樣更好的運用黃金比例進行排版?常見的黃金比例建築居然有這些

怎樣更好的運用黃金比例進行排版?常見的黃金比例建築居然有這些


穩妥紮實的白銀比例

相比略為修長的黃金比例,白銀比例給人的感覺更加安穩恬靜,在排版設計的時候,尤其是在平面排版的時候,能和標準的A系版型構成協調安定的瀏覽體驗。

怎樣更好的運用黃金比例進行排版?常見的黃金比例建築居然有這些


三等分法則

Rule of thirds

突出重點的三等分法則,將版面等分為三份,然後按照1:2的比例有側重的凸顯整個排版,三等分法則這種比例排布能讓排版穩定而有層次,重點突出;這種法則在 攝影和圖片切割處理上有著廣泛的應用。

怎樣更好的運用黃金比例進行排版?常見的黃金比例建築居然有這些


三等分線的靈活運用

三等分法則中,四條參考線的交匯點適合用來放置視覺主體和焦點,能使版面均衡穩固,用來排版設計的時候,參考線可以有機的用作邊界,靈活自然的創造勻稱而難忘的佈局。

怎樣更好的運用黃金比例進行排版?常見的黃金比例建築居然有這些


黃金比例|白銀比例

這兩種比例的調性差異,使它們可以混合使用,創造不同的體驗。最常見的在白銀比例版面下,內容區塊使用黃金比例,通過比例差異,創造出突出的優雅感。

怎樣更好的運用黃金比例進行排版?常見的黃金比例建築居然有這些

怎樣更好的運用黃金比例進行排版?常見的黃金比例建築居然有這些


黃金比例|三等分法則

當參考線不再按照1:1:1來等分的時候,而是結合黃金比例以1.618:1:1.618來切割佈局的時候,四個交匯點會更加居中,藉助參考線來控制元素的位置,能夠創造出更加聚焦、更加富有凝聚力的佈局。


參考下方的圖片,藉助將頁面進行黃金比例分割的四條線,線條兩兩交匯的地方是最吸引用戶的地方。當然,我們常見的三分法是讓同一個方向上的兩條線將佈局按照1:1: 1的比例分割開來。

怎樣更好的運用黃金比例進行排版?常見的黃金比例建築居然有這些

這個案例是Complex雜誌的封面,整體佈局符合黃金比例,而黃金比例三分法下的兩個交點上則正好和女性的鼻子與眼睛上。

怎樣更好的運用黃金比例進行排版?常見的黃金比例建築居然有這些


黃金比例建築

1、巴特農神廟

怎樣更好的運用黃金比例進行排版?常見的黃金比例建築居然有這些

2、埃及金字塔

怎樣更好的運用黃金比例進行排版?常見的黃金比例建築居然有這些

3、印度泰姬陵

怎樣更好的運用黃金比例進行排版?常見的黃金比例建築居然有這些

4、埃菲爾鐵塔

怎樣更好的運用黃金比例進行排版?常見的黃金比例建築居然有這些

5、巴黎聖母院

怎樣更好的運用黃金比例進行排版?常見的黃金比例建築居然有這些


來源:優秀網頁設計 Rebecca Gross

https://www.canva.com/learn/what-is-the-golden-ratio/


分享到:


相關文章: