前言

近些年来，移动互联网正逐渐渗透到人们生活、工作的各个领域，人们的生活被屏幕所包围。而这进一步推动了UI设计行业的发展，很多公司都建立了UCD（以用户为中心的设计）部门，UI设计师待遇也随之水涨船高。

UI设计是什么？是美工？是界面上色？很多人都问过这个问题，在笔者看来这个问题并无标准答案，它随着时代发展而变化，基本可分为3个方向，即用户研究、交互设计、界面设计。设计师也由早年的“P图美工”进入以用户体验为中心的“全链路设计”时代。同时，它也对想入行的新手提出了更高的要求。

无论是“好的设计”还是“坏的设计”，其实视觉的因素并不会占有太高比例，产品不会因为一个按钮的颜色深浅或投影大小就是好的或不好的产品，设计师在做设计时要从产品行业深入研究，从用户角度思考，才能跳出认知的舒适圈，做出符合行业标准的产品。

这就要求新手设计师快速迭代专业知识，业内设计师也要快速学习来保证不被淘汰，UI设计师不仅要有基本的视觉设计、交互设计等技能，还要有用户研究、需求分析、文案描述和品牌营销等能力。从单一的技术思维模式向行业业务理解模式的转变，也是思维认知的一次大提升。

2013年笔者进入行业，任职期间，每完成一个项目都会写一份项目报告复盘，和同行一起交流，为便于分享知识，做了“优时节设计”这个公众号，不定期将项目心得分享出来。在此期间总结了一套完整的知识体系，也通过写书的形式分享给大家。

本书内容

本书从新手角度来全方位阐述UI设计的必修知识，不仅有软件的实操案例，还注重培养读者的逻辑思维，从数据和产品角度帮助读者快速建立自己的UI设计知识框架。

第1章从UI行业的发展讲起，详细介绍了各大公司对UI设计师的要求，以及学习前的准备和要达到的目标。

第2章主要讲解UI设计的必备软件，其中Photoshop和Illustrator软件这一阶段的学习主要以临摹图标为主。

第3章以Adobe XD和Axure两个原型软件操作为主，讲述了页面之间的跳转逻辑，快速使用原型软件来实现交互效果。

第4章讲解iOS和Android的设计规范，以及两者的不同之处，做完本章练习题之后可以加深理解。

第5章和第6章主要讲解界面设计常犯错误、运营插画技法、界面输出适配和After Effects动效设计方法。

第7章以前端开发为主，从程序员视角来讲解HTML和CSS两种技术，并用两种技术来编写一个网页。

第8章以提升为主，讲解了高级图标设计的不同方法、设计布局和方法论，使设计师的作品“言之有物”。其中B端产品部分需重点学习，打破知识盲区。

第9章主要讲解需求梳理、竞品分析、作品集制作及面试技巧，在求职方面给予读者一定帮助。

鸣谢

感谢优时节团队的讲师李志强、上海梦魅信息科技有限公司CEO李灿、资深运营专家叶滔和腾讯课堂类目经理董瑞萌，他们提供了大量实战教学内容。

勘误与联系

本书由徐鹏编著，书中疏漏之处在所难免，感谢您选择本书，同时也希望您把对本书的建议反馈给我们。