Robin Williams 的《The Non-Designer’s Design Book（非設計師的設計書）》副標題是「給視覺新手的設計與排版原則」。這本書不是要把你培養成平面設計師，而是寫給那些「日常工作裡不得不自己做設計的人」——行政助理、老師、小型創業者、寫報告的學生、要做簡報的上班族。
作者的承諾很單純：你不需要唸設計系，也能讓自己的作品看起來更專業、好讀、可信。
一、從 Joshua Tree 開始：先學會「叫出名字」
書一開始，Williams 講了一個很好記的故事。她收到一本樹種圖鑑，翻到第一頁是長得很奇怪的 Joshua tree。她心想：「我們家這裡根本沒有這種樹，我一定一眼就認得出來。」結果走出家門一看——住家巷口六戶裡有四戶種了 Joshua tree，附近街區大概八成的房子門口都有。她卻住了十幾年都「沒看見」過。
她的結論是：
一旦你能替某件事「命名」，你就會開始意識到它，並且到處都看見它。
設計也是一樣。很多時候我們知道一個版面「哪裡怪怪的」，但說不上來問題在哪裡，所以也不知道怎麼改。《非設計師的設計書》做的事，就是幫我們把這些直覺拆解成可以被命名的原則，讓你對設計有掌控感。
二、四大設計原則總覽：版面不是憑感覺堆出來的
Williams 把大部分的版面問題，整理成四個核心原則：對比（Contrast）、重複（Repetition）、對齊（Alignment）、接近（Proximity）。
書中對四大原則的精簡定義大致可以整理成：
- 對比（Contrast） 如果兩個元素不相同，就讓它們「差很多」。差一點點反而會顯得彆扭。對比通常是版面最吸睛的地方，也是幫助閱讀的關鍵。
- 重複（Repetition） 在整份作品中重複使用某些視覺元素，例如顏色、字型、線條、圖形、間距。重複會建立秩序與整體感，也是「品牌感」的來源。
- 對齊（Alignment） 版面上不應該有任何東西是隨便放的。每一個元素都要和其他東西產生某種視覺連結，讓畫面看起來有共同的結構。
- 接近（Proximity） 彼此相關的資訊要放靠近，讓它們形成一個視覺單位；不相關的就拉開距離。這樣讀者一眼就看得出來結構與層次。
書裡也提醒，這四個原則幾乎不會單獨出現，而是一起作用。你調整接近時，通常也會順便調整對齊；加強重複時，往往會放大對比。
以下我就以「新版面新手」的角度，把四個原則拆開來談，並加入一些自己的實作觀察。
三、接近（Proximity）：把東西放對位置，比放滿重要
1. 定義與目的
Williams 把接近原則講得很白：相關的東西要靠近，沒有關係的就不要擠在一起。
在她看來，很多新手設計最大的問題不是字不漂亮，而是「資訊散落各處」，好像很怕空白，所以把每個角落塞滿。結果就是讀者不知道從哪裡開始看，也不知道自己看完了沒。
接近的目的很單純：
- 幫讀者整理資訊邏輯
- 讓版面看起來俐落且有結構
- 自然形成一個清楚的閱讀路徑
2. 書中的典型例子
書裡有好幾個例子，最經典的是名片與餐廳菜單：
- 原始版本： 聯絡人名字、職稱、電話、Email、地址分散在四個角落，看起來像五六個互不相干的小島。讀者的視線在卡片上到處跳，沒有明確的起點與終點。
- 調整後版本： 把名字與職稱放在一起，聯絡方式聚成一塊，彼此之間留出明顯空隙。讀者一拿到名片，很自然就先看到名字，再往下掃到電話與 Email，閱讀路線變得非常直覺。
在餐廳菜單的例子裡，只是把各道菜之間的行距拉開、把菜名與說明排成一組、把價錢對齊，就能從「一整坨難讀文字」變成「可以迅速找到想點的菜」。
3. 新手常犯的錯
- 每一行之間都用一樣的間距，導致標題看起來跟內文一樣。
- 小標題和其對應內容距離太遠，反而跟上面一段「黏」在一起。
- 把不相干的資訊硬湊在同一塊，像是把「公司地址」塞進活動報名資訊中間。
4. 實作建議
你可以試試以下步驟：
- 先在紙上畫群組，不要急著開設計軟體。 把所有要呈現的資訊寫成條列，先圈出「哪些是同一組」。
- 在版面上，讓每一組變成一個視覺方塊。 組內行距可以比較緊，組與組之間的距離要明顯拉開。
- 學會用「段前、段後距離」而不是狂按 Enter。 這樣你才能精準控制每一組的間距，也比較好之後做整體調整。
- 眯起眼睛，只看「灰白塊」而不是文字。 如果你一眼看過去分不清有哪些群組，代表接近還不夠清楚。
四、對齊（Alignment）：不要再讓元素隨便漂浮
1. 定義與目的
對齊原則很像版面裡的「重力」：任何元素都不應該是隨便放的，每一個東西都要和其他元素對上某條看不見的線。
當你把東西對齊之後，就像把客廳裡散落的玩具全部收進玩具箱——空間變得安靜、有秩序，讀者會有一種「有人好好整理過」的安心感。
2. 為什麼「全部置中」會看起來像作業
新手最愛的選項就是「置中」。Williams 不是否定置中，而是提醒：
- 置中的邊緣是「軟的」，左邊右邊都凹凸不平，所以對齊線比較不明顯。
- 如果標題置中、內文卻靠左、圖片也各自對齊自己的邊，整體會顯得凌亂。
她建議新手先暫時把「置中」從選項拿掉，多練習只有一種主對齊方式（例如全部靠左），等到對齊感建立起來，再回頭玩置中的變化。
3. 書中的示範
- 在「報告封面」的例子裡，只是把原本置中的標題改成靠左，作者名字拉到同一條垂直線上，整個封面立刻從「學生作業」變成「正式報告」。
- 在「新聞稿版型」的例子中，她把原本各自為政的標題、內文、圖片、說明文字全都對齊到同一條邊線，畫面立刻安靜很多，也更好讀。
4. 實作建議
- 選一條你要「堅持到底」的主對齊線。 例如整份文件左邊都對齊一條豎直線；有圖片時，圖片邊緣也跟那條線對上。
- 檢查每一個元素是不是有對到什麼。 如果有東西在版面上「孤零零地漂浮」，通常就是該移動或刪掉。
- 避免同一頁出現太多對齊方式。 典型地雷：標題置中、內文靠左、註腳又靠右，讀者視線會很難安定。
- 偶爾可以「刻意打破」對齊，但要打得非常明顯。 當整份東西都有強烈對齊感時，你刻意讓某張圖或標題斜著擺，反而會很有設計感——前提是其餘地方真的都有好好對齊。
五、重複（Repetition）：一致性，就是設計感的來源
1. 定義與目的
重複原則是：刻意在整份作品裡重複某些視覺元素——不管是顏色、字型、線條、圖案、邊框、圖示風格，甚至是段落的間距。
它的功能有三個：
- 建立整體感，讓讀者一眼看出這些頁面屬於同一個系列。
- 幫助閱讀，例如每一種層級的標題都長得一樣，讀者更容易掃描。
- 形成「品牌」，讓名片、信紙、簡報、海報看起來是同一個人或同一家公司做的。
2. 書中的示範
書裡在談履歷、名片與信紙設計時，都強調一件事：不要只做單一作品，要當成「整套識別系統」來設計。
例如：
- 履歷中的小黑方塊條列符號，可以延伸到自我介紹簡報裡。
- 信紙上用的細橫線，變化粗細後也可以出現在名片與簡報標題區。
重點不是每一個元素都「長得一模一樣」，而是讀者一看就能感覺到：這些東西是同一個世界觀出來的。
3. 實作建議
- 先選兩到三個核心元素要重複：
- 一組標題字型＋大小
- 一個主色＋一個輔色
- 一種圖示風格或外框形狀
- 在所有素材裡都用這幾個元素： 簡報封面、投影片小標、海報標語、EDM 按鈕、社群貼文版頭，都盡量用同一套設定。
- 延伸而不是複製貼上： 例如主色可以有不同明度，圖案可以放大、縮小、旋轉，只要讀者能辨認出「是同一個東西的變化」即可。
六、對比（Contrast）：敢「差很多」，畫面才會有重點
1. 定義與目的
對比原則的核心是：如果兩個東西不一樣，就讓它們非常不一樣。
很多版面看起來「軟趴趴」，是因為所有元素都差不多——標題只比內文大一點點、顏色只比背景稍微深一點點、粗體和細體差異不明顯。讀者很難知道重點在哪裡。
對比做得好，會達到兩個效果：
- 讓人一眼看到最重要的資訊。
- 讓整個畫面更有活力，不會霧霧的。
2. 可運用的對比類型
Williams 在後面談到字體時，提到幾種實用的對比方式，你可以簡單理解為：
- 大小對比：標題比內文大很多（例如 32pt vs 12pt），而不是只差 2pt。
- 粗細對比：粗體 vs 薄體、實線 vs 細線。
- 字體結構對比：無襯線搭配有襯線，而不是兩個長得很像的字型。
- 顏色對比：深色搭配淺色、冷色搭配暖色。
- 空間對比：有的地方非常緊密，有的地方留出大片留白。
3. 實作建議
- 先問自己：「哪一塊是讀者一定要先看到的？」 那一塊就給它最強的對比——最大字、最深色、或最突出的形狀。
- 避免「只有一點點」的對比。 如果你把標題從 16pt 改成 18pt，讀者不會有感；改成 28pt 才會看出差異。
- 對比要有秩序，不是每個地方都在搶戲。 通常只有一兩個元素可以「很吵」，其他地方要相對安靜，版面才穩。
七、四大原則如何一起工作：從「排版」變成「設計」
實務上，你很難只用一個原則。Williams 會在每個例子裡示範：先用接近整理資訊 → 再用對齊建立結構 → 用重複創造整體 → 最後用對比拉出重點。
以一張活動海報為例，操作流程可以是：
- 先把資訊分組（接近） 活動名稱、時間地點、主辦單位、報名方式、說明文字，各自成一塊。
- 決定主對齊線（對齊） 例如全部靠左，標題、內文、按鈕、Logo 都對上同一條垂直線。
- 選擇要貫穿所有素材的元素（重複） 例如主視覺使用某個幾何圖形，那就讓小標、按鈕、圖示都延伸這個形狀。
- 最後放大差異（對比） 活動名稱用最大字＋最深色；時間地點用次大的字；其他說明文字就安靜一點。
你會發現，當四個原則有意識地一起運作時，「設計感」其實是一種可被拆解的技術，而不是天份。
八、如何練出自己的 Designer Eye
Williams 在書裡一直提醒讀者要練一種「設計眼」，她會在版型旁邊放上 Train your Designer Eye 的小作業，要你自己找出版面前後版本之間的差異。
你可以把這樣的練習帶到日常生活裡：
- 每天看一兩張海報或簡報，問自己：
- 哪裡的接近做得好／不好？
- 對齊是不是亂掉？
- 有沒有明顯的重複元素？
- 對比是不是太弱或太吵？
- 拿現有作品動手重排。 不必從零開始創作，只要找一張你覺得醜的傳單、菜單或簡報頁，嘗試只用四大原則做「微整形」。
- 在自己的日常工作裡刻意實驗。 寫 email、做會議紀錄、整理教學講義時，就順便套用接近與對齊；做簡報或社群貼文時，刻意練習重複與對比。
結語：設計感，其實是一套可以學會的語言
對我來說，《The Non-Designer’s Design Book》最有價值的地方，不是教了多少「設計技巧」，而是讓人理解：
- 設計不是憑直覺堆疊裝飾，而是一套非常清楚的溝通語言；
- 只要記住「接近、對齊、重複、對比」四個關鍵字，你就有一套可以檢查自己作品的 checklist；
- 每一次修改版面，都是在訓練自己辨識結構、排序重點、安排資訊的能力。
如果你平常需要做簡報、寫教案、排海報或規劃線上課程，我會很推薦把這本書當成桌上的「隨身參考手冊」，一邊看一邊對照自己的作品。只要願意多套用幾次，你會發現：
原來「看起來很有設計感」這件事，其實可以一步一步被拆解、練習，而且——真的，設計新手也能掌握。
發佈留言