圖解設計的原理

根據國外專業媒體統計，
好的設計可以幫產品：
「提高500％的接觸率」，
「增加300％的好感度」！
因此培養能分辨好設計、壞設計的「設計師之眼」，
是21世紀最該具備的技能！
「設計」無所不在。
好的設計，能吸引目光，引領商機。
壞的設計，讓好的產品都跌到谷底。
在這個講究「美學」與「創意」的時代，
能分辨出什麼是好設計、什麼是壞設計的人，
才具備想像力、創造力與實踐力！
今天，
你只要掌握四大「設計的原理」，
就能培養「設計師之眼」，
一眼看穿好設計、壞設計！
因為簡單，所以一定要會！
用最基本的四大原理，做出最吸睛的設計！

設計無所不在，
只要你做的事情與「文字、圖片、傳遞訊息」有關，
舉凡書面報告、電腦簡報、廣告傳單、宣傳圖片……，
都需要了解「設計的原理」。
> 喚起你的設計魂！
好設計的關鍵不在華麗的設計技巧，而在於如何清楚將訊息傳遞給對方知道。只要掌握設計的4大原理，就能用最基礎的架構，做出最吸睛的設計！

就算不是設計師，也要懂設計。
其實只要把祕密說穿了，每個人都可以當設計師！
> 零美感，零經驗適用！
不管你是要發表提案的上班族、要發廣告單的店老闆、還是經營網路商店的創業者，只要掌握60個設計要點，就能一出手就吸引對方的目光，讓人不注意都難！

就算零美感、零經驗，
也能用最基本的四大原理，做出最吸睛的設計！
> 「字體選用」的原理
選擇容易閱讀的理想字體；運用數字與符號，美化並強調訊息……等
> 「段落配置」的原理
調整字距與行距，提升易讀性；利用副標的設計，突顯重點訊息……等
> 「圖片配置」的原理
以圖片搭配文字，吸引人家閱讀；用辦公軟體，做出各式統計圖表……等
> 「版式設計」的原理
把複雜的內容簡單化；避免過度的設計，影響閱讀的方便性……等

作者簡介
高橋佑磨
1983年出生於日本東京都武藏野市。
2010筑波大學生命環境科學研究所畢業，取得理學博士。
現在則於千葉大學理學研究所擔任助教，專攻演化生物學、研究生物多樣性的構造與功能。
為了讓製作研究發表資料所必需具備的設計know-how普及化而經營「伝わるデザイン｜研究発表のユニバーサルデザイン」網站（http://tsutawarudesign.web.fc2.com/）。

片山なつ
1983年出生於日本京都府宮津市。
筑波大學（大學部）、東京大學（研究所碩士班）、2012年畢業於金沢大學自然科學研究所畢業，取得理學博士。
現在為日本女子大學學術研究員、日本學術振興會特別研究員（PD），研究奇特樣態植物的演化過程與多樣化構造。
自學生時代起即開始經營「伝わるデザイン｜研究発表のユニバーサルデザイン」網站。

譯者簡介
劉小鳳
臺灣大學圖書資訊學系畢。
喜歡日本、努力學習日文，目標成為專業筆譯者。

譯作
《日本職人世代傳承的醬料大全》、《女孩們的露營：30分鐘7個步驟，輕巧、可愛、好好玩！》、《五星主廚的雞料理教科書：一次學會刀工、料理、做出獨一無二的個人風味餐》、《日本神人主廚の究極牛豬料理：一次學會171道五星級餐廳的牛豬料理》（不求人文化）。

個人都該懂的設計原理

▓ 非自我滿足，而是要為讀者著想
商業用途或是工作、教育、研究場合中，絕對有很多製作文書資料的機會，有許多人直接使用Word或是PowerPoint軟體的初始設定，也可能使用難以閱讀的字型、任意地編排設計、無論什麼全都加以強調、過度使用個人偏好的色彩進行裝飾。這種自我中心的文書資料會在意想不到之處造成讀者的負擔及壓力，雖然每個缺失造成的負擔並不大，但積沙成塔，最終會成為難以理解且印象惡劣的文書資料。
文書資料設計是有其「規則」的，而為了避免成為「糟糕資料」，學習規則是不可或缺的。遵循規則、將資訊進行編排設計，一個個地減少閱讀者負擔的話，就能完成不分對象都能輕易理解的「完美資料」，製作完美資料就是對於閱讀者的「著想」及傳達溝通的「規矩」。

培養「設計師之眼」
作者序
第一章 字體選用的原理
1-1 字體的基本知識
[Column] 字體字型的預備知識
1-2 避免使用特殊字體
[Column] 有效地使用字體
1-3 易讀取向的字體選擇
1-4 吸引取向的字體選擇
[Column] 字面、外觀及易讀性
1-5 選擇理想的字型
[Technic] 字型的互換性與嵌入
1-6 選擇判讀性較高的字型
[Column] 通用設計字型
1-7 粗體與斜體的使用方式
[Column] 免費字型
[Column] 字型安裝
1-8 字型推薦
1-9 歐文字型的使用方式
1-10 混合使用日文與歐文的文件
[Technic] PowerPoint 的字型更換
1-11 數字的強調方式
[Column] 利用合字更加美觀
1-12 標點符號的使用方式
[Column] 似是而非的標點符號
1-13 不扭曲與過度裝飾文字
[Technic] 描邊字更加易讀
注意要點

第二章 段落配置的原理
2-1 文字配置
[Column] 避頭尾規則
2-2 文字大小與粗細
2-3 行距調整
[Technic] MS Office 之行距調整
[Column] MS Office 行距設定為歐文使用
2-4 字距調整
[Column] 調整字寬、提高易讀性
[Technic] 隨心所欲調整字寬
2-5 行首靠左對齊
[Column] 歐文的左右對齊
[Column] 日文文章中的數字或英文
2-6 項目編排方式
[Technic] 編輯項目標題
2-7 副標題的設計
2-8 利用段落間距提升易讀性
2-9 注意換行位置
[Technic] 在喜好的位置換行
[Technic] 不聽使喚的文字方塊
2-10 縮排的必要性!?
2-11 單行長度勿過長
[Technic] 複製文字格式
2-12 分欄以節省頁面與時間
注意要點

第三章 圖片配置的原理
3-1 利用圖解更易理解
3-2 活用外框
3-3 小心使用圓角矩形
[Technic] 修正並統一圓角矩形的圓弧度
3-4 圖案的填滿與線條
3-5 箭號圖案的使用方式
[Column] 活用既有圖案
3-6 框線與文字的組合
[Technic] 留白編輯方式
3-7 使圖解易讀且美觀
3-8 圖像的基本知識
[Column] 圖像編輯軟體
3-9 點陣圖檔的使用方式
[Technic] MS Office 裁剪與移除背景
3-10 向量圖檔的構造
[Technic] 以MS Office 編輯向量圖像
3-11 圖片內加註說明
3-12 數值資料的表示方式
3-13 圖表的製作方式
3-14 圖表的應用
[Technic] 編輯Excel 圖表
[Column] 統一Excel 圖表設計
3-15 表格的製作方式
[Technic] 儲存格內設定留白
注意要點

第四章 版式設計的原理
4-0 編排設計之目的與5 大法則
4-1 法則1 ──充足的留白
4-2 法則2 ──對齊配置
[Technic] 項目對齊
[Technic] 利用輔助線
[Column] 整合無確切輪廓之圖形
4-3 法則3 ──群組化
[Column] 適當地置入說明
4-4 法則4 ──建立強弱感
[Column] 提升躍動率以建立強弱感
[Column] 過度強調會消除強弱感
4-5 法則5 ──重複格式
4-6 配合資料架構編排
4-7 配合視覺動線編排
4-8 照片或圖片的編排方式
[Technic] 利用Shift 鍵移動與變形
[Technic] 插入圖片與文字繞圖
4-9 降低多餘的雜訊
4-10 避免過度的外框與圓角
[Column] 利用焦點設計增添魅力
4-11 配色的基本原則
4-12 選色的基本原則
4-13 色彩的組合
4-14 文字色與背景色的組合
4-15 色彩的決定方式
[Column] 利用灰色文字提升可讀性
4-16 色覺無障礙化
[Technic] 色彩組合的評價
注意要點

第五章 實踐
5-0 堅守規則
5-1 簡報用的投影片
[Column] 色彩模式
[Technic] PowerPoint 的投影片母片
5-2 企畫書或海報的發表資料
[Column] 使用照片為背景時需謹慎
5-3 文章為主體的文件
[Column] 封面的均衡感
[Column] 印刷注意事項
[Technic] Word 樣式功能
[Column] 單色印刷的修正
5-4 公告或傳單
[Technic] 以Word 製作三折頁

索引

設計不只是表面功夫
在意文書資料的外觀或設計，往往會被認為只是追求表面功夫，但這實際上是非常本質性的問題。說話容易了解的人與說話難以了解的人之間的差異，就在於其話語是否具有邏輯性與秩序感；而容易理解的資料與難以理解的資料之間的差異也是相同的，希望傳達的內容架構（邏輯）將會反映在資料外觀的物理架構（編排）。也就是說，在製作容易理解的資料時，編排設計是最重要的要素。為了進行編排設計，必須要能夠正確地掌握區分重要資訊或多餘資訊，並且正確地理解各個項目之間的連結關係，也需要確實地選擇取捨資訊。簡而言之，在意資料外觀而配合想要傳達的內容進一步地整理資料，這是非常本質性的作業。為了閱讀者著想並認真地思考資訊的設計方式，並非只是表面功夫，而是本質性的注意事項。

▓ 具傳達力的設計有一定規則
實際在商業用途或研究發表時，為了能夠正確地傳達資訊，相關資料必須包含一定程度數量的資訊（文章或圖表），愈是這類型的資料，編排設計的重要性及其效果就愈為提高。
由於接收者為人們，即使職業或用語不同，但是對於外觀及易讀性的感受則大致相同；本書將向大家說明為了盡可能地最大化「可傳達性」（也就是「易讀性、外觀、容易理解程度」）的「傳達設計的基礎」，其中當然包含有一般的設計規則，也會介紹非設計人士的作者由累積經驗所獲取之「對於非設計者的有用規則」。
遵循此規則整理資訊的話，不只是「變得容易傳達的資料」，而是可以更進一步製作成為「具有吸引力的資料」；只要能夠理解規則，就能夠省去在設計編排時反覆嘗試錯誤花費的時間與勞力，進而提昇效率及產能。學習「傳達設計的基礎」相關規則可說是一石三鳥。

▓ 「傳達設計」的四大效果
若是好好完成資料設計的話，就可以「效率、正確地傳達資訊」，甚至能夠完成外觀相當具有吸引力的文書資料，並且做到「為讀者著想」；然而，影響效果不只如此，最重要的就是「自己腦中思緒也經過整理並簡潔化」。
此外，若能將質量優良的文書資料普及化，會議與討論場合的溝通就能更順暢，而溝通的順暢度與效率化必然會影響團體整體、公司整體、學會整體的發展。因此，資料的傳達設計具備有「變得容易傳達」、「為讀者考量著想」、「將個人想法簡潔化」、「提升團體整體發展」四大效果。

▓ 本書目標
本書所說明之設計規則，則是以「是否
容易傳達」之標準為最優先，而非豐富、美
觀或者躍動感等要素。首先將介紹文字、文
章或圖表等、文書資料主要構成要素的相關
規則，接下來則再介紹組合編排所有要素的
原理。
第1章將針對看起來不太重要、實際上非常關鍵的「字體選用」進行詳細說明，接著依序解說第2章「段落配置」、第3章「圖片、圖表的配置」、第4章「版式設計與配色」等相關原則；這些規則對於簡報資料、公告、傳單、報告書、新聞稿等文書資料製作都非常有用。
遵守規則（規矩）的作法，不代表必須規格化或是得要刪除個性化部分，而本書所介紹的相關規矩，都是即便要發揮個性化也必須遵守的，在遵守規矩的前提下展現個人風格，更能夠完成有個性且具效果的文書資料。學習「可傳達設計」之規則，就能向「難以閱讀」或是「自我陶醉資料」說再見！