iPhone介麵設計師，教你大玩圖像設計： 從錶情符號、LOGO、app圖示到路標設計的實戰經驗分享 pdf epub mobi txt 電子書 下載 2025

簡體網頁||繁體網頁

☆☆☆☆☆

原文作者： Felix Sockwell, Emily Potts

圖書標籤:

• iPhone設計
• 界麵設計
• 圖像設計
• App設計
• LOGO設計
• 圖示設計
• 錶情符號
• 設計實戰
• iOS設計
• 視覺設計

　　閤作客戶
　　APPLE、YAHOO、AT&T、FACEBOOK、
　　GOOGLE、SONY、 NEW YORK、TIMES

　　圖像力量大！這是一本把圖像當作文字來使用的書。

　　圖示是一切！從錶情符號的頻繁使用，到美國大選海報、《紐約時報》app圖示、臉書壁畫、加州國傢公園路標……，我們隨處可見各種圖示，圖像已經是比文字，更快、更強大的視覺語言。任何顔色、符號、圖錶、錶情符號、按鈕、logo商標或者視覺路標——任何能夠代錶想法或圖片的東西。

　　Felix Sockwell是第一代iPhone介麵圖示設計師，他的閤作客戶全是綫上大品牌，這位美國視覺係統設計第一好手，將在本書首度公開從業25年生涯的重要作品與慘痛經驗。

　　本書從四大類主題的經典案例談起：1.互動圖示設計、2.品牌設計、3.平麵設計、4.路標設計。
　　從草圖、提案，到再提案，Felix Sockwell公開分享他親身經曆的設計發想與執行過程，以及各個成功與失敗的設計作品。

　　他認為，圖示是一種可以全球通用的錶達。像是錶情符號（Emoji），這種最近流行的輸入形式，是眾多常見的感情和情緒縮寫。甚至我們的縮寫語言——LOL（Laughing out loud，大聲地笑），OMG（Oh my god！我的天呀），LMAO（laugh my ass off，超級好笑）——也慢慢被圖示所取代。沒人有時間打字。誰知道呢？也許未來的鍵盤會包含流行的錶情符號。

　　圖示是藝術，也有用途。比如，最理想的道路圖示，就是能完美融入風景，又能清楚提示使用者往哪裏走。資訊必須要簡潔、直觀、跨越任何語言。

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

 

視覺創意的無限可能：界麵設計與圖像創作的實踐指南 本書是一本深度聚焦於現代視覺傳達與用戶界麵（UI）設計領域的綜閤性實戰手冊。它旨在為有誌於進入數字産品設計、品牌視覺構建或圖形創意領域的讀者，提供一套從基礎理論到高級應用的全方位知識體係與操作流程。全書以提升讀者的“設計思維”和“實操能力”為核心目標，涵蓋瞭從抽象概念到具體執行的完整路徑。 第一部分：設計思維的基石——理解視覺世界的底層邏輯 本部分深入探討瞭優秀設計的核心要素，並非停留於軟件操作層麵，而是著重於培養讀者的批判性思維和審美判斷力。 1. 視覺語言的語法： 我們將詳細解析色彩理論在界麵和圖形設計中的實際應用。這包括色彩心理學如何影響用戶體驗，如何構建和諧且具有品牌辨識度的調色闆，以及如何運用色彩對比度來指導用戶的視覺焦點。此外，也將覆蓋字體排印學的精髓——選擇、組閤和層級構建，確保文字信息的清晰傳達和美學錶現力。 2. 構圖與信息架構： 講解網格係統（Grid Systems）在保持界麵一緻性與專業感中的關鍵作用。通過剖析經典與現代的設計案例，讀者將學習如何運用平衡、對齊、親密性等構圖原則，有效地組織屏幕上的元素，確保信息流的邏輯性和引導性。重點會放在“信息密度控製”，教你如何在有限的空間內，最大化內容的有效性。 3. 用戶中心的設計哲學（UCD）： 本章將設計從純粹的“藝術”提升到“解決問題”的層麵。討論用戶研究的基礎方法（如用戶畫像構建、旅程地圖繪製），以及如何將這些洞察轉化為具體的設計決策。設計不再是設計師的主觀喜好，而是對用戶需求的精確迴應。 第二部分：界麵設計的實戰精通——從綫框到高保真原型 本部分是關於數字産品界麵構建的技術與藝術的結閤，重點關注跨平颱一緻性與交互流暢性。 1. 綫框圖與交互原型構建： 詳細指導如何高效地從草圖快速迭代至低保真綫框圖，明確信息層級與功能布局。隨後，引入現代交互設計模式（如卡片式設計、手勢操作），並使用行業主流工具進行高保真交互原型的製作。讀者將掌握如何設置有意義的過渡動畫和微交互，以增強用戶參與感。 2. 組件化設計與設計係統（Design Systems）： 深入介紹構建可復用組件庫的重要性。我們將講解原子設計（Atomic Design）的理念，如何定義顔色、字體、圖標、按鈕等基礎元素，並將其規範化為一套完整的、可擴展的設計係統。這不僅能極大提升團隊協作效率，也是保證産品在不同迭代中保持品牌視覺統一性的關鍵。 3. 響應式與自適應布局： 講解針對不同屏幕尺寸（桌麵、平闆、移動端）的設計策略。我們將探討主流的布局技術（如Flexbox或Grid的思維方式），確保界麵在任何設備上都能提供最優化的視覺體驗，避免元素錯位或信息丟失。 第三部分：高級圖像創作與資産優化 本部分關注構成界麵和品牌視覺的各類圖形資産的創作與優化技巧。 1. 矢量圖形的精湛運用： 專注於使用專業矢量工具進行高精度圖形的繪製。這包括繪製復雜且具風格化的圖標集、插圖以及品牌圖形元素。教程將側重於路徑的精確控製、布爾運算的高級應用，以及如何創建具有風格化光影效果的平麵圖形。 2. 圖像處理與閤成技巧： 探討如何高效地處理位圖素材，包括照片的裁剪、調色校正、濛版應用以及圖層混閤模式的深入應用。重點在於如何將攝影圖像無縫地融入到數字界麵設計中，保持視覺風格的統一性，並進行必要的無損優化。 3. 動效設計與資産交付： 介紹如何為界麵添加有意義的動態效果，從加載指示器到頁麵切換動畫。最後，提供詳盡的資産導齣指南，包括針對不同平颱（iOS, Android, Web）的命名規範、格式選擇（SVG, PNG, WebP等），以及如何準備標注文檔，確保開發團隊能準確無誤地實現設計稿。 全書的每一個章節都輔以真實的行業案例分析和實踐項目練習，確保讀者不僅知其然，更能真正做到“知其所以然”，最終能夠獨立完成從概念構思到最終交付的完整設計流程。

作者簡介

菲利剋斯˙薩剋威爾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布萊恩˙雷∣前《紐約時報》藝術總監
 

7 前言 Foreword by Steven Heller
11 作者序 Introduction
15 互動圖示設計 Interactive
32 漫談圖示的變化──Bill Gardner 比爾˙嘉納
35 品牌設計 Branding
113 平麵編輯設計 Editorial
114 藝術總監與插畫傢閤作的速成指南──John Korpics 約翰˙柯比剋斯
124 把《紐約時報》的多種聲音插畫化──Brian Rea布萊恩˙雷
137 路標引路設計 Wayfinding
156 關於作者
157 索引

 

序

　　什麼是圖示？對我來說，那意味著一切，真的：顔色、符號、圖錶、錶情符號、按鈕、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字摺海報（兼作郵件文宣和錶演手冊的作用）已經加印瞭四次，劇院的觀眾人數也從四成增加到滿座。如果這還不夠的話，有一天，當我在當地一傢餐館吃漢堡的時候，一位服務員——透過一位廚師的引薦——走近瞭我的桌子。她問：「你是那張充滿圖示的彩色海報設計師嗎？」我當時措手不及，「是的。」我迴答。她說：「我想告訴你這張海報對我有多重要。我父母因此來到滿座的劇院看我演齣，而且我可能就快去紐約瞭！」。我不知道該說些什麼，她牽起我的手，走近瞭，緩緩地一抹微笑，爬上瞭她盈眶的注視中，「你改變瞭我的生活，謝謝你。」

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

 

New York Times《紐約時報》 iPhone版app圖示
 
用一套聰明的圖示係統，為新聞業領導者開拓新疆域
 
2007年第一代iPhone推齣不久後，紐約時報藝術總監霍伊‧威恩和卡洛琳‧圖蒂諾委託我為全新《紐約時報》app的所有頁麵設計圖示。紐約 時報的app是第一代的媒體類app，所以在當時對我來說也是全新的領域。這些圖示的設計意圖，比起本書中其他圖示係統要更加隱形和低調。我預期的效果就是，當你閱讀到瞭圖示時，就看到瞭資訊本身，而不是造形藝術。當你需要連結到某個頁麵時，點擊這些圖示，就能立刻到達。
 
針對這個項目的一些規則：
 
• 每種類彆單一圖形
 
• 沒有漸層（有彆於《時代週刊》）
 
• 對全球語種使用者都簡單可用
 
• 均衡統一的圖形處理手法（包括統 一方塊、圓、三角的搭配）
 
• 快速讀懂
 
最能啓發我、令我著迷的是，人們如何對圖像做取捨，如何傾嚮擷取某個特定圖像而非另一個。以鬱金香圖示為例：13年前，在iPhone誕生以前，鬱金香圖示曾被廣泛使用在佳能相機和其他類似設備上，意思是照片，或者更確切地說，錶達靜止的生命體。
 
我起初為「訃聞報導」版設計瞭一個墓碑圖示，但客戶覺得太消極瞭，沒有人願意被這圖示提醒迴想起他那死去的叔叔。諷刺的是，他們最後決定使用鬱金香圖示。不允許用骷髏來代錶死亡無疑是有些荒唐的，但人們就是不願去麵對人會死亡的這個真相。更何況在大多數其他國傢，沒有人會齣去買鬱金香，而是直接就火化瞭。
 
另外，「運動」也是塊難啃的骨頭。因為要覆蓋那麼多種不同的運動，這個圖示被設計得很復雜。我起初給瞭他們幾個不同選項，第一版中他們決定用一件裁判衫做圖示，隨即改成瞭一個普通的球。我猜測隨著時間的推移，人們會更習慣於這個類似網球的圖示創意。我進一步把綫條做細化處理，讓這個球的圖形更像一顆通用的球。

评分☆☆☆☆☆

當我第一眼看到這本書的名字——“iPhone介麵設計師，教你大玩圖像設計”時，我就知道我找到寶藏瞭！我一直對視覺設計充滿著嚮往，尤其是那些讓手機界麵如此生動有趣的圖像元素。但總覺得隔著一層紗，不知道從何下手。這本書的標題，特彆是“大玩圖像設計”這幾個字，讓我感到設計並非高高在上，而是可以充滿樂趣和創意的。而後麵提到的“從錶情符號、LOGO、app圖示到路標設計的實戰經驗分享”，更是精準地擊中瞭我的興趣點。我渴望學習如何設計齣能引起共鳴的錶情符號，讓溝通更加生動；我希望瞭解一個好的LOGO是如何煉成的，它背後蘊含著怎樣的品牌策略；APP圖標和路標設計，更是我日常生活中接觸最多的，我想知道它們是如何在有限的空間內傳遞最大信息量的，並且如何做到既美觀又實用。這本書對我來說，不僅是一本學習工具，更像是一份邀請，邀請我去探索圖像設計的無限魅力，並用我的雙手去創造那些令人驚艷的視覺作品。

评分☆☆☆☆☆

說實話，我之前對“介麵設計”這個詞有點模糊，總覺得它離我有點遠，更像是專業人士纔需要掌握的技能。但當我偶然看到這本書的介紹時，我被它的標題深深吸引瞭。“大玩圖像設計”這個說法，讓我覺得設計並不是枯燥乏味的，而是充滿樂趣和創造力的。更吸引我的是它提到的“實戰經驗分享”，這讓我覺得書中的內容會非常接地氣，而不是空洞的理論。我尤其好奇書中關於“錶情符號、LOGO、app圖示到路標設計”的具體內容。我一直對那些在App中活潑有趣的錶情符號很感興趣，希望能學習如何設計齣既可愛又有錶現力的錶情；而LOGO設計，更是現代商業不可或缺的一部分，我希望書中能教我如何捕捉品牌的精髓，並將其轉化為一個讓人過目不忘的標誌。APP圖標和路標設計，我感覺它們是連接用戶與産品、信息與人的重要橋梁，設計的好壞直接影響用戶體驗，我希望通過這本書，能理解這些設計背後的邏輯和原則，以及如何讓它們更直觀、更易懂。這本書對我來說，可能不僅僅是學習設計技巧，更是一種思維方式的轉變，讓我學會用更敏銳的視覺語言去觀察和理解這個世界。

评分☆☆☆☆☆

這本書的標題簡直太吸引人瞭！“iPhone介麵設計師，教你大玩圖像設計”——光看前半句，就覺得它充滿瞭專業性和實用性，而“大玩圖像設計”則暗示瞭書中內容的趣味性和創意性。我一直對圖像設計領域充滿熱情，但總覺得自己在理論知識和實際操作之間存在一道鴻溝。我經常在App Store裏流連，對那些精美的圖標和流暢的界麵設計贊嘆不已，但自己動手時卻常常感到無從下手。這本書提到的“從錶情符號、LOGO、app圖示到路標設計”的實戰經驗分享，正是我急需的！我特彆期待在錶情符號設計部分，能學到如何運用簡單的綫條和色彩，創造齣豐富多樣的情感錶達；在LOGO設計方麵，我希望能理解如何將抽象的概念轉化為具象的視覺符號，並讓它具有獨特的識彆度；而APP圖標和路標設計，我則希望能通過書中真實的案例，學習到如何平衡美學和功能性，設計齣既符閤平颱規範又充滿個性的作品。這本書對我來說，就像是一份寶貴的指導手冊，我期待它能幫助我跨越理論的藩籬，真正地“玩轉”圖像設計，並將其運用到我的實際創作中。

评分☆☆☆☆☆

簡直是為我量身定做的！我一直對UI設計充滿好奇，特彆是那些精緻的App圖標和令人眼前一亮的錶情符號，總覺得背後有著一套神奇的邏輯。在沒看到這本書之前，我嘗試過一些零散的教程，但總是碎片化，缺乏係統性。這本書的標題就抓住瞭我的痛點——“iPhone介麵設計師，教你大玩圖像設計”，這讓我感覺它不僅僅是介紹理論，更像是有一位經驗豐富的導師手把手教你實踐。我特彆期待書中關於“從錶情符號、LOGO、app圖示到路標設計”的實戰經驗分享，因為這涵蓋瞭我感興趣的絕大多數圖像設計領域。我希望它能從最基礎的軟件操作、色彩搭配、構圖原則講起，然後逐步深入到不同設計元素的特點和錶現手法。例如，在錶情符號設計部分，我希望能學到如何用簡潔的綫條和豐富的色彩傳達齣復雜的情感；在LOGO設計部分，我期待看到作者如何分析品牌定位，並將其轉化為具有辨識度和傳播力的視覺符號；而APP圖標和路標設計，更是考驗設計功底和用戶理解力的部分，我希望書中能有真實的案例分析，讓我理解為什麼某些設計能被大眾接受並喜愛，而另一些則顯得生硬或不實用。總而言之，這本書對我來說，就像是一本藏寶圖，我迫不及待地想跟著它去探索圖像設計的無限可能，並從中汲取靈感，開始我自己的設計之旅。

评分☆☆☆☆☆

這本書的齣現，簡直是我近期最大的驚喜！“iPhone介麵設計師，教你大玩圖像設計”，這個標題就已經把我的興趣牢牢抓住瞭。我一直以來都對視覺傳達設計有著濃厚的興趣，特彆是那些在數字世界中我們每天都會接觸到的圖像元素，比如App的啓動圖標、社交媒體上的錶情包，甚至是我們齣行時看到的指示牌。這本書明確地將這些內容囊括其中，並且強調“實戰經驗分享”，這讓我覺得它不是一本枯燥的理論書，而是充滿乾貨的實踐指南。我迫切希望書中能夠詳細講解錶情符號的設計思路，如何用極簡的元素錶達豐富的情緒；在LOGO設計方麵，我期待學習到如何從零開始，通過對品牌文化的理解，創造齣具有生命力的視覺標識；而APP圖標和路標設計，我則希望能夠深入瞭解其背後的用戶體驗考量和設計規範，學習如何讓信息更清晰、更易於被理解。這本書對我而言，不僅僅是學習一項技能，更像是打開瞭一扇通往創意世界的大門，讓我看到瞭圖像設計背後無窮的樂趣與可能性。