設(shè)計師黃金比例指南

2018-10-22 18:30

文章來源：invisionapp

BIGD翻譯整理

好的設(shè)計一直以來都是大眾爭論的焦點,雖然永遠不會有一種放之四海而皆準的方法，但卻有一種具體的數(shù)學(xué)方法可以幫助我們更接近于好的設(shè)計經(jīng)驗：黃金比例旱捧。

黃金比例是你幾乎可以在任何地方找到的數(shù)學(xué)比例，比如自然芬首，建筑枫夺，繪畫和音樂。而當(dāng)專門用于設(shè)計時，它便創(chuàng)造了一種有機的鸿市，平衡的节值，美觀的感官享受徙硅。

在本文中，我們將深入探討黃金比率是什么搞疗，如何計算它嗓蘑，以及如何在設(shè)計中使用它——包括一個方便的工具列表。

yourlocalstudio.dk

什么是黃金比例？

黃金比例桩皿，也稱為黃金分割豌汇、黃金平均數(shù)、神圣比例或希臘字母phi泄隔，黃金比率是一個大約等于1.618的特殊數(shù)拒贱。比例本身來自與神秘的斐波那契序列—— 一個自然出現(xiàn)的數(shù)字序列，它可以在任何地方找到佛嬉，從樹上的樹葉數(shù)量到貝殼的形狀逻澳。

斐波那契序列是它之前的兩個數(shù)的和。它是：0暖呕，1斜做，1，2缰揪，3陨享，5，8钝腺，13抛姑，21等等，到無窮大艳狐。源于這種規(guī)律定硝，希臘人開發(fā)了黃金比例，以更好地表達序列中任意兩個數(shù)字之間的差異毫目。

那這和設(shè)計有什么關(guān)系呢蔬啡？當(dāng)你把一條線分成兩部分，較長的部分(a)除以較小的部分(b)镀虐，等于(a)+(b)除以(a)箱蟆，兩者都等于1.618。而這個公式可以幫助你創(chuàng)建出更賞心悅目的形狀刮便、標志和布局等等空猜。

創(chuàng)建一個黃金矩形

取一個正方形以及和正方形同樣長，但寬為1.618比例的長方形恨旱。

將正方形放在矩形上辈毯，兩個形狀之間的比例就為黃金比例。

如果你繼續(xù)將黃金比例公式應(yīng)用到最右邊的新矩形搜贤，那么你將得到一個由越來越小的正方形組成的圖像谆沃。

如果你在每個方格上畫一個螺旋線，從一個角落開始到另一個角落結(jié)束仪芒，將創(chuàng)建出一條斐波那契序列曲線（也稱為黃金螺旋）唁影。

如何在設(shè)計中使用黃金比例耕陷？

既然數(shù)學(xué)課已經(jīng)結(jié)束，我們又如何將這些知識應(yīng)用到每天的工作中据沈？

以下是在設(shè)計中使用黃金比例的四種方法：

1.排版和定義層次結(jié)構(gòu)

黃金比例可以幫助你確定在網(wǎng)站啃炸，登錄頁面，博客文章甚至平面廣告中使用的標題和正文副本的字體大小卓舵。

假設(shè)你的正文部分是12px。那么將12乘以1.618膀钠，得出的值為19.416掏湾，如果遵循黃金比例并平衡12px正文字體大小的話，那么你的標題文本大小就可以是19px或20px.

反過來同樣肿嘲，如果標題文本為25px融击，則可以將其除以1.618以確定正文文本大小（15或16像素）雳窟。

2.裁剪和調(diào)整圖像大小

裁剪圖像時尊浪，很容易識別要剪切的空白區(qū)域。但是封救，在調(diào)整大小后拇涤，如何確保圖像仍然平衡？你可以使用黃金螺旋線作為圖像構(gòu)圖的指南誉结。

例如鹅士，如果在圖像上疊加黃金螺旋線，則可以確保焦點位于螺旋的中間惩坑。

3.布局

利用黃金比例可以幫助你設(shè)計一個視覺上吸引人的用戶界面掉盅，并引導(dǎo)用戶將注意力放在那些更為重要的部分上。

例如以舒，在左側(cè)突出顯示內(nèi)容的大塊趾痘，右邊的列更窄的頁面可以遵循黃金比例的比例，并幫助您決定將最重要的內(nèi)容放在哪里蔓钟。

4.LOGO創(chuàng)作

如果你正處于Logo創(chuàng)作的瓶頸期永票，那么不妨參考一下黃金比例原則，它可以幫助你勾勒出大致的比例和形狀奋刽。許多流行的logo都遵循黃金比例瓦侮，如Twitter，Apple和百事可樂等等佣谐。

via：Mostafa Amin和Brandology Studio

設(shè)計師Kazi Mohammed Erfan甚至挑戰(zhàn)自己完全基于黃金比例創(chuàng)建了25個新logo肚吏。

（via.Kazi Mohammed Erfan）

幫助您使用黃金比例的工具

有時候并不需要鉛筆和紙張來計算黃金比例 ，有很多工具可以為你工作狭魂。以下五種工具可幫助您在設(shè)計中使用黃金比例：

1.黃金比例計算器

https://www.omnicalculator.com/math/golden-ratio

計算兩側(cè)的較短邊罚攀，較長邊和組合長度以計算黃金比例党觅。

2.goldenRATIO

https://itunes.apple.com/us/app/goldenratio-tool-for-every/id485258055?mt=8

這款應(yīng)用程序?qū)樵O(shè)計師和開發(fā)人員而設(shè)計，可根據(jù)黃金比例為您提供設(shè)計網(wǎng)站斋泄，界面杯瞻，布局等的簡便方法。它包括一個帶有視覺反饋的內(nèi)置計算器和用于存儲屏幕位置和設(shè)置的功能炫掐，因此您無需為每項任務(wù)重新安排黃金比例魁莉。

3.黃金比例排版計算器

https://grtcalculator.com/

輸入您的字體大小和寬度，為您的網(wǎng)站發(fā)現(xiàn)完美的排版募胃。您可以根據(jù)字體大小旗唁，行高，寬度和每行字符進行優(yōu)化痹束。

4.PhiMatrix

https://www.phimatrix.com/

這款Golden Ratio設(shè)計和分析軟件提供可自定義的網(wǎng)格和模板检疫，您可以在任何圖像上疊加，可用于設(shè)計和組合祷嘶，產(chǎn)品設(shè)計屎媳，徽標開發(fā)等。

5.黃金比例草圖資源

https://www.sketchappsources.com/free-source/1190-golden-ratio-sketch-freebie-resource.html

下載黃金螺旋的免費草圖文件论巍，幫助圖像和布局組成烛谊。

開始使用黃金比例

一旦你知道要尋找什么，你就會開始注意到到處都是黃金比例环壤。（不相信我們晒来？看看你的手，甚至你的手指也遵循黃金比例郑现。）人類的眼睛習(xí)慣了看到這個神奇的數(shù)字湃崩，我們潛意識里對它作出了積極的反應(yīng)。

而作為設(shè)計師接箫，我們可以利用這個數(shù)字來獲得優(yōu)勢攒读。哪怕是對裁剪圖像或開發(fā)布局的方式進行微調(diào)，仍然可以顯著地改善用戶與設(shè)計交互的方式辛友。

今天的內(nèi)容到這里就結(jié)束了~

小伙伴們還有什么想法和疑惑薄扁，

記得留言評論哦~

-OVER-