序章

本書中的設計範例 ─ 001

0-1 應用所學技巧，可進行如下設計 ─ 002

本書中出現的設計範例 ── 005



第1章

關於設計 ─ 009

對構成本書的七個章節、三大設計分類及設計師必備的七大能力進行解說。可以說本章是對本書的

概述。

1-1 本書概要 ─ 010

設計和藝術的區別 ── 011

設計的要素與基礎 ── 011

1-2 設計的分類 ─ 013

美的設計 ── 013

功能性設計 ── 013

訊息設計 ── 013

1-3 設計師必備的七大能力 ─ 014

技術 ── 014

想像力 ── 014

知識 ── 014

溝通能力 ── 014

理解力 ── 015

感性 ── 015

經驗 ── 015



第2章

版式 ─ 017

版式也遵循一定的原理及規則，有規律性的要點。其中第一步可以歸納為靠近、重複、對比、排齊這

四個基礎。掌握本章所述內容可以令版式更上一層樓。

2-1 版式的基礎 ─ 018

靠近 ── 019

重複 ── 020

對比 ── 021

排齊 ── 026

黃金比和白銀比 ── 032

2-2 引導視線 ─ 038

Z 形 ── 039

F 形 ── 039

N 形 ── 040

利用思維習慣的引導 ── 041

圖像具有優先性 ── 042

利用人物照片來引導 ── 043

留白 ── 044

2-3 版式的實踐 ─ 046

簡化為黑白稿和圖形要素來構思── 046

版式的關鍵點 ── 048



第3章

造型 ─ 051

本章節在認識形狀的意義和作用的同時，解說實際繪製圖形時的關鍵以及思維方式。一起從設計的角

度來看造型。

3-1 造型的基礎 ─ 052

形狀給人的印象 ── 053

造型 ── 056

3-2 圖形與符號 ─ 059

圖形與符號的作用 ── 060

根據用途將符號分類 ── 062

3-3 符號表現的關鍵點 ─ 064

根據特徵將符號進行分類 ── 065

符號內容的分類 ── 067

根據用途和情況的設計思路 ── 070

3-4 造型的實踐 ─ 072

製作圖標 ── 072

創意訓練 ── 074

處理圖像及圖形的關鍵點 ── 076



第4章

色彩 ─ 079

透過具體的色彩及實例，學習構成色彩的要素及其給人的印象，還有色彩的具體處理方法。首先要認

識一下色彩的種類以及電腦、印刷品上的顏色有什麼不同。

4-1 色彩的種類 ─ 080

光源色和物體色 ── 081

光色三原色RGB（加法混合） ── 082

色彩三原色CMY（K）（減法混合） ── 083

4-2 配色 ─ 084

色相 ── 085

明度 ── 086

純度 ── 087

色相配色 ── 088

色調配色 ── 090

決定關鍵顏色 ── 092

4-3 色彩的特性─ 100

色彩給人的印象 ── 101

辨識度 ── 104

醒目度 ── 105

前進色•後退色 ── 106

膨脹色•收縮色 ── 107

4-4 配色的實踐 ─ 108

如何決定基礎色 ── 108

配色的關鍵點 ── 110



第5章

文字排版 ─ 113

文字也是設計的重要一環，首先學習一下字體及其構造等基礎知識。結合實例掌握什麼樣的字體、字

符大小、字間距及行間距才是理想的，如何處理才能讓文字更加美觀。

5-1 字體 ─ 114

什麼是字體 ── 115

宋體（有襯線字體） ── 116

黑體（無襯線字體） ── 117

粗體字 ── 122

斜體字 ── 123

日文字體與英文字體 ── 124

其他字體 ── 127

5-2 文字排版 ─ 128

文字給人的印象 ── 129

字間距 ── 131

行間距和行寬 ── 133

文字的加工 ── 135

5-3 文字排版實踐 ─ 136

根據視覺效果調整── 136

文字排版的關鍵點 ── 139



第6章

設計的思維模式 ─ 143

本章主要解說UI/UX這類跟使用者息息相關的設計到底是怎樣存在的，並介紹如何利用設計中的溝

通、人物像、可及性、固有概念及其影響、行為引導、擬人化與輪廓線等因素，高效建構UI/UX設

計的方法。

6-1 以人為本的設計 ─ 144

什麼是UI / UX ── 145

溝通 ── 146

人物像 ── 148

可及性 ── 150

固有概念及其影響 ── 152

行為引導（nudge) ── 154

擬人化與輪廓線 ── 156



第7章

文件管理 ─ 159

包括圖像以及文字，現在無論平面設計還是網頁設計，設計師最終都要提交「文件」。本章的目標是

幫助大家掌握數據的種類、處理方式以及製作數據的基礎知識。

7-1 設計文件的基礎知識 ─ 160

什麼是文件 ── 161

如何製作文件 ── 163

印刷的基礎知識 ── 166

印刷文件的製作方法 ── 168

印刷方式與設備 ── 172

網頁的基礎知識 ── 174

網頁文件的製作方法 ── 175

基礎網頁製作所必須的知識及文件形式 ── 176

字體及素材的版權 ── 177

序



　　接近三十歲的時候，我在朋友的影響下產生了要從事設計工作的想法。但我之前從未接受過設計或與藝術相關的教育，一切都是自學的。為此，在進入設計行業之前也經歷了很多困難。



　　經過多年的經驗累積，我成為了一名設計師。隨著知識的不斷累積，我發現自己並沒有真正能夠讓事務所的員工及在工作中協助我的人理解我的設計。於是，我開始思考，對於想要學習設計的朋友們，我應該如何向他們傳達我的設計理念呢？



　　在此背景下，正好本書的編輯三津田治找我聊天，說起現在很缺乏偏重設計知識運用、內容實用且提供多種小技巧的設計類圖書。說著說著，話題自然就轉向了如何出版一本符合上述要求的書。於是，我就開始了本書的策劃及撰稿工作。



　　相澤奏惠和鈴木舞皆是設計初學者，也是我一直以來想要向其傳達自己的設計理念的對象，其二人協助我進行了書稿的審讀，以確保本書的內容確實能讓初學者理解。結果出乎意料，很多地方的表達不盡人意。他們二位在基礎詞彙、文字敘述、知識點等方面，指出了很多從專業角度很難意識到的問題，並提出了很多詳細的建議。根據這些建議，我又增加了具體範例及實用性方面的解說，並且增加了有關設計思維方法的內容。經過這些修改後，我可以很自信地說，本書的品質是有保證的。



　　設計有其理論依據。



　　一直以來，大家都理所當然地這麼說。為此我也學習了理論，並將其用於實踐。如果大家能夠透過本書多少學到一些設計方法，並且將設計傳遞給更多的人，我將非常榮幸。



　　最後，感謝在本書的撰稿過程中給予很多建議及意見的相澤奏惠和鈴木舞，以及一直堅持陪伴我到最後的三津田治和所有提供幫助的朋友們，當然還要感謝購買本書的讀者朋友們。

?