這樣Ｏ那樣Ｘ馬上學會好設計－初學者的好書推薦（上）
我是Lena，這是我 2018 年時自學設計時發布的第一篇文章，搬家後把內容也保留了下來。
自學的路上不斷地爬文，找尋任何能獲取知識、技巧與經驗分享的管道，也讀了一些和設計相關的書籍，這篇文章的主角—這樣Ｏ那樣Ｘ馬上學會好設計，想以初學者的角度和大家分享關於此書的心得筆記，寫這篇文的同時，我也再次複習了這本書的內容。
這本書章節清晰，每一篇幅都不會太長，圖片很多，書上提及的內容都能有相稱的圖片解說，方便讀者對照理解，也更加深印象。以下會依章節紀錄分享我的心得筆記。
CH1. 開始設計之前
設計只是完成作品的方法，而非目標。設計開始前，最重要的是事先確定「設計目的」，因此先得整理手上擁有的資訊，了解目標對象的特質。
自問「為什麼要製作這個？」來確定設計的目的，再依目標對象角度設想並條列整理資訊。
- 何時（When）
- 何人（Who）
- 在哪裡（Where）
- 做什麼（What）
- 怎麼做（How）
- 目的為何
- 結果
以店家週年慶活動為例我們可整理出：
- 何時：活動日期、時間
- 何人：某店家
- 在哪裡：店家位置
- 做什麼：週年慶活動
- 怎麼做：發放傳單
- 目的：宣傳活動與促銷訊息
- 結果：吸引顧客來店
基於以上整理，再加以安排優先順序，將必要資訊傳達給目標對象。
CH2. 版面編排的基本法則
版面率影響版面印象。本章節提及版心設定、網格應用、對齊、出血配置、留白及黃金比例等等的相關法則，以下提出其中幾個篇幅與大家分享。
一、版心與邊界
「版心」是指「文字內容與照片、插圖等要素的配置區域」，也稱為「版口」，而沒有配置這些要素的區域則稱為「邊界」或「留白」。
而版心佔整個頁面的比例，即稱為「版面率」。根據需要刊載的資訊量多寡，可以分為兩種類型：
- 刊載資訊量較多：版面率高
- 刊載資訊量較少：版面率低
而帶給目標對象的印象也截然不同：版面率高給予目標對象相對熱鬧、歡樂的印象；版面率低則較成熟、穩重，賦予高質感。
二、群組化（接近律）
其也可稱為「親密性」，將具有相同意義或作用的要素放置在鄰近的位置，能夠提高閱讀的容易性，使目標對象直覺地理解內容。
圖一、群組化示範（來源：自行整理）
以名片為例，上圖左方案例將資訊混雜在一起，使其較難理解；右方案例將資訊以「公司」、「個人」、「聯絡資訊」分別，並間隔群組使其閱讀及傳達上更容易。
三、對齊
對齊在設計中是非常重要的原則，整齊的事物本能地讓人覺得舒服與美觀，當然也有為了在版面增添動感而採用「刻意」不對齊的手法，在此篇不另外提及。對齊手法可分為：居中對齊、靠左對齊、靠右對齊。
四、對比
對比可以運用於文字大小間、圖與文、色彩、密度高與留白之間，對比的重點是：清楚凸顯想要強調的要素，避免曖昧不明的差異。
圖二、對比示範（來源：自行整理）
以文字大小對比為例，上圖左方第一眼較難了解重點資訊；右方案例則將促銷重點突出，增加易讀性。
五、重複
重複能夠產生統一感，將相同的設計原則套用在同樣性質的要素，營造出規則性與整合感。
無論是運用相同的字體、字級、顏色或框線等，都能使看起來更一致，常見於商品目錄等設計。
CH3. 照片與圖像
除了依據欲傳達的目的挑選適合的照片圖像外，如何運用及裁切也會影響整體給人的感覺，以下同樣提出幾個篇幅作分享。
一、照片的基本編排
1.非滿版配置
適用於文字要素較多的情況，而其中分成多種編排方法，若圖像呈現矩形，通常可表達穩重感；也可運用去背方式處理照片，凸顯主體，添加一點躍動感。
2.滿版出血
將照片填滿版面的編排方法，適用於文字要素較少的情況。
二、照片的關聯性
若需編排多張照片，且照片的重要度相等時，照片主體的大小一致能增加易讀性，固定視覺動線，常見於菜單、商品目錄等多物件的設計。
因為篇幅關係，剩下的章節會整理在下一篇文章（到時會在此篇附上連結），謝謝大家。
