ICON圖示設計學：設計師必備的視覺符號語言指南，實例解析設計風格、思路與技法。
活動訊息
來金石堂，總有一本書懂你！雙11更好買，25家銀行信用卡分期0利率！
內容簡介
開心的學習、欣賞、動手作！
從洞窟壁畫到手機圖示，圖像符號的
歷史演進 × 範例圖集 × 創作設計全收錄
「圖示」是我們日常生活中隨處可見的存在──
從智慧型手機上的應用程式，到街道上的公共標誌，
這些簡單的圖像，能在瞬間傳達意義或功能，兼具實用與趣味。
本書收錄超過1500個圖示，
深入介紹圖示的基礎知識、歷史演變、設計技巧，以及實際範例。
從多重角度，帶領大家全面探索「圖示」的世界。
為了更加認識圖示，首先將介紹圖示的定義與歷史，
從埃及象形文字、歐洲紋章、日本家紋，到電腦圖示與現代設計，
欣賞古今經典案例，探索圖示設計的演變過程。
接著，作者以專業設計師的視角，解說圖示設計的思路與流程，
包括確認目的、資料調查、草圖繪製、運用格線與描圖的實作方式，
以及將設計作品更上一層樓的實用技巧。
即使是同一個圖示，只要改變一些地方，就能呈現截然不同的風格。
例如：調整線條粗細、邊角圓化、加上顏色，或是製作成剪影……。
書中也提供各種風格的設計範例，帶來創作靈感，
同時收錄設計事務所的11個實際作品，展現圖示在不同領域的多元應用。
無論是單純想欣賞圖示之美，或是希望學習設計的實作方式，
只要翻閱這本圖示入門書，就能帶來靈感與啟發！
◎推薦給這樣的你
→喜歡圖示或象形符號的人
→對於圖示的歷史背景有興趣的人
→想要欣賞各種圖示設計的人
→想要自己設計圖示的人
→想知道圖示設計的方法、訣竅、重點的人
◎讀者好評
1. 以輕鬆導讀來認識圖示，非常有趣。後半部分則示範使用Illustrator製作圖示的流程，很適合作為圖示入門書籍。
2. 全彩印刷，文章精簡，大尺寸呈現許多圖示，方便閱讀又實用。書中也展示同個圖示的多種變化版，即使對設計不熟悉，也會想試著動手製作。
3. 本書涵蓋圖示的歷史、設計思考過程、創作技巧，以及實際範例等。除了介紹使用Illustrator軟體的製作流程，更珍貴的是同時說明設計前的思考過程。無論專業設計師或業餘愛好者，想嘗試設計圖示的人都值得一讀。
從洞窟壁畫到手機圖示，圖像符號的
歷史演進 × 範例圖集 × 創作設計全收錄
「圖示」是我們日常生活中隨處可見的存在──
從智慧型手機上的應用程式，到街道上的公共標誌，
這些簡單的圖像，能在瞬間傳達意義或功能，兼具實用與趣味。
本書收錄超過1500個圖示，
深入介紹圖示的基礎知識、歷史演變、設計技巧，以及實際範例。
從多重角度，帶領大家全面探索「圖示」的世界。
為了更加認識圖示，首先將介紹圖示的定義與歷史，
從埃及象形文字、歐洲紋章、日本家紋，到電腦圖示與現代設計，
欣賞古今經典案例，探索圖示設計的演變過程。
接著，作者以專業設計師的視角，解說圖示設計的思路與流程，
包括確認目的、資料調查、草圖繪製、運用格線與描圖的實作方式，
以及將設計作品更上一層樓的實用技巧。
即使是同一個圖示，只要改變一些地方，就能呈現截然不同的風格。
例如：調整線條粗細、邊角圓化、加上顏色，或是製作成剪影……。
書中也提供各種風格的設計範例，帶來創作靈感，
同時收錄設計事務所的11個實際作品，展現圖示在不同領域的多元應用。
無論是單純想欣賞圖示之美，或是希望學習設計的實作方式，
只要翻閱這本圖示入門書，就能帶來靈感與啟發！
◎推薦給這樣的你
→喜歡圖示或象形符號的人
→對於圖示的歷史背景有興趣的人
→想要欣賞各種圖示設計的人
→想要自己設計圖示的人
→想知道圖示設計的方法、訣竅、重點的人
◎讀者好評
1. 以輕鬆導讀來認識圖示，非常有趣。後半部分則示範使用Illustrator製作圖示的流程，很適合作為圖示入門書籍。
2. 全彩印刷，文章精簡，大尺寸呈現許多圖示，方便閱讀又實用。書中也展示同個圖示的多種變化版，即使對設計不熟悉，也會想試著動手製作。
3. 本書涵蓋圖示的歷史、設計思考過程、創作技巧，以及實際範例等。除了介紹使用Illustrator軟體的製作流程，更珍貴的是同時說明設計前的思考過程。無論專業設計師或業餘愛好者，想嘗試設計圖示的人都值得一讀。
目錄
chapter 1
「圖示」是什麼？⋯⋯009
被我們稱為「圖示」的東西，到底是什麼呢？⋯⋯010
畫面上的「圖示」也有很多種類⋯⋯012
在「符號學」中，「圖示」被定位成這樣的角色⋯⋯014
常說的「象形符號」跟「圖示」的差別是什麼？⋯⋯016
我們每天的生活都被「圖示」包圍⋯⋯018
能夠快速傳達意義或功能⋯⋯020
能在小小的空間中，放入大量的情報⋯⋯022
圖像＋文字更容易被記住，也更容易被想起來⋯⋯024
不受出生與成長地區的語言限制，能夠傳達意義⋯⋯026
我們是在「看」圖示，還是在「讀」它？⋯⋯028
chapter 2
來看看「圖示」—歷史篇—⋯⋯033
早在人類發明文字之前，就已經開始繪製「圖畫」與「線條」⋯⋯034
洞窟裡描繪的，並不是「圖畫」⋯⋯036
岩石上描繪的圖畫中，自古以來運用了大量與圖示類似的表現方式⋯⋯038
世界上最大的「圖示」，位於南美大陸⋯⋯040
吸引許多人的象形文字是「圖示」的祖先嗎？⋯⋯042
除了象形文字外，世界上還曾有許多「圖示」般的文字⋯⋯044
隨著文字逐漸用來表示語言的發音，符號則發展出不同的功能⋯⋯046
日本引以為傲的圖示，非常現代且帥氣的家紋⋯⋯050
地圖記號是圖示的樂園⋯⋯052
連接到現代「圖示」的起點，從交通號誌開始⋯⋯054
「象形符號」在東京奧運開花結果⋯⋯056
追求「直覺」反應的汽車圖示等，意外地從很早之前就出現了⋯058
如今在大眾運輸設施常見的標示，是於1974年整理制定的⋯⋯060
從人人可用的電腦中誕生的「圖示」⋯⋯062
電腦畫面開始出現色彩，圖示也變成彩色的⋯⋯064
可以直接碰觸的圖示也在90年代開始登場⋯⋯066
隨著網頁瀏覽器登場，圖示也進入了大航海時代⋯⋯068
智慧型手機的登場，是「圖示」的第2次誕生⋯⋯070
然後就變得平面化了？畫面走向扁平化設計的世界⋯⋯072
之後的圖示設計，又會有怎樣的變化呢？⋯⋯074
FF Transit Pict⋯⋯076
Poppi⋯⋯078
Netto Icons⋯⋯080
chapter 3
試著製作「圖示」⋯⋯085
來設計「圖示」吧！
設計圖示的方法⋯⋯086
step 1 確認目的
為什麼要使用圖示？⋯⋯088
使用場所⋯⋯089
要展示給「誰」看？⋯⋯090
想要傳達的「內容」是？⋯⋯091
step 2 試著調查對象
決定要畫什麼的時候⋯⋯092
究竟應該畫些什麼呢？⋯⋯093
step 3 考慮圖形的風格
以風格一致性做出獨特性⋯⋯094
以重複性打造風格⋯⋯095
step 4 草圖是非常重要的
在紙上，手就會動起來⋯⋯096
到目前為止的總結
設計會反覆來回⋯⋯097
step 5 實際製作看看
用描摹方式製作1⋯⋯098
用描摹方式製作2⋯⋯099
用網格方式製作1⋯⋯100
用網格方式製作2⋯⋯101
用網格方式製作3⋯⋯102
用網格方式製作4⋯⋯104
step 6 潤飾調整的重點
確認白色部分的間隙⋯⋯106
確認邊角⋯⋯107
網格只是輔助⋯⋯108
再次檢視整體、做調整⋯⋯109
chapter 4
「圖示」的多樣性⋯⋯115
各種設計與點子
大家的圖示都相同？嘗試看看各種風格吧！⋯⋯116
字型家族思考法
可作為「圖形文字」參考的「字型家族」⋯⋯118
改變路徑的粗細
光是改變線條的粗線，給人的印象就能大大改變⋯⋯120
邊角圓化
邊角的處理方式不同，對整體的印象也會有很大的影響⋯⋯122
塗黑
將塗黑部分作為主體的圖示設計⋯⋯124
切割路徑
不閉合線條，製作成有間隙的圖示⋯⋯126
試著製作出邊邊角角
正圓形＋垂直、水平、45度角線條，試著只用這些製作圖示⋯⋯128
試著製作成剪影
進一步研究剪影風格的圖示⋯⋯130
試著用四角形的網格
用粗曠的點陣圖示能營造復古氛圍⋯⋯132
以燈泡或LED的形象來呈現
用圓點像素製作的圖示，帶有電子看板的風格⋯⋯134
試著用點線製作
把線條風格的圖示製作成點線⋯⋯136
加上顏色❶
在圖示的局部加上重點色彩⋯⋯138
加上顏色❷
在圖示的局部加入相同顏色與形狀，並重複運用⋯⋯140
加上顏色❸
用黑色以外的2色配色，讓圖示繽紛起來⋯⋯142
等距透視變形
試著將圖示的1面傾斜變形⋯⋯144
立體化❶
試著製作由上往下俯視的圖示⋯⋯146
立體化❷
在圖示中加入各種加厚設計，試著增加深度⋯⋯148
手繪風格❶
將圖示的線條轉換成手繪風格⋯⋯150
手繪風格❷
將圖示的線條轉換成鉛筆繪畫風格⋯⋯152
漸層
運用漸層來製作出變化⋯⋯154
加入變化、強調要素
在圖示的局部重點加入光暈⋯⋯156
模糊局部
看得見？看不見？試著模糊圖示的局部⋯⋯158
幽默很重要
試著在圖示中加上或刪除一些元素⋯⋯160
以拼圖為主題
組合簡單的拼圖製作看看⋯⋯162
chapter 5
圖示實例集11 Works⋯⋯165
column
電腦畫面上的衝擊從資源回收筒開始!?
―資源回收筒圖示的歷史―⋯⋯030
圖示能否超越語言隔閡!?⋯⋯032
回顧圖示的歷史
―圖示年表―⋯⋯082
「繪文字」的歷史
―繪文字也是圖示的一部分？―⋯⋯084
在海外時初次見到的圖示、象形符號⋯⋯112
特別的圖示，箭頭與風景圖示⋯⋯114
Google 官方圖示資源網
―Material Symbols and Icons―⋯⋯164
公共衛生與圖示設計⋯⋯180
technique
在製作圖示時，要熟練掌握的2個工具
―「即時圓角」、「路徑管理員」―⋯⋯⋯110
「圖示」是什麼？⋯⋯009
被我們稱為「圖示」的東西，到底是什麼呢？⋯⋯010
畫面上的「圖示」也有很多種類⋯⋯012
在「符號學」中，「圖示」被定位成這樣的角色⋯⋯014
常說的「象形符號」跟「圖示」的差別是什麼？⋯⋯016
我們每天的生活都被「圖示」包圍⋯⋯018
能夠快速傳達意義或功能⋯⋯020
能在小小的空間中，放入大量的情報⋯⋯022
圖像＋文字更容易被記住，也更容易被想起來⋯⋯024
不受出生與成長地區的語言限制，能夠傳達意義⋯⋯026
我們是在「看」圖示，還是在「讀」它？⋯⋯028
chapter 2
來看看「圖示」—歷史篇—⋯⋯033
早在人類發明文字之前，就已經開始繪製「圖畫」與「線條」⋯⋯034
洞窟裡描繪的，並不是「圖畫」⋯⋯036
岩石上描繪的圖畫中，自古以來運用了大量與圖示類似的表現方式⋯⋯038
世界上最大的「圖示」，位於南美大陸⋯⋯040
吸引許多人的象形文字是「圖示」的祖先嗎？⋯⋯042
除了象形文字外，世界上還曾有許多「圖示」般的文字⋯⋯044
隨著文字逐漸用來表示語言的發音，符號則發展出不同的功能⋯⋯046
日本引以為傲的圖示，非常現代且帥氣的家紋⋯⋯050
地圖記號是圖示的樂園⋯⋯052
連接到現代「圖示」的起點，從交通號誌開始⋯⋯054
「象形符號」在東京奧運開花結果⋯⋯056
追求「直覺」反應的汽車圖示等，意外地從很早之前就出現了⋯058
如今在大眾運輸設施常見的標示，是於1974年整理制定的⋯⋯060
從人人可用的電腦中誕生的「圖示」⋯⋯062
電腦畫面開始出現色彩，圖示也變成彩色的⋯⋯064
可以直接碰觸的圖示也在90年代開始登場⋯⋯066
隨著網頁瀏覽器登場，圖示也進入了大航海時代⋯⋯068
智慧型手機的登場，是「圖示」的第2次誕生⋯⋯070
然後就變得平面化了？畫面走向扁平化設計的世界⋯⋯072
之後的圖示設計，又會有怎樣的變化呢？⋯⋯074
FF Transit Pict⋯⋯076
Poppi⋯⋯078
Netto Icons⋯⋯080
chapter 3
試著製作「圖示」⋯⋯085
來設計「圖示」吧！
設計圖示的方法⋯⋯086
step 1 確認目的
為什麼要使用圖示？⋯⋯088
使用場所⋯⋯089
要展示給「誰」看？⋯⋯090
想要傳達的「內容」是？⋯⋯091
step 2 試著調查對象
決定要畫什麼的時候⋯⋯092
究竟應該畫些什麼呢？⋯⋯093
step 3 考慮圖形的風格
以風格一致性做出獨特性⋯⋯094
以重複性打造風格⋯⋯095
step 4 草圖是非常重要的
在紙上，手就會動起來⋯⋯096
到目前為止的總結
設計會反覆來回⋯⋯097
step 5 實際製作看看
用描摹方式製作1⋯⋯098
用描摹方式製作2⋯⋯099
用網格方式製作1⋯⋯100
用網格方式製作2⋯⋯101
用網格方式製作3⋯⋯102
用網格方式製作4⋯⋯104
step 6 潤飾調整的重點
確認白色部分的間隙⋯⋯106
確認邊角⋯⋯107
網格只是輔助⋯⋯108
再次檢視整體、做調整⋯⋯109
chapter 4
「圖示」的多樣性⋯⋯115
各種設計與點子
大家的圖示都相同？嘗試看看各種風格吧！⋯⋯116
字型家族思考法
可作為「圖形文字」參考的「字型家族」⋯⋯118
改變路徑的粗細
光是改變線條的粗線，給人的印象就能大大改變⋯⋯120
邊角圓化
邊角的處理方式不同，對整體的印象也會有很大的影響⋯⋯122
塗黑
將塗黑部分作為主體的圖示設計⋯⋯124
切割路徑
不閉合線條，製作成有間隙的圖示⋯⋯126
試著製作出邊邊角角
正圓形＋垂直、水平、45度角線條，試著只用這些製作圖示⋯⋯128
試著製作成剪影
進一步研究剪影風格的圖示⋯⋯130
試著用四角形的網格
用粗曠的點陣圖示能營造復古氛圍⋯⋯132
以燈泡或LED的形象來呈現
用圓點像素製作的圖示，帶有電子看板的風格⋯⋯134
試著用點線製作
把線條風格的圖示製作成點線⋯⋯136
加上顏色❶
在圖示的局部加上重點色彩⋯⋯138
加上顏色❷
在圖示的局部加入相同顏色與形狀，並重複運用⋯⋯140
加上顏色❸
用黑色以外的2色配色，讓圖示繽紛起來⋯⋯142
等距透視變形
試著將圖示的1面傾斜變形⋯⋯144
立體化❶
試著製作由上往下俯視的圖示⋯⋯146
立體化❷
在圖示中加入各種加厚設計，試著增加深度⋯⋯148
手繪風格❶
將圖示的線條轉換成手繪風格⋯⋯150
手繪風格❷
將圖示的線條轉換成鉛筆繪畫風格⋯⋯152
漸層
運用漸層來製作出變化⋯⋯154
加入變化、強調要素
在圖示的局部重點加入光暈⋯⋯156
模糊局部
看得見？看不見？試著模糊圖示的局部⋯⋯158
幽默很重要
試著在圖示中加上或刪除一些元素⋯⋯160
以拼圖為主題
組合簡單的拼圖製作看看⋯⋯162
chapter 5
圖示實例集11 Works⋯⋯165
column
電腦畫面上的衝擊從資源回收筒開始!?
―資源回收筒圖示的歷史―⋯⋯030
圖示能否超越語言隔閡!?⋯⋯032
回顧圖示的歷史
―圖示年表―⋯⋯082
「繪文字」的歷史
―繪文字也是圖示的一部分？―⋯⋯084
在海外時初次見到的圖示、象形符號⋯⋯112
特別的圖示，箭頭與風景圖示⋯⋯114
Google 官方圖示資源網
―Material Symbols and Icons―⋯⋯164
公共衛生與圖示設計⋯⋯180
technique
在製作圖示時，要熟練掌握的2個工具
―「即時圓角」、「路徑管理員」―⋯⋯⋯110
配送方式
-
台灣
- 國內宅配：本島、離島
-
到店取貨：
不限金額免運費
-
海外
- 國際快遞：全球
-
港澳店取：
訂購/退換貨須知
加入金石堂 LINE 官方帳號『完成綁定』，隨時掌握出貨動態：
提醒您！！
金石堂及銀行均不會請您操作ATM! 如接獲電話要求您前往ATM提款機，請不要聽從指示，以免受騙上當！
退換貨須知：
**提醒您，鑑賞期不等於試用期，退回商品須為全新狀態**
-
依據「消費者保護法」第19條及行政院消費者保護處公告之「通訊交易解除權合理例外情事適用準則」，以下商品購買後，除商品本身有瑕疵外，將不提供7天的猶豫期：
- 易於腐敗、保存期限較短或解約時即將逾期。（如：生鮮食品）
- 依消費者要求所為之客製化給付。（客製化商品）
- 報紙、期刊或雜誌。（含MOOK、外文雜誌）
- 經消費者拆封之影音商品或電腦軟體。
- 非以有形媒介提供之數位內容或一經提供即為完成之線上服務，經消費者事先同意始提供。（如：電子書、電子雜誌、下載版軟體、虛擬商品…等）
- 已拆封之個人衛生用品。（如：內衣褲、刮鬍刀、除毛刀…等）
- 若非上列種類商品，均享有到貨7天的猶豫期（含例假日）。
- 辦理退換貨時，商品（組合商品恕無法接受單獨退貨）必須是您收到商品時的原始狀態（包含商品本體、配件、贈品、保證書、所有附隨資料文件及原廠內外包裝…等），請勿直接使用原廠包裝寄送，或於原廠包裝上黏貼紙張或書寫文字。
- 退回商品若無法回復原狀，將請您負擔回復原狀所需費用，嚴重時將影響您的退貨權益。
商品評價