圖解設計的原理：培養「設計師之眼」，一眼看穿好設計、壞設計！

根據國外專業媒體統計， 好的設計可以幫產品： 「提高500％的接觸率」， 「增加300％的好感度」！ 因此培養能分辨好設計、壞設計的「設計師之眼」， 是21世紀最該具備的技能！ 「設計」無所不在。 好的設計，能吸引目光，引領商機。 壞的設計，讓好的產品都跌到谷底。 在這個講究「美學」與「創意」的時代， 能分辨出什麼是好設計、什麼是壞設計的人， 才具備想像力、創造力與實踐力！ 今天， 你只要掌握四大「設計的原理」， 就能培養「設計師之眼」， 一眼看穿好設計、壞設計！ 因為簡單，所以一定要會！ 用最基本的四大原理，做出最吸睛的設計！ 　　設計無所不在， 　　只要你做的事情與「文字、圖片、傳遞訊息」有關， 　　舉凡書面報告、電腦簡報、廣告傳單、宣傳圖片……， 　　都需要了解「設計的原理」。 　　> 喚起你的設計魂！ 　　好設計的關鍵不在華麗的設計技巧，而在於如何清楚將訊息傳遞給對方知道。只要掌握設計的4大原理，就能用最基礎的架構，做出最吸睛的設計！ 　　就算不是設計師，也要懂設計。 　　其實只要把祕密說穿了，每個人都可以當設計師！ 　　> 零美感，零經驗適用！ 　　不管你是要發表提案的上班族、要發廣告單的店老闆、還是經營網路商店的創業者，只要掌握60個設計要點，就能一出手就吸引對方的目光，讓人不注意都難！ 　　就算零美感、零經驗， 　　也能用最基本的四大原理，做出最吸睛的設計！ 　　> 「字體選用」的原理 　　選擇容易閱讀的理想字體；運用數字與符號，美化並強調訊息……等 　　> 「段落配置」的原理 　　調整字距與行距，提升易讀性；利用副標的設計，突顯重點訊息……等 　　> 「圖片配置」的原理 　　以圖片搭配文字，吸引人家閱讀；用辦公軟體，做出各式統計圖表……等 　　> 「版式設計」的原理 　　把複雜的內容簡單化；避免過度的設計，影響閱讀的方便性……等

培養「設計師之眼」 作者序 第一章 字體選用的原理 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 製作三折頁 索引

作者序 　　●一本寫給所有人看的設計書 　　在電腦及辦公軟體普及的今日，若想準備向他人報告新想法的「企畫書」、發表成果的「簡報資料」、宣傳活動的「海報」、研討會要使用的「傳單」……等資料，都可利用簡單的軟體，以更具設計感的方式來製作。但儘管硬體與軟體的取得如此方便，一般人卻幾乎沒有具備設計的能力。 　　當想要製作「容易閱讀、容易看見、具有吸引力的文件」時，大多數的人都是以個人方式、一無所知地埋頭進行，做出來的成果當然不盡理想。造成這種結果的原因，並非是「沒有具備設計美感」，而是不懂「設計的基本原理」，所以就算找到不錯的樣本模仿、或是直接套用已設計好的樣版……，仍舊無法製作出期待中的完美文件。 　　市面上有很多設計書，但大部分的書籍主要講述如何運用設計的技巧來玩設計，可以歸類為設計師專用的教科書，對於一般沒有設計經驗的人來說，並不大適用。可能有人會認為「反正我又沒有要當設計師，懂這個有什麼用？」你可以不用當設計師，但不能不懂設計。 　　設計的本質不在於做得精美華麗，而在於如何將訊息以「最清楚、最醒目、最吸引人」的方式傳達給對方知道。不管是要發表論文的學生、向廠商提案的上班族、發傳單的店老闆、在網路打廣告的電商……，都不得不知道設計的基本原理。 　　●零美感、零經驗適用 　　這本《圖解設計的原理：培養「設計師之眼」，一眼看穿好設計、壞設計！》並不會介紹小聰明的設計技巧，而是統整出實用的設計基本知識，雖然各個機關、企業、院校、通路……等的特性不同，使用的傳播方式不同，理想的資訊傳遞型態也不盡相同，但一般人容易混淆或犯錯的問題點大多是共通的。 　　本書介紹的設計原理，可應用於製作各種類型的資料上。主要分成四大設計原理：字體選用的原理、段落配置的原理、圖片配置的原理、版式設計的原理，再進一步細分出60個設計要點。不管是學生、上班族、創業者……，只要掌握這60個設計要點，就能夠將資訊以最具吸引力的方式，傳播出去！ 　　我們以之前創設的網站（tsutawarudesign.web.fc2.com/）為基礎，加入創新設計的規則，並記載實際電腦操作步驟，使讀者在閱讀這本《圖解設計的原理：培養「設計師之眼」，一眼看穿好設計、壞設計！》時，不僅能夠學到基本的設計原理，也能知道如何實際操作，希望能藉此讓設計的基本知識更加普及。 　　最後，誠摯感謝國立科學博物館的海老原淳博士、濱崎恭美小姐以及東北大學的大野ゆ .り博士提供照片與圖片，並由衷謝謝技術評論社的藤澤奈緒美小姐，提供許多明確的想法與建設性的建議。 高橋佑磨、片山なつ 前言 每個人都該懂的設計原理 　　●非自我滿足，而是要為讀者著想 　　商業用途或是工作、教育、研究場合中，絕對有很多製作文書資料的機會，有許多人直接使用Word或是PowerPoint軟體的初始設定，也可能使用難以閱讀的字型、任意地編排設計、無論什麼全都加以強調、過度使用個人偏好的色彩進行裝飾。這種自我中心的文書資料會在意想不到之處造成讀者的負擔及壓力，雖然每個缺失造成的負擔並不大，但積沙成塔，最終會成為難以理解且印象惡劣的文書資料。 　　文書資料設計是有其「規則」的，而為了避免成為「糟糕資料」，學習規則是不可或缺的。遵循規則、將資訊進行編排設計，一個個地減少閱讀者負擔的話，就能完成不分對象都能輕易理解的「完美資料」，製作完美資料就是對於閱讀者的「著想」及傳達溝通的「規矩」。 　　●設計不只是表面功夫 　　在意文書資料的外觀或設計，往往會被認為只是追求表面功夫，但這實際上是非常本質性的問題。說話容易了解的人與說話難以了解的人之間的差異，就在於其話語是否具有邏輯性與秩序感；而容易理解的資料與難以理解的資料之間的差異也是相同的，希望傳達的內容架構（邏輯）將會反映在資料外觀的物理架構（編排）。也就是說，在製作容易理解的資料時，編排設計是最重要的要素。為了進行編排設計，必須要能夠正確地掌握區分重要資訊或多餘資訊，並且正確地理解各個項目之間的連結關係，也需要確實地選擇取捨資訊。簡而言之，在意資料外觀而配合想要傳達的內容進一步地整理資料，這是非常本質性的作業。為了閱讀者著想並認真地思考資訊的設計方式，並非只是表面功夫，而是本質性的注意事項。 　　●具傳達力的設計有一定規則 　　實際在商業用途或研究發表時，為了能夠正確地傳達資訊，相關資料必須包含一定程度數量的資訊（文章或圖表），愈是這類型的資料，編排設計的重要性及其效果就愈為提高。 　　由於接收者為人們，即使職業或用語不同，但是對於外觀及易讀性的感受則大致相同；本書將向大家說明為了盡可能地最大化「可傳達性」（也就是「易讀性、外觀、容易理解程度」）的「傳達設計的基礎」，其中當然包含有一般的設計規則，也會介紹非設計人士的作者由累積經驗所獲取之「對於非設計者的有用規則」。 　　遵循此規則整理資訊的話，不只是「變得容易傳達的資料」，而是可以更進一步製作成為「具有吸引力的資料」；只要能夠理解規則，就能夠省去在設計編排時反覆嘗試錯誤花費的時間與勞力，進而提昇效率及產能。學習「傳達設計的基礎」相關規則可說是一石三鳥。 　　●「傳達設計」的四大效果 　　若是好好完成資料設計的話，就可以「效率、正確地傳達資訊」，甚至能夠完成外觀相當具有吸引力的文書資料，並且做到「為讀者著想」；然而，影響效果不只如此，最重要的就是「自己腦中思緒也經過整理並簡潔化」。 　　此外，若能將質量優良的文書資料普及化，會議與討論場合的溝通就能更順暢，而溝通的順暢度與效率化必然會影響團體整體、公司整體、學會整體的發展。因此，資料的傳達設計具備有「變得容易傳達」、「為讀者考量著想」、「將個人想法簡潔化」、「提升團體整體發展」四大效果。 　　●本書目標 　　本書所說明之設計規則，則是以「是否容易傳達」之標準為最優先，而非豐富、美觀或者躍動感等要素。首先將介紹文字、文章或圖表等、文書資料主要構成要素的相關規則，接下來則再介紹組合編排所有要素的原理。 　　第1章將針對看起來不太重要、實際上非常關鍵的「字體選用」進行詳細說明，接著依序解說第2章「段落配置」、第3章「圖片、圖表的配置」、第4章「版式設計與配色」等相關原則；這些規則對於簡報資料、公告、傳單、報告書、新聞稿等文書資料製作都非常有用。 　　遵守規則（規矩）的作法，不代表必須規格化或是得要刪除個性化部分，而本書所介紹的相關規矩，都是即便要發揮個性化也必須遵守的，在遵守規矩的前提下展現個人風格，更能夠完成有個性且具效果的文書資料。學習「可傳達設計」之規則，就能向「難以閱讀」或是「自我陶醉資料」說再見！