零基础入门！给非科班生的自学路径图之交互设计篇

@窒息红Leon ：所有群里最常见的新人问题就是——零基础怎么学习交互设计？其实，很多时候零基础不可怕，但最怕的就是零基础带来的那种浮躁，比如往往他们都追求速成。每个职业人都有零基础的时候（废话），而在社会上获得工作机会又要求你有相关经验，于是这就形成了一个新人最恐惧的矛盾——越没经验越没机会，越没机会越没经验。

今天给大家推荐一些我个人认为相对靠谱的零基础学习途径，做完这些，想直接去 BAT 校招应该是可以一战的，或者退一步去一个小型公司进一步积累经验应该也会有很大的希望。

1. Design Guidelines

两大平台（Android、iOS）的官方设计规范强烈建议读三遍，很明显，这件事很多新人坚持不完就放弃了。阅读肯定不能单纯死磕，需要有一些目的性和理解技巧：

第一遍作为入门，就当看课外书，过程中尽量去理解每个章节的内容，并且在阅读的时候努力回想手边哪些把玩过的产品应用了这些设计细节，或者没有应用（为什么？如果用了会不会更好？）；

第二遍作为学习，最好手上有实际的项目或者练习，同时使用规范辅助阅读，做到相应的场景就可以先翻看规范的建议，然后结合竞品的做法，思考怎样找到最适合自己产品的设计方案；

第三遍作为手边工具书，不一定要从头到尾再次阅读，而是把设计规范时常留在手边，做项目或者练习或者看别人设计的时候经常想起来翻阅，有助于强化你对平台规范的理解和应用。

当然，设计不仅仅是循规蹈矩，还要有自己的创造。按照规范做的好处是不会犯过于不可接受的错误，但往往很多情况下规范也不能帮助你完成所有的细节设计，此时就需要结合使用场景去分析。对新人来说最好的办法就是学习竞品的交互逻辑，因为大多数产品在基础结构上还是比较类似的，有很多可以借鉴的地方。

2. Weekly Design Challenge

翻译成中文就是「每周设计挑战」，这是我自己没有完整做过但是目前比较推崇的一种学习模式。WDC 在国外很热，去 Facebook 或者 Medium 上随便一搜都能找到很多不错的设计方案以及学习小组。要求说起来也很简单，就是每周针对一款产品或者概念进行重设计或改进（也可以是独创设计），大多是针对产品中的某几个小的点来 Redesign，毕竟设计完整产品是不适合练手的。这里我要重磅推荐好友 Ethon Lau 的 Medium，他的 WDC 质量非常非常高，角度独特，设计完善，虽然他年纪比我小，但是绝大部分新人向他学习可能都会觉得非常吃力（毕竟他距离零基础已经很远了），不过作为模板和目标，确实是一个好选择。（https://medium.com/weekly-design-challenge）

就像前面说的，做练习设计方案的时候一定要找准切入点，切不可泛泛而谈。其实对产品同学也是类似，很多人写产品分析报告的时候都很空很大，从太浅的表面入手并不能得到什么有价值的信息和锻炼。最好是寻找那些和自己实际使用场景相关联的内容：比如我朋友跳槽之前在航空公司工作，想去阿里就可以主要写「去啊」中机票相关的业务流程设计和改进，因为自己卖过机票所以也比较了解，做出来的方案就会非常有说服力；再比如技术出身的同学，也可以针对在线编程学习的产品做一些改进方案，结合自己的专业所长，很容易代入到具体的产品场景中。

除了 WDC，我个人也常做一些设计小练习，看公众号的朋友一定有所了解。我所有的灵感都来源于实际的产品使用，比如之前写过不少文章是针对微信群组或者知乎搜索的，就是因为在使用中确实遇到了诸多「不便之处」。有时候吃口饭的时间发现了一个可尝试改进点，马上记下来，回家花几个小时写方案做页面，整理成文章发布出去。很快，你的方案会收到各种各样的反馈，大多数个人临时思考的改进点肯定有太多不完备的地方，这时收到的批评和指导就可以帮助你调整产品思考的角度。如果运气好读者里还有这个产品真正的设计师，就可以给你更多的指导和帮助啦。

3. Coding

没错，对交互设计师而言，我建议如果有时间就最好去学习一门编程语言。几年的开发经验对我现在做交互设计有非常明显的帮助——主要体现在逻辑设计和团队协作上，这也是我最近又重新复习 Framer 来做交互动效的原因。对于复杂逻辑来说，编程是最好的描述语言，甚至经常伪代码比 PRD 更加易于阅读（尤其对工程师而言）。具备编程背景的设计师会有更加严密的逻辑分析能力，应对复杂业务场景也会更加自如。

我个人是技术崇拜的，虽然现在编程能力很一般，但真的觉得写代码是一件非常非常酷的事。而且，相比其他技能，编程也是目前适用性最广的一种能力，毕竟做什么都离不开计算机，学会一门编程语言往往可以帮助你大大提高工作效率。不管怎么说，就算没有时间深入学习，也可以简单过一遍语言基础，或者像我一样使用 Framer 制作简单可交互原型。

语言方面我个人推荐前端（HTML/CSS/JS）或 Python，对于设计师来说前者可能更加合适，比如可以用来自己搭网站、写 H5页面、做原型等。掌握编程语言也能够帮助你了解所设计的页面是如何变成用户面前的样子，懂得开发过程也能够更好地与工程师进行沟通。

前端我推荐零基础的同学使用 Codecademy

Python 的话推荐 Learn Python The Hard Way

最好有时间也学习一下简单的 git 知识，推荐廖雪峰老师的教程，简单易学（http://www.liaoxuefeng.com）

一般来说，上面三件事可能没做完，你就已经有了更明确的下一步计划，或者至少对交互设计有了更深层次的理解。这时候，就尽量去找项目做吧。

刚开始做设计的时候，我是给自己的项目团队做。当时首先把设计稿外包给了一个艺术专业的同学做，但后来发现不是太满意，并且沟通成本实在高昂，就剁手买了 Sketch 自己上。后来发现按照规范尝试制作页面并没有想象当中那么难（当然也踩了很多坑），于是就此踏上了交互设计的道路。

建议新人同学也可以这样，首先在身边找小团队或者学生组织来进行练手，学校的好处就是你需要练习设计也一定能找到人需要练习产品和开发，这样组队各需所需实在更好不过了。

做完一定数量的 WDC，熟读设计规范，又对编程有一定了解的话，不敢说去公司应聘一定能成功，但是在学生组织里找个设计工作肯定是没问题的。然后就迈入了新的阶段——实践踩坑走弯路阶段......没错，等到真实设计产品的时候，等到有真实用户的时候，等到面临实际运营压力的时候，你就会发现：「尼玛劳资觉得自己已经不是零基础，而是负基础了」，但是恭喜，这是从真正零基础迈向专业的第一步。

基本上，到了这一阶段，新人设计师也不再需要到处去问「新人怎么入门？」、「这是什么软件做的？」这种白痴问题了，因为其实每一个走过的人都知道，进阶的道路早就摆在面前，就看你愿不愿意坚持走下去了。

记得以前参加一个产品分享沙龙，按惯例结束的时候会有互动问答环节，有一个同学举手提问嘉宾：「我是一个通信专业的学生，但是感觉对本专业没有兴趣，也做的不好，但是对互联网产品很热爱，请问老师如何才能在三个月的时间里找到一份产品经理的工作？」

当时听到这个问题我是比较反感的，因为如果你问「三个月怎么零基础找到一份建筑师\医生的工作？」想必大家都会觉得你是脑残吧。那凭什么产品经理、互联网设计工作就门槛这么低？如果零基础几个月甚至业余学习一年你就能得到一份满意的工作，那是不是别人加倍努力瞬间就可以把你换掉了呢？一件事入门越简单，被替代的可能性就越大。所以，既然选择了互联网这个行业，交互设计这样一个相对新颖的职业，就不能让自己停滞不前了。

努力向专业设计师迈进吧！

推荐作者的微信公众号：

【为了这7个指南也得存书签！】

1. 平面设计：《超赞！设计师完全自学指南》
2. 交互设计：《交互设计师修炼指南！教你从零开始成为优秀交互设计师》
3. UI设计：《超实用新手指南！零基础如何自学UI设计？》
4. 前端开发：《天猫高手来教你！零基础如何系统地学习前端开发？》
5. 抠图技巧：《从菜鸟到高手！PHOTOSHOP抠图全方位攻略》
6. 配色方案：《色彩搭配速成！3个实用方法帮你全面搞定配色》
7. DPI指南：《基础知识学起来！为设计师量身打造的DPI指南》

作者：@窒息红Leon

【优设网 原创文章 投稿邮箱：2650232288@qq.com】

================关于优设网================
"优设网uisdc.com"是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：http://hao.uisdc.com/book/。
设计微博：拥有粉丝量106万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：http://hao.uisdc.com