作為內容生產者，要是你的設計水平不夠專業，或者你團隊中的設計人員太忙了，抽不出時間幫你，學習以下這些設計原則，我保證你的設計水平將更上一個檔次。
這些設計經驗來自多年來我對非專業設計者，朋友、家人和學生日常設計實踐的觀察，包括個人新聞簡報、個人簡歷、海報、圖片、視訊縮圖等等。
他們都曾經來向我求助和請教關於如何設計更好的問題。授人以魚不如授人以漁，所以，與其為他們設計東西，不如嘗試給他們一些有價值的、能夠幫助他們以後處理相似問題的建議。
這些小竅門，我一遍又一遍的講給他們聽，雖然每次以不同的方式表達，但總的來說可以歸結為四個原則。
當然，有成千上萬的類似這樣的總結，但我覺得很多對於非專業設計者都嚴重超綱，並不簡單。
這些可以讓你的設計漂亮酷炫嗎？不能。這些可以讓你的設計優秀、清楚、易理解、直觀嗎？絕對可以。所以，廢話不多說，上菜吧。
對比度
確保元素之間有足夠的對比度。
為什麼？因為當不同事物之間有細微差別，而差別又不夠大的時候，會產生一種詭異谷效應[1]。人們會感到詭異、醜陋，難以理解。我們不會想要這種效果，是麼？
元素之間要麼完全相同，要麼全然不同。
對比度的問題主要表現在以下四個方面：
- 顏色：在深顏色上使用淺顏色，反之亦然
例如：永遠不要在深灰色上使用淺灰色，或者淺粉色上使用淺藍色——它們很不容易閱讀。
- 字型大小：元素之間要麼相同，要麼有很大不同。
例如，不要在兩個文字上分別使用32pt和36pt，而是使用18pt和36pt，看起來會更好。
- 字型加粗：和字型大小同理。
例如，不要在兩個元素分別使用加粗和黑色——因為它們看起來很相似。使用不加粗和加粗的字型，看起來會更好。
- 樣式：不要同時使用兩種不同的斜體，或者兩個不同的襯線體，而是組合兩種差異較大的元素。
例如：不要同時使用“Times New Roman” 和 “Georgia” 字型，它們看起來太相似。組合兩個差異較大的字型更好。
一致性
確保相似的元素以相似的方式呈現。
為什麼？ 首先，保持事物一致，人們更容易專注於設計的內容，而不被老是變化的事物分心；其次，一致性提高了內容的可信度，讓內容看起來如其所是，而不是胡拼亂湊的。
一旦選擇了就需要考慮到一致性的屬性：
- 字型
- 顏色/陰影顏色
- 柵格
- 元素的樣式
如此等等……
當很多不同的元素放在一起，例如，油管視訊的縮圖，或者Medium文章的封面，選擇一個全域性樣式然後堅持使用。
奧卡姆的剃刀——如無必要，勿增實體
設計中使用的元素越少越好
為什麼？過載的輸入讓人的大腦難以處理資訊和做決定。使用盡可能少的裝飾（字型、顏色、陰影、框、刪除線、圖示、圖案等等）。
隨處應用奧卡姆的剃刀設計版：
如果兩個元素能做到的事情，就不要用三個。如果十個元素能做到，就不要用二十個。
如果你不喜歡英國繁瑣的老式哲學家的理論[2]，而是更喜歡你在Netflix所看的，像近藤麻理惠那樣做設計——任何不能讓你怦然心動的（設計中沒有用的部分），都可以丟棄[3]——當然也可以。
空間
事物的擺放位置包含了關於它們所含意義的元資訊。
為什麼這一點很重要？因為留意如何擺放和留出多少空間有助於減少設計的複雜性，同時看起來更舒服，而且易於互動。
在設計中使用空間傳達意義注意這三點：
- 鄰近 = 關聯
距離近的事物比距離遠的事物有更大的關聯性。
這一點非常重要，但卻往往容易忽略（即使是人們所認為的專業的設計者，這裡沒有特別要點名任何人的意思）。
這一點可以以很多不同的方式應用，例如：
- 行與行之間的空間要大於每個單詞的空間，同理，段與段之間的空間需要大於行與行之間的空間。
- 元素之間的空白應該少於元素跟邊框之間的空白。
- 標籤和輔助資訊應該位於它們要標註的元素附近。
- 留白
配合奧卡姆的剃刀原則，給你的設計儘可能更多的留白，讓它更乾淨，意義更加明顯。
在一個有限的空間放置過多的元素，就像是在同一時間聽三首歌。這是很難理解要傳達的意思的。
看看蘋果的網站，很容易理解它要傳達什麼。
- 重要性和順序
這一條是非常普遍的常識，但在這裡，我還是要再提一遍。
最重要的部分，你先擺放，讓它佔據最多的空間。使用事物的佇列來傳達順序，等等。你能很明確地知道剩下的部分。
結語
恭喜你閱讀完畢！如果你遵從這些原則來做設計，達到專業水準不是難事。
對於其他的任何事情，都可以用設計者的角度看。
譯註：
- [0] 原文連結：https://www.freecodecamp.org/news/fundamen...
- [1] 詭異谷效應，可參考 https://zh.wikipedia.org/wiki/%E6%81%90%E6...
- [2] 奧卡姆是英國哲學家
- [3] Netflix相關視訊，參見：https://www.netflix.com/title/80209379
- [4] 同步釋出於公眾號「程式設計記」