生活中，我常常被问：“你是做什么的？”我会回答：“互联网视觉设计师。”对方很不解，什么叫互联网视觉设计师？我通常这么解释：在有些公司里，我们被称为UI设计师，但有时也会被称为VI设计师。不管称呼是怎样的，我们的工作都是在电脑或手机屏幕上针对界面皮肤的设计。我们的设计为互联网产品服务，在针对界面皮肤设计的时候，会对用户体验进行研究分析。

在平时的工作中，我发现有些合作部门的同事竟然也不太了解我们的工作内容，以及视觉设计的价值。这坚定了我写这本书的决心。

为什么要写这本书

从包豪斯到Google I/O的Material Design，互联网的视觉设计既继承又颠覆着传统视觉设计理念。每一年都有许许多多的毕业生或者转行人员开始从事互联网产品的视觉设计师工作。

2015年，我在面试了100多位应聘者后发现，80%～90%的设计师应聘者对自己的职业毫无规划，并且对职位定义不清。他们认为只要是视觉设计的工作，都能胜任。其中有些应聘者是仅对设计抱有兴趣的，但他们没有设计背景，也没有设计方面的正规培训和工作经验；还有一些刚刚毕业的校招生，由于不清楚互联网公司的职位分配和工作内容，导致求职受到阻碍。这些人可能在设计领域中会有很不错的发展，但在他们踏入这个领域时，其实已经错过了求职良机，非常可惜。

有些同学在学校里会学习到一些别人制定的设计理念、设计知识。而这些在工作中，往往只是工作内容的一部分，在工作中，科学的工作流程、合适并能解决当下问题的设计、高效而良好的沟通技巧、有效的解释说明设计才是成功的互联网产品设计师必须拥有的素质。而这些在学校里是学不到的。

互联网行业是一个发展非常快的行业，也是一个充满创新的行业，技术发展快，商业模式层出不穷，用户的需求也在不断变化，相似的产品越来越多。对于互联网企业而言，要能让自己的产品在这个快速发展且充满变化的行业里更好地满足不断变化的用户需求，只有为用户提供越来越好的产品以及更好的用户体验这一条路。所以，近几年，互联网行业中成熟的公司越来越重视UED团队。在一些UED团队中，已经将设计岗位细分成：交互设计和视觉设计。而这种专业的职业细分，是靠一代又一代设计师们自己总结摸索得出来的。

有些视觉设计师会误读界面设计，从而把界面设计得“虚”“大”“空”。什么是“虚”“大”“空”？

“虚”：需要突出产品属性和信息的时候，却用设计技巧和手段掩盖了产品真正要表达的功能特点，虚而不实。

“大”：互联网环境下，相似的产品非常多，一些产品或者产品功能是有时效特性的，当产品发布错过了有效时机时，无论做得多好都会流失用户。所以在设计的时候若总想太多，做得范围太广，往往都会导致产品发布错失良机。

“空”：设计师没有真正了解产品，只是在炫耀自己的技能，设计理念与产品理念矛盾。

“虚”“大”“空”会使工作伙伴对我们的能力产生质疑。在没有任何经验和总结可参考的情况下，设计师的成长往往会受到阻碍，对自己的职业道路会产生迷茫和质疑。本书就是基于以上原因策划出版的，希望本书能帮助视觉设计师们快速成长，少走弯路。

读者对象

本书的主要读者包括从事互联网视觉设计的应届毕业生、转行从事互联网产品视觉设计的从业人员，视觉设计师（以互联网为主）、视觉设计团队管理人员（以互联网为主）、产品经理，以及用户体验从业人员。

刚毕业的同学：阅读这本书，可以理解如何在互联网的环境中开展自己的工作，从学生身份切换到社会人身份，了解视觉设计师的职能，工作的流程和如何提升专业技能。

转行成为互联网一员的设计师：通过阅读本书，可以了解互联网环境的设计团队是如何合作、如何思考的，帮助转行设计师快速入门，并融入互联网工作氛围。

和视觉设计师打交道的相关人士：可以了解视觉设计师的工作和思考范畴。本书将感性的设计内容用文字的方式理性地传达给读者，从而帮读者了解并理解设计师的工作。

公司的高层：通过阅读本书，领导们能更了解视觉设计师的感受、职业发展方向，从而使视觉设计师在工作中可以更好地体现自己的价值，并且在职业发展道路上有更大的发挥空间。

如何阅读本书

本书的内容基本都是干货，是我的经历、经验的系统总结。书中的观点和论证均在我9年的互联网产品视觉设计工作中得到了验证和提炼。本书从界面设计逻辑的层级分析到设计的细节分析，从工作沟通的合作方式到设计语言的表达解释均有深刻阐述。具体来说，本书从以下三个层面进行了讲述：

第一层讲解了互联网产品视觉设计师的职业规划、需要具备的能力，这部分内容可以帮助入门级的设计师进行技能储备，帮助中级设计师对自己的职业生涯进行规划，帮助设计管理者确定招聘准则。

第二层讲解了设计方向和设计方法，一些设计方法可以帮助大家在互联网的工作中快速论证和自省设计是否是准确合适。同时还讲解了大型改版设计前期调研该如何开展。

第三层讲解了深入设计和确立视觉理念的相关知识，这部分内容比较专业，技术性更强，书中会用大量的例子来说明和解释视觉理念及一些确立视觉理念的方法论。

本书一共分五章，具体内容安排如下：

第1章讲述互联网产品及其视觉设计概念，旨在让读者对互联网产品有一个整体的了解。作为一名合格的互联网产品视觉设计人员，了解这些内容有助于形成正确的设计观，也就是找到设计方向和设计理念。这一章还讲解了互联网产品视觉设计师的职业规划、需要知道的5个关键点和需要掌握的4种学习方法，这些都是形成设计理念的基础。

第2章是在第1章的基础上对设计的方向和理念进行宏观性的剖析。这一章首先明确了战略和用户对于互联网产品视觉设计人员来说意味着什么，接着深层剖析了对互联网产品视觉设计人员非常重要的一个概念——层级，包括什么是层级、为什么要掌握层级、如何建立层级等。只有掌握了层级，才可能成为一名合格的设计师。本章最后系统介绍了视觉设计的方法和流程，这部分内容旨在帮助设计师在掌握了层级，有了成为一名合格设计师的潜质之后，知道如何开展设计工作。这一章的内容既能够帮助个人快速处理和制作设计，又可以帮助团队规范设计流程和方法，提高团队效率。

在掌握了第2章的宏观知识后，第3章开始围绕细节设计展开讲解。这一章主要包括两大块内容——设计元素和颜色搭配，元素+颜色=作品，所以掌握了这两部分内容就可以设计出令人拍案叫绝的作品。这一章从颜色代表的情感、颜色的模式、颜色选取的两种方法等角度详细介绍了颜色搭配的方法；从图标的类型、像素、体量感、选择、动效设计、使用情况等方面介绍了图标的使用方法；同时还对文字和表单的设计进行了详细分析。

在了解了设计的方方面面之后，本书指出让设计师进一步提升的方法，也就是第4章要介绍的内容——回归设计理念。这一章告诉视觉设计师在设计完毕后要进行反思、自省，提炼设计理念，论证设计方向，这样不仅能让作品有感性的视觉传达、理性的理论支持，还能让设计师找到不足、积累经验。要想进阶为更高级别的视觉设计师，本章内容是必学的。

前面4章是视觉设计师进行创作的完整流程，是一个完整的视觉设计工作链，在这个链条上每一环都是后面一环的支撑，缺一不可。但是在这个链条之上必须配以设计规范，才能让其更加稳固，这就是第5章要讲解的内容。第5章在明确了设计规范的重要性之后，给出了制定规范的5大原则和具体流程，最后还辅以具体的案例，让读者在掌握理论层面的知识后，还能通过他人的成功经验知道自己的工作如何落地！

希望本书能够唤起读者在互联网产品的视觉设计过程中的一些思考，同时也希望本书能使读者比较深入地了解我想要表达的对互联网产品的视觉设计的理解。

资源和勘误

书中的图片都是进行示意的设计稿，价格和数字都仅为举例需要。由于经验和精力有限，本书难以全方位从点滴细节中深入而系统地解释互联网产品的视觉设计。如果能帮助大家认识视觉设计师的岗位，理解视觉设计师，那么对于视觉设计师以及我本人来说，已经足够了。

如果你有任何针对本书的宝贵意见或建议，欢迎发送邮件至邮箱naonao_mail@126.com。期待能够得到你的真挚反馈。