黃金比例分割使用指南

好文轉載 分類: 規范/資料 版權: 原作者: 未知
51411 782 460 23
更新于:2017-01-24
0.0
首頁推薦

在設計中,黃金比例屬于基本理論,通過運用黃金比例原則,能夠打造悅人的設計,而本文的重點不在于鑒賞,而是教你如何使用黃金比例。

還記得丹布朗的那本《達芬奇密碼》嗎?里面有個關鍵線索便是斐波那契數列,而黃金比例,便是基于此。

斐波那契數列在自然界的造化物中得以完美體驗,比例基本為1:1.618,我們生長在自然世界中,按相似的比例進行設計,能夠愉悅我們的視覺感官。


Image title


黃金比例描述了斐波那契數列相鄰兩數字間的關系。

Image title


如果我們按此比例繪圖,那么會喚起觀賞者的一種熟識感,一種與自然之間的微妙聯系。

在人類漫長的藝術與設計史中,黃金比例已經被應用了4000多年,但是我們的先祖可能更早就開始應用它了。有些人認為古埃及人便采用此法來建造金字塔。黃金比例可以在音樂、藝術、設計中得以體現。

應用案例

在歷史記載中,黃金比例經常被使用到藝術和設計中,一些宏偉的建筑經常采用黃金比例為衡量準則。看看下面這些例子,你在工作中也能用得上:

巴特農神廟

Image title


這座古希臘建筑使用了黃金比例作為了尺寸比例關系。而后來的新古典主義建筑風格同樣遵循了黃金比例。

最后的晚餐

Image title


達芬奇對黃金比例采取了進一步的應用,在最后的晚餐這幅畫中,所有人物排列在整體的2/3處,而耶穌這一角色在構圖上采用了完美的矩形

界面設計中的一些案例2010年Twitter的重設計

Image title


Apple iCloud

Image title


iCloud的圖標可不是隨隨便便畫出來的

Takamasa Matsumoto 在博客中展示了下圖的設計思路

Image title


嚴格遵循黃金比例自然界中的案例

Image title


從貝殼到鮮花,黃金比例無處不在

仔細觀察周圍的大千世界,你會發展黃金比例無處不在!花朵,貝殼,菠蘿,蜂巢,都遵循了黃金比例的規則。

如何構建一個符合黃金比例的矩形

步驟 01

Image title


畫一個正方形。

Image title


將正方形一分為二

步驟 03

Image title


在一側矩形中,畫一條對角線。

Image title


將對角線旋轉為水平線。

Image title


構建矩形,利用水平線和原始矩形為參考。

在設計中充分利用黃金比例

聽起來很復雜?其實遠比想象的容易!有很多快捷的辦法可以幫你實現 黃金比例布局。

快捷方法

如果你熟悉“三分法構圖”,那么就方便多了,這個構圖法的理念是在水平和豎直方向上各自均分3等分。而連線所構成的4個交點會成為視覺焦點。

攝影師往往在拍攝時,將關鍵物體定格在這4個焦點上。對于界面設計、印刷海報設計來說,同理。

跟三分法差不多,如果能夠采用1:1.6的比例,那么整體構圖就十分接近黃金比例了。

具體方法

如果想要在設計中采用黃金比例構圖,簡單打個比方,比方說內容區域和工具欄吧(網頁設計中),那么比例就要為為1.6:1。而在工具欄中,可以進一步按這一比例分割。

Image title


在頁面布局中,黃金比例可以幫大忙,讓閱讀體驗更加自然。

黃金比例工具01. goldenRATIO

GoldenRATIO能夠保存你的比例分割設置,避免了重復工作

GoldenRATIO,Mac App Store中售價¥2.99,能夠很好的兼容PS

02. Golden Ratio Typography Calculator

能夠根據黃金比例原則,幫助你確定字體大小、內容寬度。

03. Phicalculator

Phicalculator 只做計算,非常專一

是一款非常棒的免費應用,適用于Mac和PC。輸入數字,便能根據黃金比例給出對應的數字。

04. Atrise Golden Section

Atrise工具能讓的視覺設計更符合黃金比例

無需計算,視覺上調節黃金比例分割

Kiriya

萌新搬磚工https://dribbble.com/Kiriya

4151粉絲/58關注

助人為樂
2018設計趨勢【文字教程】8bit像素神器——MagicaVoxel
5
cxy

前面的圖片都看不到了T.T

精彩!

Kiriya

Kiriya

萌新搬磚工https://dribbble.com/Kiriya

助人為樂

掃描二維碼
去手機端查看海報

京ICP備14007358號-1 / 京公網安備11010802014104號 / Powered by 2008-2019 UI.CN

广西福彩官网