现代互联网行业中交互设计过程是整个网页设计以及其他类型产品设计的核心，现代对于网页设计过程中需要掌握基础知识的同时，还需要我们对交互设计的理念，根据现代互联网设计表现为系统性的专业知识框架建设，更需要找出自己薄弱的能力项进行自我提高。

为正在成长中的新人交互设计师、希望转行交互的同学提供一份“技能树地图”，让你们能够从全局性的视角去观察这个职业，也能知道自己应该怎么学习和进阶；

视觉设计师以及其他职业的同学也能参考这份技能树搭建自己的地图，还能从这份地图上找到我们之间的共性，一起学习和提高这部分共性能力。

1、思维

思维是交互设计师的大脑。无论是他接到产品经理需求时，还是在做具体的设计时，亦或是平时生活中体验产品时，他的大脑中时刻都运转着这些思维方式，指导他与他人的沟通协作，指导他产出设计思路，指导他观察这个世界。这一部分的内容至关重要，如果这些思维有所欠缺，那他设计出来的东西一定是平庸的，甚至可能是根本不可用的。

设计师一般包含五种思维：

产品思维

用户思维

逻辑思维

视觉思维

开发思维

2、眼界

眼界是交互设计师的眼睛和藏书库。有句话说得好，“道理我都懂，却依然过不好这一生。”思维方式有了，你还需要有一定的专业知识、行业案例的积累才行，否则就算你想得很好，但是真到你要动手设计的时候，你会发现还是无从下手，因为你看得不够多。就像你要想成为一名文学作家，首先就得有十年以上的阅读量，涉猎古今中外各种文学名著和各种文体，你才有可能写出文笔流畅、故事生动的散文或者小说来。就算你只想当一名野生的网文写手，那也得先看他个几千万字的各类网络小说不是么？

它有四个藏书阁：

交互模型

用户心理

平台规范

设计流程

3、手段

手段是交互设计师的双手和武器库。这应该是所有设计师最容易注意到的技能，也是最容易掌握的技能了，毕竟如果你不会一两个原型工具和设计软件，你都不好意思说自己是交互设计师吧？但是这个武器库中又存在着很多容易被人忽略的东西，比如高保真原型工具，比如用研方法，又比如编程语言，这些武器用好了不仅能为你加分，更有可能帮你度过一些原本过不去的难关。同时，就算是再熟悉不过的Axure和Sketch，里面也有很多提高效率的小技巧，你比别人每天快的这一点点，就决定了你是真的精通还是假的熟练，也决定了你做项目的效率。

设计师的手段有五个武器库：

原型工具

设计软件

用研方法

编程语言

文档工具

4、精神

精神是交互设计师的精神内核。在以上的三个部分之外，我又特地补充了精神这个方面。这是最容易被人忽视的特质，其实也是决定了一个人能否做好交互设计这个职业的最关键因素。就像你无法信任一个大大咧咧、天然呆的外科医生为你做手术一样（天知道他会不会把剪刀落在你的肚子里），你同样也无法相信一个没有探索欲的交互设计师会天天去体验新奇的APP和交互方式；同样，一个没有同理心的交互也不可能真正体会到用户心理、做出用户真正喜爱的产品。

设计师的精神包含两种精神：

同理心

探索欲

设计师就应该尽可能的为设计的系统性能和限制，在设计中添加新特色和交互能力，理解开发性的思维并且真正的了解算法，开发性思维可以从“拥抱限制，寻找技术边界入手”。

1. 算法的本质

算法（Algorithm）是指解题方案的准确而完整的描述，是一系列解决问题的清晰指令，算法代表着用系统的方法描述解决问题的策略机制。也就是说，能够对一定规范的输入，在有限时间内获得所要求的输出。

2. 改变输入方式

你的设计构想是很完美很厉害，但是你给开发同学的不过是一张画满黑白线框和流程说明的交互稿，以及一张看起来华丽却不会动的视觉稿，你觉得他们对你的这种输入方式能理解多少？恐怕只有不到一半吧。剩下的那些，开发同学只好自由发挥了，不然东西做出来可是会有Bug 的。何况开发时间还那么少，老大们可不会找设计师催进度。

3. 模块化设计

页面导航模块、机型选择模块、页面主副标题模块、相关链接模块和产品图片模块等，这些内容都是可以根据需要自由定制的，只要简单做一个更换，就能马上变成另一个页面。

时刻心中都有模块意识的交互设计师，他会在合理设计页面功能的情况下，尽可能地复用设计，和视觉设计师一起把它们固化成模块，就像在生产乐高积木一样。这样一来，只要完成了主要页面和主风格的设计，剩下再多的页面也不过是一种理性地拼装和因地制宜地修改而已。