設計的一般原則（設計的四個基本原則）

2023-09-20 16:52:27

我在上一篇文章《關於網頁排版和文章編輯那些事》的末尾提到一本書叫《寫給大家看的設計書》（英文名 The Non-Designer's Design Book ）。這是一本實用性遠大於理論性的設計書。書如其名，即使是沒有受過設計專業教育的人也能從中學到非常實用的設計理念和方法。不管你是剛入行的設計獅、產品狗還是跟我一樣前臺端盤子的，這本書都值得你去讀一讀。

本書作者首先通過講述一個小故事來闡述一個很重要的概念：

一旦你能夠說出什麼東西的名字，就會很容易注意到它。你就會掌握它，擁有它，使它在你的控制之中。當我們沒用聽說過一些設計的概念，我們就很難會注意到一個設計作品上的問題、缺漏，更不可能做出良好的設計。

細心品味這句話。

四大基本原則

1. 對比（Contrast）

對比的基本思想就是要避免頁面上的元素太過相似。如果元素（字體、顏色、大小、線寬、形狀、空間等）不相同，那就乾脆讓它們截然不同。對比能夠讓訊息更準確的傳達，內容更容易的被找到、被記住。如果你想讓對比效果更明顯，就一定要大膽，不要讓兩種顏色看起來好像差不錯又不一樣。當然也不要在同一個頁面使用太多種字體。

2. 重複（Repetition）

重複的目的就是「一致性」，讓設計中的視覺要素在整個作品中重複出現。可以重複顏色、形狀、材質、空間關係、線寬、材質、空間等。這樣一來既能增加條理性，又能增加統一性。

3. 對齊（Alignment）

任何東西都不能在頁面上隨意安放。每個元素都應當與頁面上的另一個元素有某種視覺聯繫。這樣能夠建立一種清晰、精巧而清爽的外觀，提升可讀性。避免一個頁面上混用多種對其模式，也就是不要有一些置左，有一些置右。儘量避免使用居中對齊，除非是比較正式、穩重的設計（別動不動就讓什麼都居中，有些時候居中是一種很土的對齊方式）。

4. 親密性（Proximity）

彼此相關的項應當靠近，歸組在一起。如果多個項相互之間存在很近的親密性，它們就會成為一個視覺單元，而不是多個孤立的元素。這有助於組織信息，減少混亂，為讀者提供清晰的結構。

我的感悟

Robin（本書作者）所提出的設計的四大基本原則雖然看似簡單，卻是其他設計理論的基礎。比如單就網頁的文章排版來說，遵從這四個基本原則，就完全可以做出一個比較好的頁面排版效果。 所以，不論你是從事傳統的平面版式設計，還是當今流行的Web設計，不論是現在還是今後，它都具有實際的指導意義。

然而知易行難，只有在平時的生活、工作和學習中多留心、多思考、多實踐、多總結，才能真正領會本書的真正用心，提高一點審美品味和設計的基本能力。

如果說文章是作者和讀者之間的一座橋梁，那麼糟糕的排版設計就是一條獨木橋，而好的排版設計是寬闊堅實的現代化大橋。我覺得，所謂好的閱讀體驗無外乎兩點，一是內容的易讀性，一是信息儘量準確無誤的傳達。而好的排版設計，也應該實現這兩點。

,