麻豆视传媒官网直接进入免费 不該打破的設計規則 - 上篇

在設計中，我們常被允許、鼓勵打破設計規則，這時你至少需要知道這些規則，才能正確的打破它們。

本文列出了一些基本的規則和技巧，從字體、排版到色彩、樣式，涵蓋了大部分設計中常見的錯誤，幫助你在設計中避免它們。

1. 不要忘了字間距。

設計中糟糕的字間距是常犯的錯誤，初期定好恰當的字間距很重要。

字間距是指兩個字母之間的距離，這也許看起來不起眼，但是好的間距會使你的設計更加美觀、有序。

2. 不要為了視覺的美感而忽略文字的可讀性/ 清晰度。

設計的首要任務是與用戶進行信息交流，所以把文字的可讀性和清晰度放在首位是有道理的。

是什么妨礙了文字的可讀性和清晰度呢？我們列舉了如下情況：

文字色與背景色對比不明顯：

需通過提高兩者間的對比度來解決。

濫用大寫字母：

大寫字母在帶給用戶“大聲呼喊”般震撼的同時，也會影響眼睛對字母的辨識度。這是因為當文字都大寫時，每個字母都是相同高度，并且都是相似的方形，而小寫字母的高低不齊更易被辨認。

文字過小：

有時為了讓設計看起來精致，我們會縮小字號，但請換位思考一下，用戶在閱讀這些小字時是否會覺得困難？

有一個方法是找其他人來實際體驗以發現問題，因為我們可以很容易辨認自己設計中的文字，但其他人不會。

千萬不要為了追求美觀，而犧牲與用戶的順暢交流，請謹慎對待你的排版！

3. 文本寬度保持在適合的范圍內。

你是否很吃力的閱讀過一篇文章？或在閱讀過程中一次次迷失在文字的換行中？其實這些都是因為文本寬度設置不當。

文本寬度的黃金數字是：每行不少于6個單詞，且一行大約30～40個字母（包括空格）。過少會導致頻繁換行，過多則會讓句子變的冗長而難以閱讀。

4. 讓文本顯得有層次。

和許多自然法則一樣，一個完善而清晰的結構層次會很有效。

在設計中，視覺元素的組織關系到文字層次，可以凸顯重點信息。因此，重要的部分需要用字號、顏色、字體等方式加以突出，無關緊要的部分就讓他們普通一些。

元素的層級結構在排版中最為明顯，讓我們看一下上圖的實例。左圖邀請函中所有的文字都是相同的字體、字號和粗細，在你快速瀏覽時，重要信息很容易被忽略。右邊的例子則相反，使用了不同字體以拉開層次，并將文字中的重要信息，在顏色、字號和粗細上加以強調，使信息更容易被識別。

請有原因的強調你的文字。

5. 保持單詞間適當的距離。

作為一名設計師，處理文字是一項必要而艱巨的任務。要考慮很多規則和要點，其中一條格外重要：單詞間距和字母間距。這里有兩個主要的參考標準：Tracking 和 Leading。

Leading: 行間距。

Kerning: 兩個特定字母間的距離。

Tracking: 指定區域內，統一的字母間距。

Leading:指每行文字之間的垂直距離。許多因素會影響到行間距，例如字體，文字數量等。有一個經驗：當每行文字都較長時，通常適合更大的行間距。

Kerning & Tracking:

Kerning 值一般是手動調整的，當你遇到大量文本且設計交付時間很緊的情況，沒有時間去手動調整每個字母間距時，Tracking 就派上用場了。Tracking 工具會統一調整整段文字的字母間距，可以很好的規避排版中的過大空隙或不協調行寬。

這里有一個技巧：較大的 Tracking 值對應較長得句子，較小的 Tracking 值對應較短的句子，這樣可以獲得最佳的可讀性。

另一個技巧是：文字較少的段落，最好手動調整字母間距。

當然，這些都取決于實際的字體和情況。

6. 使用正確的對齊方式。

不論你是設計行業的老手還是新人，一定都接觸過對齊工具。

對齊方式有四種：左對齊、右對齊、居中對齊和兩端對齊，讓我們快速瀏覽一下它們的使用規則。

左對齊：最常見的一種對齊方式，之所以常見是有道理的，因為它使文本更易于閱讀，左側邊界整齊而美觀。

在排版難以確定時，用左對齊是最保險的方法。

右對齊：修飾性的文字或某些印刷品中常會用到右對齊，不過它并不適用于大段的文字，因為他違背了人們從左到右的閱讀習慣，參差不齊的左側邊緣會使閱讀更加困難。

居中對齊：很多領域都會運用到居中對齊，如海報、邀請函、logo設計等，它易于保持文字與版面間的均衡，并有助于美觀。它同樣不適用于大段文字，因為邊緣不整齊的文本會造成閱讀困難。

兩端對齊：它有時具有欺騙性，整齊的左右邊界，不正是你想要的完美排版嗎？在某些情況下，兩端對齊是一個不錯得方法，小說的排版就經常用到它。但是它也存在問題，如果一行僅有幾個單詞，它會把文字從左到右生硬得拉開，留下不協調的單詞和字母間距。