大小，對比度和平衡-看不見的力量：網頁設計網格系列

這是關於設計中的「看不見的力量」的三部分系列文章中的第二篇。在之前的文章中，我們了解了如何使用對齊來創建方向和重點。在本文中，我們將了解如何處理尺寸變化可以創造對比和平衡，並幫助您的設計更清晰地溝通。

更大的東西看起來更重要

很明顯，當你製作一個更大的元素時，它往往比小元素更重要。

但是，這需要與影響視覺層次的其他因素一起考慮。例如，這兩個元素的重要性大致相同，因為它們的大小相同：

如果有的話，你會看到底部元素之前的頂部元素。

但是如果你讓底層元素比頂層元素更大，它會顯得更重要。

然而，其他的東西，如視覺重量（你使用粗體或淡字體）還是顏色對比，都可以扭轉較大尺寸的效果。

在這個例子中，較輕的元素看起來不那麼重要，即使它更大。

但僅僅通過給出同樣的插圖一個黑暗的背景，現在更輕（更大）的元素是佔主導地位的，這要歸功於它比背景更多地比較小的元素。

進行有意義的尺寸更改

特別是在設計今日時代的小屏幕時，您應該隨意使用尺寸更改。如果沒有必要，將字體設置得更大 - 從而佔用寶貴的屏幕空間是毫無意義的。

只要有可能，你可以使用上面提到的因素來改變你的視覺層次結構，但遲早你需要做一件比另一件更大的事情。只是不要隨意做。

看看這些不同的元素，每一個都比以前更大。

現在，更清楚地給你看：布局，還是這個？

第二個例子中的元素的大小基於不同的比例。每種字體大小都與下一個最小大小有關，因為它與較大大小相關的數學關係相同。

不同規模的字體大小具有相互成比例的關係。比例有助於使您設計的部分看起來像它們一起。

您可以在MailChimp徽標中看到實際比例。

構成黑猩猩特徵的每個圓圈相互之間的相關係數為0.75。例如，構成腹部區域的圓形是構成身體的圓形的大小的0.75倍。設計這個標誌的公司Hicks Design就是這麼做的！

不要被傻瓜的黃金愚弄

你們中的許多人可能正在考慮所謂的「黃金比例」，這會引起很多炒作。黃金比例大致為1：1.618。是的，如果黑猩猩是基於黃金比例的話，它仍然很有吸引力，但它在客觀上不會更有吸引力。儘管炒作，但沒有證據表明黃金比例比其他流行比例如0.75，或.67更具吸引力。

為了說明這一點，我曾經對我的電子郵件列表進行了調查，了解他們發現哪些矩形更具吸引力。其中一個是正方形，另一個是.75矩形，另一個是.67矩形，另一個是「金」矩形。哪個矩形看起來最吸引你？

這裡是投票結果：

左上角（方形）：8％

右上角（3：4矩形）：29％

左下（2：3矩形）：37％

右下（「黃金」比例）：25％

正如你所看到的，所謂的黃金矩形表現得非常好，但它並不是最有吸引力的矩形。

在這種情況下，2：3的長方形贏了，但不要太多地閱讀。問題是，從黃金比例到3：4的任何事情都會比一個方塊更有吸引力。

您可以使用這些知識使您的版式美觀，並且節省時間，如果您使用預先設定的印刷版的不同比例。

例如，這些是我經常使用的字體大小。每個尺寸大致是以前尺寸的0.75倍（稍微舍入）。

使用0.75級而不是黃金比例的副作用是數學在你的腦海中要容易得多：什麼是16的75％？簡單！什麼是16的61.8％？Errr。

結論

通過考慮你所做的尺寸變化，你的設計看起來會更乾淨，更清晰，同時變得更加實用，並且變得更好。如果你使用不同的規模，你可以更快地做出優秀的設計！

在本系列的最後一篇文章中，我們將學習如何通過對齊和調整大小來塑造頁面，並考慮您的空白空間，這有助於您的設計更加清晰。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！