ICON圖示設計學: 設計師必備的視覺符號語言指南, 實例解析設計風格、思路與技法 | 誠品線上

アイコンデザインのひみつ

內容簡介

內容簡介 「圖示」是我們日常生活中隨處可見的存在──從智慧型手機上的應用程式，到街道上的公共標誌，這些簡單的圖像，能在瞬間傳達意義或功能，兼具實用與趣味。本書收錄超過1500個圖示，深入介紹圖示的基礎知識、歷史演變、設計技巧，以及實際範例。從多重角度，帶領大家全面探索「圖示」的世界。為了更加認識圖示，首先將介紹圖示的定義與歷史，從埃及象形文字、歐洲紋章、日本家紋，到電腦圖示與現代設計，一起欣賞古今經典案例，探索圖示設計的演變過程。接著，作者以專業設計師的視角，解說圖示設計的思路與流程，包括確認目的、資料調查、草圖繪製、運用格線與描圖的實作方式，以及將設計作品更上一層樓的實用技巧！即使是同一個圖示，只要改變一些地方，就能呈現截然不同的風格。例如：調整線條粗細、邊角圓化、加上顏色，或是製作成剪影……。書中也提供各種風格的設計範例，能夠激發創作靈感，同時收錄作者參與的11個實際作品，展現圖示在不同領域的多元應用。無論是單純想欣賞圖示之美，或是希望學習設計的實作方式，只要翻閱這本圖示入門書，就能帶來靈感與啟發！◎推薦給這樣的你→喜歡圖示或象形符號的人→對於圖示的歷史背景有興趣的人→想要欣賞各種圖示設計的人→想知道圖示設計的方法、訣竅、重點的人→想要自己設計圖示的人◎讀者好評1. 以輕鬆導讀來認識圖示，非常有趣。後半部分則示範使用Illustrator製作圖示的流程，很適合作為圖示入門書籍。2. 全彩印刷，文章精簡，大尺寸呈現許多圖示，方便閱讀又實用。書中也展示同個圖示的多種變化版，即使對設計不熟悉，也會想試著動手製作。3. 本書涵蓋圖示的歷史、設計思考過程、創作技巧，以及實際範例等。除了介紹使用Illustrator軟體的製作流程，更珍貴的是同時說明設計前的思考過程。無論專業設計師或業餘愛好者，想嘗試設計圖示的人都值得一讀。

作者介紹

作者介紹 作者／米倉英弘YONEKURA, Hidehiro自桑澤設計研究所畢業後，經歷道吉設計研究室，加入細山田設計事務所。參與《seven(朝日新聞社)》雜誌、《LohasMedical》雜誌等的創刊，以及《山與溪谷(山與溪谷社)》雜誌、《web creators(MdN Corporation)》雜誌、《Newton(牛頓出版社)》雜誌等的改版作業。曾執筆《設計學∞學設計(邦聯文化)》第6 章〈圖解、資訊圖表〉。主要從事雜誌、書籍等紙本媒體的編輯設計，也涉獵藝術指導與整體設計。2024年成立米倉設計室。譯者／韓宇任職編輯多年後轉行，最後還是放不下書，決定轉做譯者，繼續自己的愛書之路。工作聯絡：[email protected]

產品目錄

產品目錄 chapter 1 「圖示」是什麼？⋯⋯009被我們稱為「圖示」的東西，到底是什麼呢？⋯⋯010畫面上的「圖示」也有很多種類⋯⋯012在「符號學」中，「圖示」被定位成這樣的角色⋯⋯014常說的「象形符號」跟「圖示」的差別是什麼？⋯⋯016我們每天的生活都被「圖示」包圍⋯⋯018能夠快速傳達意義或功能⋯⋯020能在小小的空間中，放入大量的情報⋯⋯022圖像＋文字更容易被記住，也更容易被想起來⋯⋯024不受出生與成長地區的語言限制，能夠傳達意義⋯⋯026我們是在「看」圖示，還是在「讀」它？⋯⋯028chapter 2 來看看「圖示」—歷史篇—⋯⋯033早在人類發明文字之前，就已經開始繪製「圖畫」與「線條」⋯⋯034洞窟裡描繪的，並不是「圖畫」⋯⋯036岩石上描繪的圖畫中，自古以來運用了大量與圖示類似的表現方式⋯⋯038世界上最大的「圖示」，位於南美大陸⋯⋯040吸引許多人的象形文字是「圖示」的祖先嗎？⋯⋯042除了象形文字外，世界上還曾有許多「圖示」般的文字⋯⋯044隨著文字逐漸用來表示語言的發音，符號則發展出不同的功能⋯⋯046日本引以為傲的圖示，非常現代且帥氣的家紋⋯⋯050地圖記號是圖示的樂園⋯⋯052連接到現代「圖示」的起點，從交通號誌開始⋯⋯054「象形符號」在東京奧運開花結果⋯⋯056追求「直覺」反應的汽車圖示等，意外地從很早之前就出現了⋯058如今在大眾運輸設施常見的標示，是於1974年整理制定的⋯⋯060從人人可用的電腦中誕生的「圖示」⋯⋯062電腦畫面開始出現色彩，圖示也變成彩色的⋯⋯064可以直接碰觸的圖示也在90年代開始登場⋯⋯066隨著網頁瀏覽器登場，圖示也進入了大航海時代⋯⋯068智慧型手機的登場，是「圖示」的第2次誕生⋯⋯070然後就變得平面化了？畫面走向扁平化設計的世界⋯⋯072之後的圖示設計，又會有怎樣的變化呢？⋯⋯074FF Transit Pict⋯⋯076Poppi⋯⋯078Netto Icons⋯⋯080chapter 3 試著製作「圖示」⋯⋯085來設計「圖示」吧！設計圖示的方法⋯⋯086step 1 確認目的為什麼要使用圖示？⋯⋯088使用場所⋯⋯089要展示給「誰」看？⋯⋯090想要傳達的「內容」是？⋯⋯091step 2 試著調查對象決定要畫什麼的時候⋯⋯092究竟應該畫些什麼呢？⋯⋯093step 3 考慮圖形的風格以風格一致性做出獨特性⋯⋯094以重複性打造風格⋯⋯095step 4 草圖是非常重要的在紙上，手就會動起來⋯⋯096到目前為止的總結設計會反覆來回⋯⋯097step 5 實際製作看看用描摹方式製作1⋯⋯098用描摹方式製作2⋯⋯099用網格方式製作1⋯⋯100用網格方式製作2⋯⋯101用網格方式製作3⋯⋯102用網格方式製作4⋯⋯104step 6 潤飾調整的重點確認白色部分的間隙⋯⋯106確認邊角⋯⋯107網格只是輔助⋯⋯108再次檢視整體、做調整⋯⋯109chapter 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以拼圖為主題組合簡單的拼圖製作看看⋯⋯162chapter 5 圖示實例集11 Works⋯⋯165column電腦畫面上的衝擊從資源回收筒開始!?―資源回收筒圖示的歷史―⋯⋯030圖示能否超越語言隔閡!?⋯⋯032回顧圖示的歷史―圖示年表―⋯⋯082「繪文字」的歷史―繪文字也是圖示的一部分？―⋯⋯084在海外時初次見到的圖示、象形符號⋯⋯112特別的圖示，箭頭與風景圖示⋯⋯114Google 官方圖示資源網―Material Symbols and Icons―⋯⋯164公共衛生與圖示設計⋯⋯180technique在製作圖示時，要熟練掌握的2個工具―「即時圓角」、「路徑管理員」―⋯⋯⋯110

商品規格

最佳賣點

最佳賣點 : 開心的學習、欣賞、動手作！
從洞窟壁畫到手機圖示，圖像符號的
歷史演進 × 範例圖集 × 創作設計全收錄

活動

• 10/13前 全站滿$1,500享9折
• 10/13前 圖書滿$1,000享92折