第一線公開！為何成功？為何失敗？

如何設計出70億人一看就懂的

好LOGO+好圖標

面對手機時代，LOGO和圖標設計，該如何再進化、再簡化

美國視覺系統第一好手

iphone介面設計師

與大品牌合作的真實案例

包括

APPLE、YAHOO、AT&T、FACEBOOK、

GOOGLE、SONY、 NEW YORK TIMES

首度公開25年從業生涯重要作品＆設計人必知提案經驗

▌把LOGO和圖標當作文字來使用的書

PC、平板、手機，現代人透過多樣媒介，瀏覽網頁、APP，只有充分使用圖標應用、人性化設計，打造出吸睛又獨特的介面，才能留住使用者！

這是一本把LOGO和圖標當作文字來使用的書。從表情符號、美國大選海報、《紐約時報》APP圖標、臉書壁畫、加州國家公園路標……我們隨處可見各種LOGO和圖標，那是比文字，更快、更強大的視覺語言，也是識別度超高的國際語言。

▌美國視覺系統好手首度公開

Felix Sockwell是美國視覺系統第一好手，也是第一代iPhone介面圖標設計師，他的合作客戶全是線上大品牌，書中首度公開從業25年生涯的重要作品與設計人必知的慘痛經驗。圖標是一種全球通用的表達，像是表情符號（Emoji）、眾多常見的感情和情緒縮寫，甚至我們的縮寫語言——LOL（Laughing out loud，大聲地笑），OMG（Oh my god！我的天呀），LMAO（laugh my ass off，超級好笑）——都慢慢被圖標取代。沒人有時間打字，也許未來的鍵盤會包含流行的表情符號。

而在談到設計品牌商標時，他認為，「創作圖片的樂趣之一就是講故事，偉大的品牌都在講故事，這是為什麼我們能與品牌建立聯繫，並成為忠實追隨者。」許多商標多年來已經演變成圖標，比如，紅十字會、蘋果公司、NBC、女童子軍、花花公子和星巴克等，用圖像做設計，絕對是進行中的未來趨勢。

▌設計人必知的提案經驗

從草圖、提案，到再提案，Felix Sockwell公開分享他親身經歷的設計發想與執行過程。包括雅虎的招牌信封圖標，他做了34種變化；他用一筆連接式圖案畫出一幅社交活動大圖，成了臉書的辦公室壁畫。可口可樂的年度會報，他用圖示言簡意賅地把雜亂、複雜的過程，分解為一個可口的想法。他突發奇想地大玩共和黨LOGO酸川普，解構了小飛象，堪稱一絕的設計師創意演出。

▌書中針對四大類主題案例，提出更進階的創意觀念及提案。

1.     互動圖示設計 Interactive：紐約時報APP圖標∣iTunes∣Yahoo雅虎網站圖標∣AT&T∣線上教育網站

2.     品牌設計 Branding：愛滋病獎助金∣大富翁∣保險業∣寵物∣優酪乳∣APPLE電腦∣FACEBOOK∣出版社∣廣播電台∣SONY∣美林證券∣DUNKIN’DONUTS∣公益活動∣奧運會∣博物館∣百老匯網站∣世界盃足球賽∣體育頻道∣水果飲料∣戶外廣告∣劇場活動∣電信公司∣酒店∣銀行∣共享汽車∣可口可樂∣數位出版平台

3.     編輯設計 Editorial：政治競選∣雜誌圖示∣報紙圖示∣帕森設計學院∣月刊∣競選海報及貼紙∣海報

4.     路標指引設計 Wayfinding：加州國家公園∣公益標誌∣紐約時報科學版∣施工圖誌

原書名：《iPhone介面設計師，教你大玩圖像設計：從表情符號、LOGO、app圖示到路標設計的實戰經驗分享》

 【作者】

菲利克斯‧薩克威爾 Felix Sockwell

藝術家、平面設計師和藝術總監，專門創作標誌、圖標和圖示系統、壁畫和動畫。

住在新澤西州的楓林鎮。更多關於他的作品，請上www.felixsockwell。

合作客戶──APPLE、YAHOO、FACEBOOK、GOOGLE、NEW YORK TIMES、

合作設計師──施德明設計公司 Stefan Sagmeister、五芒星設計公司Michael Bierut、Debbie Millman……

主要設計有：

‧協助研發第一代iPhone的GUI（圖形化使用者介面）

‧研發《紐約時報》第一版iPhone的GUI

‧設計FACEBOOK總部大樓壁畫

艾蜜莉‧帕茲Emily Potts

在設計行業擔任作家及編輯，有20多年歷史。目前為一位獨立作家，在設計行業為各種客戶工作。

【前言導讀】史蒂芬‧海勒Steven Heller

住在紐約市，過去33年，擔任《紐約時報》的藝術總監，在《紐約時報》書評雜誌工作了近30年。目前，他是MFA設計師的聯盟主席，並為《紐約時報》書評撰寫視覺專欄。作為作者及合著者，他編輯了100多本關於設計和流行文化的書。

個人部落格《海勒日記》(inprint.printmag.com/dail-heller)。

網址：www.hellerbooks.com

【專文導讀】

‧漫談圖示的變化──比爾‧嘉納Bill Gardner∣標誌Lounge和花園設計公司創始人

‧藝術總監與插畫家合作的速成指南──約翰‧柯比克斯John Korpics∣ESPN、FORTUNE、InStyle、Esquire及GQ前創意總監

‧把《紐約時報》的多種聲音插畫化──布萊恩‧雷Brian Rea∣前《紐約時報》藝術總監

 前言 Foreword──史蒂芬‧海勒 Steven Heller

作者序 Introduction

互動圖示設計 Interactive

紐約時報APP圖標∣iTune∣雅虎網站圖標∣AT&T∣線上教育網站

漫談圖示的變化──比爾‧嘉納 Bill Gardner

品牌設計 Branding

愛滋病獎助金∣大富翁∣保險業∣寵物∣優酪乳∣APPLE電腦∣FACEBOOK∣出版社∣廣播電台∣SONY∣美林證券∣DUNKIN’DONUTS∣公益活動∣奧運會∣博物館∣百老匯網站∣世界盃足球賽∣體育頻道∣水果飲料∣戶外廣告∣劇場活動∣電信公司∣酒店∣銀行∣共享汽車∣可口可樂∣數位出版平台

平面編輯設計 Editorial

政治競選∣雜誌圖示∣報紙圖示∣帕森設計學院∣月刊∣競選海報及貼紙∣海報

藝術總監與插畫家合作的速成指南──約翰‧柯比克斯 John Korpics

把《紐約時報》的多種聲音插畫化──布萊恩‧雷 Brian Rea

路標引路設計 Wayfinding

加州國家公園∣公益標誌∣紐約時報科學版∣施工圖誌

關於作者

索引

 什麼是圖標？對我來說，那意味著一切：顏色、符號、圖表、表情符號、按鈕、logo商標、同位素（isotope）或者視覺引路路標（wayfinding visual）——任何能夠代表想法或圖片的東西。圖標為醫療、交通、品牌傳遞資訊，它們能完成你需要它們達成的任何事（反之亦然），圖標幫你找到廁所，辨認你最愛的品牌，或者引你踏上新的冒險旅途。

這本書會通過形式與功能、藝術與科學揭示圖標的奧祕，並嘗試為我們與充滿短句式含糊溝通的未來隔閡建立起橋樑。最近幾年，長句式溝通已經開始向短句式溝通讓步。相比於圖標（或表情符號）所能表達的實用簡寫，詞語正在失勢。想像一下，將來會有種新語言——和葡萄牙語、英語、西班牙語都不一樣，想像一場只用圖標進行的交談。

對我來講，圖標是一種類似無襯線字體字母表的功能：圖標是一種快速凝練的，可以全球通用的表達。它們不會過分裝飾。它們也令人愉悅。表情符號（Emoji），這種最近流行的輸入形式，是眾多常見的感情和情緒縮寫。甚至我們的縮寫語言——LOL（Laughing out loud，大聲地笑），OMG（Oh my god！我的天呀），LMAO（laugh my ass off，超級好笑）——也慢慢被圖標所取代。沒人有時間打字。誰知道呢？也許未來的鍵盤會包含流行的表情符號。

圖標，就像藝術，存在於你的認同裡。除了繪製圖標的創意過程，我們也考慮突顯新的用途——動畫、雕刻、標識和藝術——以及每條規律如何相互影響，使我們如何更好的理解它們和我們自身。

我們時而談論談判和妥協的藝術，以及由於被忽視而忍受失望的藝術家。直到圖標不工作了，或者直到人們感到迷失、挫折、困惑的時候，他們才會思考圖標藝術。比如，道路圖示最理想的狀態就是完美融入風景的同時，能夠提示使用者往哪走，去做什麼。資訊要簡潔、直觀、跨越任何語言。創作圖片的樂趣之一就是講故事，誘惑你的觀眾沉浸在未知感中，在熟悉的事物周邊玩花樣。偉大的品牌都在講故事，這就是為什麼我們能與品牌建立聯繫，並成為忠實的追隨者。

不同品牌，彼此間不能像圖標那樣既有聯繫又相互獨立。想想你平時看到的那些品牌，定義品牌的元素是商標。許多商標多年以來已經變成了圖示。比如紅十字會、蘋果公司、NBC、女童子軍、花花公子和星巴克。在這本書中，我們會看到我設計的幾款品牌類圖示。

我對圖標設計的情感早在大學時期就出現了。我被委託去設計一個鼓勵戲迷購買學校戲劇季票的海報。我當時不知道自己在幹嘛，只是隱約覺得處理空間和圖像這種事情讓我感覺親切。劇院從來沒雇用過設計師，他們所有的宣傳素材就是一張 8.5×11英寸（21.5×28cm）的紙， 對折一半，上面列有節目清單和訂閱表格。

到學期結束時，我的N字折海報（兼作郵件文宣和表演手冊的作用）已經加印了四次，劇院的觀眾人數也從四成增加到滿座。如果這還不夠的話，有一天，當我在當地一家餐館吃漢堡的時候，一位服務員——透過一位廚師的引薦——走近了我的桌子。她問：「你是那張充滿圖標彩色海報的設計師嗎？」我當時措手不及，「是的。」我回答。她說：「我想告訴你這張海報對我有多重要。我父母因此來到滿座的劇院看我演出，而且我可能就快去紐約了！」。我不知道該說些什麼，她牽起我的手，走近了，緩緩地一抹微笑，爬上了她盈眶的注視中，「你改變了我的生活，謝謝你。」

在這些頁面中，許多秀出來的都是實際發想過程中未被採用的作品。有些也成為新風格的探索草稿，樂觀中帶著幾分滑稽。在我25年的從業生涯裡，我和向量圖標一起經歷了各種高潮和低谷。如果能道出箇中滋味如何，你大概就不會想去上藝術設計學校了。