要有精通設計的能力，必須先熟練基礎
Before you can master design, you must first master the fundamentals
本文原作者 Jonathan Z. White 是 Airbnb 的 Javascript 工程師。是設計師也是開發者。
上星期，有位讀者問我：要如何成為更好的視覺設計師？
正在思考如何回答這問題時，我的腦內浮現學習漢語 (Mandarin Chinese) 的經驗。最近，我下定決心自學漢語。說到學習新的語言，首先得要從基礎開始。從最基本的名詞、代名詞和動詞型態，到傳達更複雜的想法。
語言是人們互相溝通想法的方式。而視覺設計就是視覺的語言，所以學習視覺設計跟學習新的語言沒什麼不同。
優秀的視覺設計不是與生俱來的 (born)，而是累積的 (made)。成為優秀視覺設計師的關鍵是精確 (rigor)。只有明確知道努力的方向，才能夠以視覺設計師的身分不斷精進。
這裡有些你應該精通的基礎概念，才可以把視覺設計能力帶到更高境界。
基礎 #1：回頭看字體的基本觀念
你可以很清楚從排版 (typography) 來辨別一位設計師。因為字體是設計的根本基礎。
你可以只用字體就完成設計，也能用字體當做基礎，以你選擇的字型細心擺放。為了要讓設計裡的排版更好，就要先從學習基礎開始。
你要知道形容字體的詞彙，學習像是字間 (tracking)、字間微調 (kerning) 還有行距 (leading) 這些名詞。這篇文章 A Beautifully Illustrated Glossary Of Typographic Terms You Should Know 是很棒的視覺學習工具。
接著，如果想要深入了解網站上的排版，請看 Web Typography: The Elements of Typographic Style Applied to the Web。
最後，要學的是如何搭配字型。在 FontWolf 和 FontPair 是很棒的資源。有字型搭配的能力，就會大幅增加設計的活力。
如果想要進一步深入探索排版，可以讀我的另一篇文章：排版可以成就設計⋯也可以毀了設計（英文）。
基礎 #2：利用留白創造平衡
留白 (spacing) 有助於建立作品裡的垂直和水平動態。這在打造視覺階層和元素之間產生關聯很重要。
像是在 Behance 或 Dribbble 可以一直找到如何將元素留白的靈感。但是，要培養使用留白的直覺，才可以有自己的平衡以及視覺和諧。
在研究排版的時候，就可能會注意到字型留白的重要性。調整字型的字間微調和行距是鍛鍊留白眼力的絕佳練習方法。因此，我推薦你試試看 KernType，這個遊戲把你的字間微調跟字體設計師進行比較。
還有另外一個練習可以培養眼力：拿出現有的設計，畫上 x 軸和 y 軸。把設計簡化為基本形狀，接著分析設計是如何達到平衡，然後把元素重新擺放，細心觀察負空間如何影響元素的平衡。
基礎 #3：利用尺寸建立視覺階層
說到打造視覺階層，尺寸絕對是最重要的。利用尺寸大小來傳達元素之間的視覺關聯，就可以建立流程。
尺寸是讓網格有用的原因之一。利用網格，依照比例縮放元素就可以傳達重要性。
一但決定元素的大小，所有參照它 (instance) 的都要一樣。因為，一致性是設計的王道。
這裡有個練習幫助你培養決定尺寸大小的眼力。
而關鍵就在獲得回饋。
用手繪或線稿做個登陸頁面，然後讓朋友看看你的設計。請他們把最明顯的元素圈起來。之後，再把圈起來的元素根據視覺重量排順序。結果有跟你預期的一樣嗎？
在進行此練習的時候，請將這幾個問題銘記在心：
- 此登陸頁面的轉換目標是什麼？你是否還可以進行最佳化，才符合目標？
- 不同元素之間的關聯是什麼？你想要強調哪些元素？
- 版面有成功引導使用者的眼睛看完整個頁面嗎？
基礎 #4：利用顏色傳達意義
顏色扮演很多角色。傳達意義、創造情緒共鳴，還有讓設計一致。
如果要深入研究色彩，可以讀我的文章 Designing in Color。這裡說些文章裡的關鍵重點。
- 選擇顏色搭配 (palette) 之前，先找出設計目的。好的設計跟有目的的顏色搭配是一起出現的。
- 找出你的閱聽眾，因為人們對顏色的理解都不同，會根據個人偏好、成長背景的文化，還有經歷而有不同效果。
- 挑選顏色搭配時，關鍵在簡約 (simplicity)。背景顏色找個溫和適中的，然後選擇主要和次要的風格顏色 (accent color)。最後，根據其他顏色，為不同的 UI 狀態指定錯誤和成功的顏色。
一旦你掌握色彩理論的基礎，就可以不斷實驗和修改 (iteration)。請積極嘗試從沒有想過的新色彩搭配。
這是有助於培養顏色眼力的練習。
花一點時間從你身邊的事物，像是照片、雜誌和最喜歡的影集，取出顏色組合。然後找出現有的設計，把新的色彩搭配套用上去。
把這樣做會如何改變設計的情緒和調性筆記起來。意義也因此改變了嗎？
把你的作品當做是手工藝品，也就永遠都還有改進的地方。請把自己當做成為更好設計師的動力。
身為設計師的你，有什麼樣的精進策略？請留個言，或是在 Twitter 推文給我。
你也可以在 Medium 找到我，或是關注我的 Twitter 帳號，我在那邊會推一些無關緊要的設計、前端開發和 VR 碎碎唸。
如果你喜歡這篇文章的話，可能也會喜歡排版可以成就設計⋯也可以毀了設計（英文）。
後記：如果這篇文章讓你讀起來很舒服，點擊 💚 然後分享給朋友，就是對我最大的鼓勵。
翻譯後記：本篇在字體單元的翻譯是參照 justfont 的文章：[新手村] 什麼是 kerning ？
