涵盖产品从创意到原型的全过程
打通设计与研发之间的壁垒，一个人也能完成一个产品
点到即止的理论介绍，拿来即用的实战经验

引言
从记事起我就对技术和设计有着特别的热情。事实上，我童年的涂鸦不
是用蜡笔和纸而是在祖母的Apple II 上进行的。在职业生涯中，我曾自问，
我究竟是一名设计师还是工程师，或者可以两者皆是呢？在校园期间，为了
同时取得计算机和艺术学位，我花了很多时间来安排课程。大学四年中有很
多人问：“你为什么浪费时间去读艺术学位？物理系也比计算机系听起来更
好。”或是“你是学计算机的？你能拿它来做什么？你应该考虑去设计工作室
工作。”
毕业后我进入了一家知名的软件开发公司工作。我将我的工作定义为从
各个方面教导人们设计的相关知识以及如何在项目中运用它们。最初，大家
对于在现有开发流程中加入设计持有一些怀疑甚至反对态度，但经过一段时
间，事实证明在技术领域中拥有设计能力带给了我们极大的优势。
我从来也没想过会写一本关于设计如何与软件结合的书。我的经历不断
提醒我就在几年前，设计和技术还是两个完全不同的概念，而今天我们在软
件领域已经有了界面设计、用户体验设计为先的整个生态圈。
十多年来，我一直帮助各个行业的工程师们设计和创造软件，包括健康
医疗、汽车、金融、零售、法律、娱乐、保险、市场营销、教育、消费产品、
引言VII
游戏、餐饮、通信、媒体和安全等。与开发者们密切的工作交流中，我积累
了一些关于如何进行软件设计的观点。我一直在整理设计框架、设计战略和
启发式设计方面的知识，它们最终形成了我的软件设计流程，也就是本书的
由来。
最好的桌面、移动应用及网页应用都有一个共同之处，即都具有良好的
用户体验。换句话说，既好看又好用。然而如何将餐巾纸上的草稿变成精雕
细琢的应用，并不是那么简单的事。
无论你是否是科班设计院校出身，都可以即刻开始进行软件设计。我同
许多开发者和设计师共事过，他们有很棒的软件创意却不知道从何入手。最
近几年，软件和界面设计开始逐渐融合为一门专门的学科，其中包含了大量
不同领域和专业的知识。这门学科也被证明有着区别于传统设计和计算机科
学的独立流程。
这正是我撰写本书的原因。
我认为优秀的软件包含三个方面的要素。
yy认知心理学 ：预知用户需求并使其得以满足。
yy视觉美学：用户期待被应用所吸引，美观的界面会暗示用户其功能也
很棒。
yy出色的开发：致力于创建直观的软件产品，即使这意味着要求不只是“开
箱即用”就够了。
本书将会把以上这些要素串联成为完整的流程，形成现有技术条件下的
设计方法。
界面设计往往会被等同于：用Photoshop 和Illustrator 这样的工具制作
出渐变、阴影、高光拉丝的按钮等，这只是设计的形式之一。本书要讲的是，
除此之外，如何创造出美观而且让人愿意使用的应用。
我更倾向于将本书中的设计方法称为“开发者的设计”——实用、有效
并且更具通用性。更棒的是，本书将展示如何在没有任何设计训练的情况下，
VIII 引言
攻克软件设计中的各种难关。 一旦掌握了这些设计知识，你的工作内容就不
限于那方小小的屏幕了，因为它们对于任何工作和职位都是有帮助的，无论
是设计师、开发者、产品经理，甚至CEO。
我相信任何人都可以学会如何设计优秀的软件。但是学习过程需要得到
指导，本书将会提供所需的这些指导。你不会一夜之间变成超级设计师，但
是有了这些方法你可以踏上正确的方向。
本书的读者
简单来说，本书适合所有致力于创造数字产品改善人们生活的人阅读。
更准确地说，这些内容最适合具有创意思想的技术人员以及有技术领悟的设
计师。
人们评判优秀的应用以及软件的标准是不断提高的，很多有着软件开发
背景的人们也在想办法提升自己的设计能力。然而我认识的很多开发者之所
以对“学习设计”心存畏惧，大部分是因为设计这门学科太抽象了，理论太
多了。所以，我在本书中试着把这些理论分解成具有实操性、随即能用的技术。
同样地，即便你有设计方面的背景，可能学校也没有教你如何设计用户
界面。而或许同事们为你提供一些帮助，但是为应用做设计仍然是你绕不开
的难题。本书除了讲解视觉设计的核心原则，还探讨设计思维和交互技术。
组织应用流、创建线框图、制作原型，这些实际上只是用来快速表达和实现
想法的工具。
也许本书的许多读者都是初学者，也有一部分经验老到的业内人士，我
会尽可能满足两者的需要。我希望本书成为一本有用的指导手册，同时也能
为已经有点经验的你带来一些新鲜的观点和方法。
本书的内容安排
本书分为4 个部分，共12 章。图1 展示了这4 部分的主题，我基本上也
是按照这样的设计流程来做项目的。
引言IX
第一部分
规划
1. 研究
2. 灵感
第二部分
设计思维
3．绘制草图
4．信息架构
5．线框图
6．原型设计
第三部分
视觉设计
7．颜色
8．数字化排版设计
9．视觉传达
10．动作
第四部分
交互设计
11．交互设计的原则
12．设计模式
图1 这样安排本书的内容，是因为我大体上就是这样做设计的。
我们做项目时，一般都会从用户研究开始，寻找灵感并分析竞品（第1、
2 章）。当累积了一些关键观点并明确目标用户后，便进行“设计思考”，这是
创作应用的发力阶段。我们会把想法用草图画出来（第3 章），并且将内容组
织起来逐步组装成一个App（第4 章）。一旦把各种独立的模块处理好以后，
我们就会绘制包含应用整个App 流程和交互行为的线框图（第5 章），同时创
建能够表现交互性和发现明显缺陷的原型（第6 章）。接下来是流程中的视觉
设计，通过探索各种排版布局、色彩样式和字体设计来为App 创造一个令人
满意而得体的视觉感受（第7~9 章）。之后设计界面动态来赋予产品个性和特
征，创造出各界面间的衔接以及惊喜元素（第10 章）。当我们完成足够多的
高保真设计后将会创建一个新的原型，在开始大量编码工作前更好地观摩产
品的外观和风格。
书中的最后一部分将着重讨论交互设计，实际上这一部分应当是作用于
整个流程之中的。有意将其放在最后，是因为其中包含一些可以常记于心的
进阶内容，可以更好地奠定你的设计基础。我们将会探讨内外环境对于应用
设计的影响（第11 章），最后一章是我收藏的设计模式集合，可以在你自己
的项目中使用和进行拓展（第12 章）。
本书的配套网站
我做了一个配套网站，包含了一些特别的代码、设计模板，还有一些
有用的资源。请访问http://designforsoftware.com，或者www.wiley.com/go/
designforsoftware。