吴佳敏
 资深视觉设计和研究专家，移动电商设计专家，拥有9年互联网视觉设计和管理经验，在互联网视觉设计的需求分析、用户体验、创新设计等各方面有着极为深刻而系统的理解和认识。拥有多项国家外观设计专利。
 现任携程UED视觉高级经理，参与了携程机票事业部各个产品部门的设计工作，并帮助培养视觉设计方面的人才；曾就职于腾讯，先后参与世博官网、腾讯微博、腾讯网等相关产品的设计工作。
 UI中国前身Iconfans特攻队的版主之一（ID：Michelle •E）。

 这是一部能帮助视觉设计师开悟的著作，由携程网UED视觉高级经理撰写，是她9年互联网视觉设计经验的总结和奉献。
 全书从设计师的专业能力、设计方向、设计技巧、设计理念、设计规范5个维度展开，其中前4项可以构成一个完整的视觉设计工作链，在这个链条上每一环都是后面一环的支撑，缺一不可。但是在这个链条之上必须配以设计规范，才能让这个链条更加稳固。因此本章主要分为5章：
 第1章：首先介绍了互联网产品及其视觉设计的概念，然后介绍了互联网产品视觉设计师的职业规划、需要知道的5个关键点和需要掌握的4种学习方法，这些是形成设计理念的基础。
 第2章：首先明确了战略和用户对于互联网产品视觉设计人员来说意味着什么，接着用了较大的篇幅深层剖析了对互联网产品视觉设计人员非常重要的一个概念——层级。只有掌握了层级，才可能成为合格的设计师。最后则系统介绍了视觉设计方法和流程，这部分内容旨在帮助设计师在掌握了层级，有了成为一名合格设计师的潜质之后，知道如何开展设计工作。
 第3章：围绕细节设计展开，主要包括两大块内容：设计元素和颜色搭配。元素+颜色=作品，所以掌握了这两部分内容就可以设计出令人拍案叫绝的作品。这一章从颜色代表的情感、颜色的模式、颜色选取的2种方法等角度详细介绍了颜色搭配的方法；从图标的类型、像素、体量感、选择、动效设计、使用情况等方面介绍了图标的使用方法。除了这两大块内容外，本章还在最后分别介绍了文字和表单处理方法。
 第4章：围绕回归设计理念展开，要求设计师能提炼设计理念，论证设计方向，提炼设计技巧，这样不仅能让作品有感性的视觉传达、理性的理论支持，还能让设计师找到不足、积累经验。
 第5章：在明确了设计规范的重要性之后，给出了制定规范的5大原则和具体流程，最后还辅以具体的案例，让读者在掌握理论层面的知识后，还能通过他人的成功经验知道自己的工作如何落地！

设计的价值不只体现在设计的表现层，更重要的体现在是否能反馈产品的核心诉求。UI中国自创建以来，有上百万的设计师来这里交流，很多视觉设计师常常比拼着设计技法，却少有关注设计背后的理念，以及对产品战略层面的思考。这本书针对视觉设计师的职业成长、能力体系建立以及如何保持良好的产品战略思考等方面进行了详细阐述，很具有实战的借鉴意义，是一本值得放在手边的参考书。
—— 董景博　UI中国创始人&CEO

互联网的设计纷繁多样，迭代也快，新的知识和设计趋势不断变化，所以设计师这个群体需要不断地学习和更新原有的知识体系。本书通过专业的讲述，介绍了设计师的职业规划和设计方法，如何突破瓶颈、摸清脉路、由繁化简，如何坚守自己的信念，坚持自己的设计……深入阅读本书可以帮你快速提升和掌握互联网产品设计的专业技巧，从不同维度了解到好的设计是如何产生的，好的团队是如何合作的。这是一本颇有诚意的书，希望能够为你指明方向，并且令你热爱设计这份工作。
——　任婕 腾讯网UED设计总监

市面上关于互联网产品设计的书很多，但关于视觉设计的书还偏少，有“干货”的书就更少了。本书总结了专业设计师的所思所想，是一本让人期待已久的作品。
—— 张酉麟（小火） 著名设计师

视觉设计师的核心价值是专业竞争力。没有一个设计师是可以一天两天炼成的。除了天赋，更需要专研和努力。视觉设计师是公司的产品“解说员”，通过设计让用户理解产品。书中有很多能让设计师共鸣的观点，因此本书让我爱不释手。同时这也是一本设计师的开悟书，希望大家通过本书早日领悟设计师的进阶之道。
——　应骏赳（JJ Ying） 著名设计师/Anyway.FM主播

目录
前言
致谢
第1章· 认识互联网产品视觉设计/1
1.1　什么是互联网产品的视觉设计　/2
1.1.1　了解互联网产品　/2
1.1.2　什么是互联网产品的视觉设计　/8
1.2　互联网产品视觉设计师5项关键能力　/10
1.3　提升视觉设计师能力的4种学习方法　/23
1.4　视觉设计师的职业规划　/31
1.4.1　专业线　/32
1.4.2　P线　/34
1.4.3　M线　/37
1.5　视觉设计与其他岗位同事之间的配合　/39
1.5.1　团队合作　/39
1.5.2　工作沟通　/41
第2章· 设计方向和设计理念/43
2.1　产品战略与目标用户对设计方向的影响　/44
2.1.1　为什么要确定设计方向　/45
2.1.2　确定设计方向的调研方法　/49
2.2　贯穿全局的思维—层级概念　/61
2.2.1　为什么要掌握分析层级的能力　/62
2.2.2　建立信息层级的视觉方法　/66
2.3　视觉设计流程与方法　/74
2.3.1　研究分析　/74
2.3.2　设计草案　/81
2.3.3　设计辩证　/90
2.3.4　设计提案　/97
第3章· 细节深入/101
3.1　细节设计的两个关键点　/102
3.1.1　设计元素　/102
3.1.2 　颜色搭配　/107
3.2　颜色　/108
3.2.1　色彩的情感　/110
3.2.2　在UI设计中运用RGB颜色模式　/119
3.2.3　理性和感性的两种取色方法　/123
3.3　图标　/129
3.3.1　图标类型　/129
3.3.2　图标像素　/135
3.3.3　图标统一体量感　/136
3.3.4　图标的隐喻选择　/137
3.3.5　图标色彩与视觉反馈　/139
3.3.6　图标的动效设计　/139
3.3.7　在适当的情况下使用图标　/143
3.4　文字　/144
3.4.1　字体和字号　/145
3.4.2　色值　/146
3.4.3　衬线体与非衬线体　/147
3.4.4　文字行距　/148
3.4.5　边距和缩进　/148
3.4.6　行为召唤　/149
3.5　表单　/151
3.5.1　情感化的表单　/151
3.5.2　清晰的视线流　/151
3.5.3　合理的排布　/153
3.5.4　更多地为用户考虑　/155
3.5.5　有效地引导　/157
第4章· 回归设计理念/159
4.1　提炼设计理念　/160
4.1.1　点、线、面理念　/162
4.1.2　直线与浪线理念　/163
4.1.3　抽屉理念与卡片设计　/165
4.1.4　负层级理念　/166
4.2　设计中的法则　/167
4.2.1　7±2法则　/167
4.2.2　费茨法则　/168
4.3　参考线的价值　/169
第5章· 设计规范/173
5.1　规范的重要性　/176
5.1.1　统一产品的用户体验　/176
5.1.2　方便设计　/178
5.1.3　形成备案和文库　/179
5.1.4　提高工作效率　/180
5.2　制定规范的5大原则　/181
5.2.1　把握制定规范的时机　/181
5.2.2　需要确定规范的范围　/183
5.2.3　避免规范一成不变，需要迭代　/184
5.2.4　避免规范过于详尽　/184
5.2.5　大指引、小规范的制定思路　/185
5.3　制定规范的流程　/187
5.3.1　注意积累和归纳　/188
5.3.2　制作规范　/189
5.3.3　汇总和微调　/196
5.4　Web规范制定的案例　/197
5.4.1　页面颜色规范　/199
5.4.2　文字规范　/200
5.4.3　按钮规范　/201
5.4.4　单选框和复选框规范　/201
5.4.5　控件规范　/202
5.4.6　命名规范　/204