经常被人问起“如何入门交互设计”，也做过很多次解答，今天便系统地和大家聊聊~
提示：这篇文章会很长，如果一次看不完，可以收藏一下。这篇文章主要是为新人撰写，所以很多概念/方法会比较模糊地说，多少会损失一些严谨性。
有些同学入门交互的步骤是：看一些书，比如《交互设计精髓》，然后借鉴各个竞品开始画交互稿，一年后好像也入门了，但这么做会有2个问题：
先看书，尤其是《交互设计精髓》，很容易让人放弃，也很容易让人变得“空洞”；跟着竞品学画交互，很难领会到体系的基础知识，学到的都是零散的点，也就是野路子。那么相对有体系的学习步骤是怎样的呢？这里笔者用“学武功”做一个类比：
这个学习步骤也可以对应到交互设计T型能力图谱上，如下图：
下面的篇幅我们便来分别介绍每一个步骤具体学什么？怎么学？
步骤1：界面基础（招式）
界面基础指的是：控件、布局、流程，也就是在交互稿上肉眼可见的部分。入门时先学界面基础可以让你快速感知到什么是交互设计，并建立一些兴趣和信心。
1.1控件
控件就是界面上最小的有效单元，比如下图中的“搜索框”、“单选按钮”、“复选框”、“下拉框”。
1.1.1认识控件
掌握控件首先要“认识控件”，认识控件比较体系的方法是去阅读各个平台的官方设计规范，比如iOS、Android、MacOS、Windows（DesktopAPP/UWP）、小程序。注意web端是没有官方规范的，因为本身不是平台。web端的规范属于各自为*的状态，国内后台规范比较常见的是antdesign和element，前台就没有规范可言了。
1.1.2了解控件的交互流程
很多控件都不是静态的，都会有各自的一套交互流程，比如文本框（可参考下图流程）：“用户点击文本框后，会出现光标，且弹出键盘。输入第一个字符后，会出现“清空按钮”。输入很多字符后，会有截断效果。输入错误时，会报错……”
了解控件的交互流程，可以帮助你更立体地了解一个控件。在实际的交互稿绘制中，也经常会细致地描述某个控件的交互流程。
想要学习每个控件的交互流程，比较简单的方法就是找一些成熟的产品试用，看每进行一个动作下一步会发生什么，然后临摹下来。对于移动端，比较推荐大家临摹