超实用！怎样自学并且达到职业UI/UX 设计师水平？

编者按：今天这篇好文总结了学习UI/UX 的3个阶段：学习UX + UX设计实践 +建立UX人脉圈，每一个阶段都包含超多实用的设计教程和资源，想自学但迷茫的同学建议阅读。

知乎@菲比：UX不等于原型图，很多人一上来就是画原型图也是醉了，前期的用户调研才是最重要。

我之前在国内互联网公司做过产品，后来在英国读HCI专业，下面总结在Google找到各种知名公司lead给出的意见，主要分为两点：学习UX + UX设计实践 +建立UX人脉圈。 因为国外UX方面的内容比较多 ，部分资源可能需要爬墙。

学习UX + UX设计实践 +建立UX人脉圈，学习UX + UX设计实践 +建立UX人脉圈，学习UX + UX设计实践 +建立UX人脉圈（重要的事情说3遍）

一、学习UX

a. 经典书籍推荐：Read my list of UX resources for beginners （初学者必看的经典书籍，包含视频+书籍），先从看书开始吧。
b. 最新书籍推荐：Great books for designers to read in 2016
c. UX广播： my blog post about my favorite UX podcasts
d. UX网站：UX网站实在太多了，质量不一，推荐几个干货：UX — UI Readings（Medium上UX/UI文章集合），Dribbble, The Best Designs and Awwwards （可以在上面关注一些大牛，看他们的设计，得到灵感）， All You Can Learn（这个网站集合了世界上最棒的UX专家的资源和文章，还有live seminar），Inspiration and helpful links for User Experience Designers（这个网站集合了所有的UX网站，果然你喜欢收藏各种网站，点这个）。

**不想看英语的可以看：国内互联网企业UED博客集合 · Issue #9 · foru17/front-end-collect · GitHub

e. 工具的学习：Adobe Photoshop & Illustrator 等，在学习阶段，用什么工具都是次要的， 我在英国的UX项目，老师从不care我们用什么工具，只要你能表现出交互过程即可，不过既然想往职业发展，还是掌握基础工具吧。Design tuts，Lynda and Skillshare。（这3个网站可以教你如何学习工具）

学习的时候要做笔记！做笔记！做笔记！重要的事情讲3遍

二、UX设计实践（最重要！）

重点还是要实践，光看不动手，那是纸上谈兵，而且很多UX工作招聘是要有作品集的，你不实践，哪来的作品集啊。

Q：我不是UX专业的，没有项目可以参与，怎么实践啊？
A：很多人一提到UX，就直接认为是画原型图，一上来就画原型图，这样是错误的，UX涉及到太多方面了，要搞清楚UX设计的过程啊，太懒了，贴一些课件吧。

基于前面学习的基础上，你应该已经知道了UX设计的具体流程以及各个流程的要点， 要开始动手啦。实践主要分为几个阶段。

1、第一阶段：分析现有热门APP或者WEB

如果你没有如果的积累，没有体验过很多的APP或者WEB，一上来让你直接UX设计是很难的，所以第一阶段应该是分析现有热门APP或者WEB。

热门的产品在UX方面相对有考究，分析产品不要只是分析他们的页面交互方式啊，这样是不够的，一切交互都是要建立在是否方便用户学习、使用，方便解决他们的需求。要

1）分析他们的主要目标用户群是哪些？这些用户群有什么样的特点？

比如说美团外卖这个APP， 目标用户群应该是学生蓝领白领等中低收入人群，而不是高端收入人群。 这些中低端收入人群有什么特点呢？这些你可以通过网上查找资料，看产品所有人的说法以及其他人的分析

2）分析他们的核心功能，功能的优先级。分析用户的使用场景，一个功能通常对应多个用户场景，这些场景也是要有优先级的。

3）然后分析他们各个场景的交互方式，判断这个功能的布局，交互方式是否能够方便用户快速解决他们的核心需求，交互方式是否满足用户使用场景。分析不要贪多，认认真真做好一个app的分析就能收益不少，分析要细致。

比如说：如果一个app的核心功能需要用户点击好几次才能用到的话，这样的交互设计是有问题的。功能为用户服务，交互为功能场景服务，交互要将功能更好的呈现给用户。

比如说输入密码时，就有不同的交互方式：a.已输入的字符用小黑点隐藏，当前输入字符明文显示后隐藏；b. 直接用...形式隐藏密码；c.提供是否显示密码选项给用户。这几种交互方式有什么优缺点？哪个更能满足主要的用户场景呢？

如果银行APP的输入密码的交互，有一种场景，用户在户外输入密码，旁边可能有人，而且银行密码这个要求安全性很高，所以交互方式应该选择b（直接用...形式隐藏密码），有因为在用户输入密码时，旁边可能有人，为了防止他们故意瞄看记住键盘顺序，从而盗取密码，银行APP的输入密码的交互应该还要加上随机键盘按键顺序，每次输入密码，键盘按键顺序应该变更。

4）分析产品，不要只单单分析它一个，还要分析的它的竞争对手。国内很多APP是互相抄袭的，所以建议不要只分析国内产品，也要分析国外的产品。

5）分析出他们交互的优缺点之后，要想想怎么改进啊，以前面试过一些人，很多人只会吐槽，但是说起如何改进起来就是哑口无言啊。。。如果你是UX设计师，你会采用什么样的交互方式？为什么？你的交互方式满足了用户特征吗？你的交互方式对应哪个用户场景啊？

以上所讲的分析更多是纵向分析，分析要细致，一开始分析的时候的确会有些难。

分析还可以横向分析，比如说很多电商app都有支付功能，你可以挑选出几个具有代表性的电商app，然后横向分析他们支付功能的交互。

2、第二阶段：模仿临摹

1）注意：

【临摹】不是【抄袭】，抄袭是不考虑用户使用场景，不管三七二十一，不考虑任何用户因素，直接把结果照抄。
【临摹】在的目的在于练习。临摹有几个阶段：

• 把常用的交互方式的优缺点都复制到你的脑海里，吸收转化成自己的东西。最开始的时候要做到的就是也就是全盘复制，不要去自作聪明做任何改动，可以分析一下GOOGLE和APPLE发布的官方材料。

• 在完全掌握了目前最优秀的做法后，就可以根据自己的认识和经验对其进行改进，就是突破既有标准。但如果在还没有掌握号基础之前就想突破，很容易就心浮气躁，反倒不好。

• 最后是创新。这个阶段最难，就是自成一派，变成别人的标杆。

2）临摹资源：

临摹资源有很多，dribbble和behance上面会有很多交互设计时分享他们的整个设计过程，还有可以参考知名院校毕业生的作品集，比如CMU HCID的学生作品集，收获会很多的。同时，还可以看一些设计咨询公司的优秀案例，多个纬度横向、纵向对比分析，然后自己按照优秀的作品集的思路重新做一遍，做完之后，放几天，然后再继续改进。

3、第三阶段：自己从头设计一个产品

这个阶段你就可以挖掘身边的需求啊，自己尝试从头设计一个app， 认认真真把所有的设计流程做一遍，市场调研？（虽然这些在公司里大多是产品经理弄的或者老板直接敲定。）目标用户群？（如何划分目标用户），用户群的特点是什么？（时间有限的话可以看一些权威论文），用户需求（如何用户调研，如何获取他们的需求?），用户使用场景？设计？用户测试？迭代改进？等等一系列的东西。

如果你实在不想挖掘需求，可以去app store或者android市场找一些用户量多的或者刚出来很火的app， 看应用市场里app下载页里的app功能描述，然后尝试自己设计这些功能的交互。（感谢评论里的 李走开。）

在实践阶段，不过是分析，还是自己设计，都可以把这些东西放在自己的博客或者Behance或者DRIBBBLE上，将来找工作的时候，都可以是自己的作品集。

4、第四阶段：尝试找实习或者正式工作

我之前的设计部同事也是半路出家，自学UX设计的，他之前的专业与这个完全没有关系。

三、建立UX人脉圈

要往UX方向发展，自然少不了这个行业里的人脉，人脉建立可以有以下几个途径，欢迎补充。

1）社交网络：可以在Facebook上找一些网页或者组织，当地会有很多UX的人聚会的活动，可以多参与勾搭；twitter上面follow一些人。国内的，在知乎，微博等地方都可以勾搭到相关UX设计的，多给他留言互动， QQ群或者微信群也会有一些线下见面会，多参与。

2）关注一些UX大牛的博客、Behance或者DRIBBBLE，多给他留言互动，久而久之内推什么的都不是问题，同时，自己的个人博客也要持续更新啊，这样和别人搭话也能让别人知道你们的热情。

3）参与一些UX的论坛会议之类的，这些有一些是要收费的，但是各种大牛哦。

「优设七月份的交互设计好文」

画线框图之前要做哪些事？
《画线框图前，交互设计师要做的3件事》

网易云音乐设计师的教程：
《超全面！教你打造美观清晰易使用的交互文档》

为AR应用做设计有哪些要注意的？
《现在超火！为AR应用做交互设计时需要思考的3个问题（有彩蛋）》

原文地址：zhihu

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

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