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介面设计师，教你大玩图像设计”，这个标题就已经把我的兴趣牢牢抓住了。我一直以来都对视觉传达设计有着浓厚的兴趣，特别是那些在数字世界中我们每天都会接触到的图像元素，比如App的启动图标、社交媒体上的表情包，甚至是我们出行时看到的指示牌。这本书明确地将这些内容囊括其中，并且强调“实战经验分享”，这让我觉得它不是一本枯燥的理论书，而是充满干货的实践指南。我迫切希望书中能够详细讲解表情符号的设计思路，如何用极简的元素表达丰富的情绪；在LOGO设计方面，我期待学习到如何从零开始，通过对品牌文化的理解，创造出具有生命力的视觉标识；而APP图标和路标设计，我则希望能够深入了解其背后的用户体验考量和设计规范，学习如何让信息更清晰、更易于被理解。这本书对我而言，不仅仅是学习一项技能，更像是打开了一扇通往创意世界的大门，让我看到了图像设计背后无穷的乐趣与可能性。

评分☆☆☆☆☆

这本书的标题简直太吸引人了！“iPhone介面设计师，教你大玩图像设计”——光看前半句，就觉得它充满了专业性和实用性，而“大玩图像设计”则暗示了书中内容的趣味性和创意性。我一直对图像设计领域充满热情，但总觉得自己在理论知识和实际操作之间存在一道鸿沟。我经常在App Store里流连，对那些精美的图标和流畅的界面设计赞叹不已，但自己动手时却常常感到无从下手。这本书提到的“从表情符号、LOGO、app图示到路标设计”的实战经验分享，正是我急需的！我特别期待在表情符号设计部分，能学到如何运用简单的线条和色彩，创造出丰富多样的情感表达；在LOGO设计方面，我希望能理解如何将抽象的概念转化为具象的视觉符号，并让它具有独特的识别度；而APP图标和路标设计，我则希望能通过书中真实的案例，学习到如何平衡美学和功能性，设计出既符合平台规范又充满个性的作品。这本书对我来说，就像是一份宝贵的指导手册，我期待它能帮助我跨越理论的藩篱，真正地“玩转”图像设计，并将其运用到我的实际创作中。

评分☆☆☆☆☆

当我第一眼看到这本书的名字——“iPhone介面设计师，教你大玩图像设计”时，我就知道我找到宝藏了！我一直对视觉设计充满着向往，尤其是那些让手机界面如此生动有趣的图像元素。但总觉得隔着一层纱，不知道从何下手。这本书的标题，特别是“大玩图像设计”这几个字，让我感到设计并非高高在上，而是可以充满乐趣和创意的。而后面提到的“从表情符号、LOGO、app图示到路标设计的实战经验分享”，更是精准地击中了我的兴趣点。我渴望学习如何设计出能引起共鸣的表情符号，让沟通更加生动；我希望了解一个好的LOGO是如何炼成的，它背后蕴含着怎样的品牌策略；APP图标和路标设计，更是我日常生活中接触最多的，我想知道它们是如何在有限的空间内传递最大信息量的，并且如何做到既美观又实用。这本书对我来说，不仅是一本学习工具，更像是一份邀请，邀请我去探索图像设计的无限魅力，并用我的双手去创造那些令人惊艳的视觉作品。

评分☆☆☆☆☆

简直是为我量身定做的！我一直对UI设计充满好奇，特别是那些精致的App图标和令人眼前一亮的表情符号，总觉得背后有着一套神奇的逻辑。在没看到这本书之前，我尝试过一些零散的教程，但总是碎片化，缺乏系统性。这本书的标题就抓住了我的痛点——“iPhone介面设计师，教你大玩图像设计”，这让我感觉它不仅仅是介绍理论，更像是有一位经验丰富的导师手把手教你实践。我特别期待书中关于“从表情符号、LOGO、app图示到路标设计”的实战经验分享，因为这涵盖了我感兴趣的绝大多数图像设计领域。我希望它能从最基础的软件操作、色彩搭配、构图原则讲起，然后逐步深入到不同设计元素的特点和表现手法。例如，在表情符号设计部分，我希望能学到如何用简洁的线条和丰富的色彩传达出复杂的情感；在LOGO设计部分，我期待看到作者如何分析品牌定位，并将其转化为具有辨识度和传播力的视觉符号；而APP图标和路标设计，更是考验设计功底和用户理解力的部分，我希望书中能有真实的案例分析，让我理解为什么某些设计能被大众接受并喜爱，而另一些则显得生硬或不实用。总而言之，这本书对我来说，就像是一本藏宝图，我迫不及待地想跟着它去探索图像设计的无限可能，并从中汲取灵感，开始我自己的设计之旅。

评分☆☆☆☆☆

说实话，我之前对“介面设计”这个词有点模糊，总觉得它离我有点远，更像是专业人士才需要掌握的技能。但当我偶然看到这本书的介绍时，我被它的标题深深吸引了。“大玩图像设计”这个说法，让我觉得设计并不是枯燥乏味的，而是充满乐趣和创造力的。更吸引我的是它提到的“实战经验分享”，这让我觉得书中的内容会非常接地气，而不是空洞的理论。我尤其好奇书中关于“表情符号、LOGO、app图示到路标设计”的具体内容。我一直对那些在App中活泼有趣的表情符号很感兴趣，希望能学习如何设计出既可爱又有表现力的表情；而LOGO设计，更是现代商业不可或缺的一部分，我希望书中能教我如何捕捉品牌的精髓，并将其转化为一个让人过目不忘的标志。APP图标和路标设计，我感觉它们是连接用户与产品、信息与人的重要桥梁，设计的好坏直接影响用户体验，我希望通过这本书，能理解这些设计背后的逻辑和原则，以及如何让它们更直观、更易懂。这本书对我来说，可能不仅仅是学习设计技巧，更是一种思维方式的转变，让我学会用更敏锐的视觉语言去观察和理解这个世界。