为什么自学UI设计的人95%都学不会？
为什么自学UI设计的人95%都学不会？
欢迎观看视频介绍：
最美好的事，是单纯做一件事
一辈子做好一件事，我相信这句话，我们在很多的时候肯定都听过。只是当我们做起来的时候，我们总会想，我们还是可以做更多的。而且，生活必须要有很多的节奏。
而也是当我们接触到更多的时候，我们发现，有些人真的一直在继续着他们的美好。
有个好朋友他是做设计的，他的设计电力的。但是每次在聊设计的时候，或者碰到一个做设计的朋友的时候，我都会提起他。因为他的真的是全心全意的做设计。
他可以一整天都在公司里，不需要做其他的，可以一直设计一直设计。
在刚毕业的时候，我还不习惯，为什么工作一定要那么拼。因为周末不用加班，他也都是在公司的。而且他的公司搬到哪里，他一定也都是搬到哪里。
但是到后面，也都习惯了，因为每次打电话给他，肯定都是在办公室，肯定都是加班。
而他的工作肯定都是没那么忙的，他在公司里，工资从1000多到现在一万多。
而且他还有很多的外单，很多上司的外单也都是找他。
我说，你怎么就没有爱好呢，即使是旅游也行，至少可以出去走走。他说，设计就是他的爱好。我说，那你累了怎么办。他说，累了就做个设计放松一下。
在跟朋友聊天的时候，我是第一次听到了，累了就设计放松一下。那个时候，我还奇怪，比如本来都做设计很累了。为什么再做一下，就能放松一下。
也是在后面，听到了很多人是这样子。我才知道，他是真的喜欢做设计。
就像我们很喜欢很喜欢一个人一样。就是喜欢天天跟他一起，唯一的缺点就是没缺点。
在这个世界上，每个人都有每个人的路。而这个跟我们选择有关。
能一辈子一直走一条路的人，也许收获不多，也许也收获很多。而做更多尝试的人，也许在第一天就会有收获了。而每一份的付出都有收获，要看我们付出了多少。
如果我们还有很多喜欢的事情，那么我们一定要多尝试。生活有很多可能。而如果我们真的很喜欢一件事，那么我们就要真的一点深入。因为这样子才能真的赚到钱。
责任编辑：
声明：本文由入驻搜狐号的作者撰写，除搜狐官方账号外，观点仅代表作者本人，不代表搜狐立场。
今日搜狐热点30天零基础UI设计课程获取V信
视频地址复制
Flash地址复制
Html地址复制
离线看更方便
用或其他应用扫描二维码
感谢大家的观看，如果想要了解更多UI设计知识的可以加我微信auidb1
广播电视节目制作经营许可证：（沪）字第1248号
| 网络文化经营许可证：沪网文[6号 | 信息网络传播视听节目许可证：0910417 | 互联网ICP备案：沪ICP备号-3 沪ICP证：沪B2- | 违法不良信息举报邮箱： | 违法不良信息举报电话：转3
公司名称：上海宽娱数码科技有限公司 | 公司地址：上海市杨浦区政立路485号 | 客服电话：自学UI设计的人95%都学不会？0基础0首付学_昆明达内IT培训学校
自学UI设计的人95%都学不会？0基础0首付学
发布：Java培训
来源：达内新闻
以教了3年的UI设计培训课程为例，带过无数想学UI设计的学员。其中有一类自学的学员，总让我感慨良多。这类学员，往往每天表现非常勤奋的学习，但学会的人却很少。但是为什么？
和自学UI设计的人接触
他们的具体学习方式为：百度搜索+书籍学习+网盘教程学习+到处加QQ群交流+到处听课那么问题来了，他们极期勤奋，经常在百度搜索UI设计的图文教程和一些视频教程进行学习。
也有去买一些UI设计的书籍进行观看，同时自己网盘上也有几百G的视频教程。碰到问题也会去加一些设计QQ群和问一些在网上讲课的讲师。那他们看了那么多，也那么努力的学，也很认真，为什么就是学不会UI设计呢?
对自学UI设计的人总结
百度搜索，虽然方便，有什么搜索什么就可以有答案出来，但是对于刚入行的小白来说，是分不出来那个答案是对，那个是错，因为百度搜索的答案会有非常多种，一个小小的问题有可能会出来成千上万种，那到底那个是对的那个是错的。
自己也不知道，这时可能会直接选择一个靠前的答案，也有可能会随便选择一个答案，还有一些人比较有耐心，会全去看完然后作对比，这时答案可能比较接近，但是会浪费大量的时间。
举个例子！在几个月前，曾经有一个夜晚，有一位学员问了我一个问题，是关于PSCC2017的画板功能的问题，
他在问我之前，百度了N遍就是没有答案，最后求助于我，得到了解决。之后我便也去百度找过了这个答案，发现了百度搜索上，基本没有关于PSCC2017的教程，在前列的教程都是一些很老的版本PS教程的，所以这位学员得不到问题的答案很正常，毕竟百度更新的知识是没有事情发生本身的快，百度上的答案也是人为上去的，如果这件事没有发生，就不会有人比这个事更快更新上去答案。但是直接问我们会的老师，这个问题基本可以马上得到解决了。
自学UI设计的方式哟哪些？
1.书籍学习，很多人喜欢去买一些和UI设计有关的书，可是很多人都不知道应该买那本书，
导致很多人去买了一些PSAI这种软件操作的书籍，这种基础软件学习看书，其实是学的最慢，最枯燥的。
2.网盘教程学习，很多人的网盘上有几十G，甚至几百G的视频教程，有讲PS软件的，也有讲UI设计的，那么为什么看了那么多还没有学会呢。经过我的了解我发现，这类人，很多人喜欢挑，比如一套课有杂音，不看，
3.到处加群去交流，这个情况的学员也不少，就是碰到问题喜欢去各大QQ群里问，那么问题来了群里本身好多都是不会UI的人，你也跑去问问题，你连对方是什么实力也不清楚，得到的答案会靠谱吗？
4.到处听课，很多学员喜欢去网上听好多好多的公开直播课，也就是免费的UI设计课程，东听一个西听一个，听课是好事，但是听的课如果一直是公开课，那基本也不可能学会的，因为公开课讲的知识都是不深的，
自学UI设计的人95%都学不会
还有还有一个重要的原因，就是学习时间不规律，今天学一点 明天学一点！没有一个好的总结习惯。打开PS东画西画就能学会了？没有真实的项目你能懂得什么是UI设计的灵魂吗？来昆明-达内UI培训吧！真实项目实训，0基础0首付让你四个月学成UI设计！！
马上预约三天免费体验课
怕钱不够？就业挣钱后再付学费; &&&&
怕学不会？
真正0基础入学，120天精通;&&&&
担心就业？
7万家雇主企业，名企内部就业
Copyright (C)
Tedu.cn All Rights Reserved 京ICP备号-56 版权所有
选择城市和中心
达内北京亦庄大学生实训基地
达内北京网络营销中心
达内北京会计中心大家都理解错了嘛～楼主问的是论文里怎么才能画出&b&精美的&/b&插图。顶在最前面的Python、Matlab等软件虽然能准确画各种常见图，但是&b&从美术角度来看不及格&/b&好吗！最让人吐槽的就是这俩的配色！看看直方图那丑陋的配色！函数图难看的等高线！一点都不精美！&br&&br&要比高端大气上档次，本页所有答案完全不是R的ggplot2包的对手嘛～以前我也用Matlab，自从遇到ggplot2之后就彻底成为脑残粉了！&br&&br&ggplot2是R的一个package，画图风格相当文艺小清新。看论文看到用ggplot2画图都是一种享受哦！极为&b&擅长于数据可视化&/b&。可惜ggplot2功能没有Python或者Matlab全面，画不出稀奇古怪的电路图不支持三维立体图像哦～不过作为一个统计绘图软件那些功能也不算很重要啦。&br&&br&ggplot2有一个最大的特点是引入了图层的概念，各位用过Photoshop应该能理解吧？&br&你可以随心所欲将各种基本的图叠加起来显示在一张图上，构造出各种各样新奇的图片！&br&&br&&figure&&img src=&https://pic3.zhimg.com/8da44a7cb1e484d0afcba3e_b.jpg& data-rawwidth=&2096& data-rawheight=&2098& class=&origin_image zh-lightbox-thumb& width=&2096& data-original=&https://pic3.zhimg.com/8da44a7cb1e484d0afcba3e_r.jpg&&&/figure&先来一个最基础的散点图开胃。这是不调颜色软件包默认的配色。灰色的背景，黑色的小点点。拟合曲线和置信域看着就很舒服嘛。&br&&br&&figure&&img src=&https://pic3.zhimg.com/23c5a693ecc993bd87e8c1e_b.jpg& data-rawwidth=&1036& data-rawheight=&878& class=&origin_image zh-lightbox-thumb& width=&1036& data-original=&https://pic3.zhimg.com/23c5a693ecc993bd87e8c1e_r.jpg&&&/figure&来看看直方图，和傻大黑粗的Matlab相比精致秀气多啦！&br&&br&&figure&&img src=&https://pic2.zhimg.com/f8dcc53ae48b_b.jpg& data-rawwidth=&550& data-rawheight=&350& class=&origin_image zh-lightbox-thumb& width=&550& data-original=&https://pic2.zhimg.com/f8dcc53ae48b_r.jpg&&&/figure&还有精致的半透明效果！&br&&br&&br&&figure&&img src=&https://pic1.zhimg.com/12ece4a71aa0_b.jpg& data-rawwidth=&1287& data-rawheight=&942& class=&origin_image zh-lightbox-thumb& width=&1287& data-original=&https://pic1.zhimg.com/12ece4a71aa0_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/7b4ebad4f07dd0bd0577_b.jpg& data-rawwidth=&480& data-rawheight=&480& class=&origin_image zh-lightbox-thumb& width=&480& data-original=&https://pic4.zhimg.com/7b4ebad4f07dd0bd0577_r.jpg&&&/figure&&br&&br&折线图画得美到极致了好吗！&br&&br&&figure&&img src=&https://pic4.zhimg.com/8c1cdd52da6e48db81c3_b.jpg& data-rawwidth=&550& data-rawheight=&450& class=&origin_image zh-lightbox-thumb& width=&550& data-original=&https://pic4.zhimg.com/8c1cdd52da6e48db81c3_r.jpg&&&/figure&柱状图+密度！&br&&br&&figure&&img src=&https://pic2.zhimg.com/f26dda73fc39f53803cba79_b.jpg& data-rawwidth=&490& data-rawheight=&540& class=&origin_image zh-lightbox-thumb& width=&490& data-original=&https://pic2.zhimg.com/f26dda73fc39f53803cba79_r.jpg&&&/figure&&br&Heat Map！&br&&figure&&img src=&https://pic2.zhimg.com/52dc5bdcecee0d6e30cdc21_b.jpg& data-rawwidth=&550& data-rawheight=&450& class=&origin_image zh-lightbox-thumb& width=&550& data-original=&https://pic2.zhimg.com/52dc5bdcecee0d6e30cdc21_r.jpg&&&/figure&&br&这么乱糟糟的线也画得好清新！&br&&br&&br&&figure&&img src=&https://pic4.zhimg.com/591df03a10ac08fbaa796df6f56eaa27_b.jpg& data-rawwidth=&800& data-rawheight=&800& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&https://pic4.zhimg.com/591df03a10ac08fbaa796df6f56eaa27_r.jpg&&&/figure&&br&ggplot2能把密密麻麻的散点图画的极具美感，彻底治愈密集恐惧症！&br&&figure&&img src=&https://pic1.zhimg.com/d70fb57afcb95c_b.jpg& data-rawwidth=&750& data-rawheight=&350& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&https://pic1.zhimg.com/d70fb57afcb95c_r.jpg&&&/figure&&br&&br&&figure&&img src=&https://pic2.zhimg.com/a259e5863afcbeb8c0aca61_b.jpg& data-rawwidth=&600& data-rawheight=&330& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&https://pic2.zhimg.com/a259e5863afcbeb8c0aca61_r.jpg&&&/figure&&br&&figure&&img src=&https://pic4.zhimg.com/b9f01cb8ff_b.jpg& data-rawwidth=&700& data-rawheight=&600& class=&origin_image zh-lightbox-thumb& width=&700& data-original=&https://pic4.zhimg.com/b9f01cb8ff_r.jpg&&&/figure&还可以画地图！把非洲画得这么美我都想去了好吗！&br&&br&&figure&&img src=&https://pic3.zhimg.com/0c10c74cf54f89e75d2da_b.jpg& data-rawwidth=&500& data-rawheight=&335& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&https://pic3.zhimg.com/0c10c74cf54f89e75d2da_r.jpg&&&/figure&Network也能画！&br&&figure&&img src=&https://pic1.zhimg.com/f25cc4ae57b74_b.jpg& data-rawwidth=&2096& data-rawheight=&2098& class=&origin_image zh-lightbox-thumb& width=&2096& data-original=&https://pic1.zhimg.com/f25cc4ae57b74_r.jpg&&&/figure&散点图+误差区间！&br&&br&&figure&&img src=&https://pic2.zhimg.com/dbf5ae8cdff67b77c5443b9_b.jpg& data-rawwidth=&2562& data-rawheight=&2279& class=&origin_image zh-lightbox-thumb& width=&2562& data-original=&https://pic2.zhimg.com/dbf5ae8cdff67b77c5443b9_r.jpg&&&/figure&极坐标柱状图！&br&&br&&br&&figure&&img src=&https://pic3.zhimg.com/03c34c3c61ecb5ec132e_b.jpg& data-rawwidth=&885& data-rawheight=&991& class=&origin_image zh-lightbox-thumb& width=&885& data-original=&https://pic3.zhimg.com/03c34c3c61ecb5ec132e_r.jpg&&&/figure&
大家都理解错了嘛～楼主问的是论文里怎么才能画出精美的插图。顶在最前面的Python、Matlab等软件虽然能准确画各种常见图，但是从美术角度来看不及格好吗！最让人吐槽的就是这俩的配色！看看直方图那丑陋的配色！函数图难看的等高线！一点都不精美！ 要比高…
安利一个今天刚发现来自微软 Visualization and Interaction Team (VIBE) 的数据可视化软件-SandDance(寓意像沙子的舞蹈)&a href=&//link.zhihu.com/?target=https%3A//sanddance.azurewebsites.net/BeachPartyApp/BeachPartyApp.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&SandDance&i class=&icon-external&&&/i&&/a&，确实也做到了，可谓眼前一亮，很有意思的是它初始的数据库的例子中有一个是关于泰坦尼克号的，比如男女比例、票价的区间、全部船员的职业、死亡人数等等，配合数据可视化和电影，脑补当时泰坦尼克号的场景，还真是震撼，先上图吧：&br&&figure&&img src=&https://pic4.zhimg.com/10b571fb101fb5c98a2317_b.jpg& data-rawwidth=&1864& data-rawheight=&975& class=&origin_image zh-lightbox-thumb& width=&1864& data-original=&https://pic4.zhimg.com/10b571fb101fb5c98a2317_r.jpg&&&/figure&上图就是各个级别的舱位的生存死亡情况，可以看出还是富人死的少，穷人死的多啊。。。&br&然后它有一个功能很实用，就是数据跟踪，当你在一个种类的图表中选中标注数据后，转换至另外一个类型的图表后，这些数据仍然不会消失，这就让分析起图表变得更简单些；上图吧：&br&&figure&&img src=&https://pic2.zhimg.com/4e50da5957bfecb463ea80126f4eeb0d_b.jpg& data-rawwidth=&1863& data-rawheight=&977& class=&origin_image zh-lightbox-thumb& width=&1863& data-original=&https://pic2.zhimg.com/4e50da5957bfecb463ea80126f4eeb0d_r.jpg&&&/figure&选中后，图表的元素也会相应变色，然后很帅的时刻来了：&br&&figure&&img src=&https://pic4.zhimg.com/34a28a9eeb6b077970bde3_b.jpg& data-rawwidth=&1859& data-rawheight=&976& class=&origin_image zh-lightbox-thumb& width=&1859& data-original=&https://pic4.zhimg.com/34a28a9eeb6b077970bde3_r.jpg&&&/figure&在由Density的图表转化为3D堆栈图后，原来标记的数据仍然显示，并且图表的动画很cool，真的像是沙子在跳舞，就像超能陆战队里面大白的主人控制那些粒子一样；&br&这突然让我觉得动画对于数据图表还是很有意义的，虽然很多图表的动画都是毫无意义，画蛇添足，但SandDance的动画确实加强了其本身数据的表现力，很positive；&br&图表动画一定符合当前数据的类型，该是什么就是什么，不然动画真的百害无一利；&br&&figure&&img src=&https://pic3.zhimg.com/5f4d38b173bede3d22b13d45a330c2e2_b.jpg& data-rawwidth=&1860& data-rawheight=&978& class=&origin_image zh-lightbox-thumb& width=&1860& data-original=&https://pic3.zhimg.com/5f4d38b173bede3d22b13d45a330c2e2_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/8efab309a4e26a362c08d4c0ac92d88f_b.jpg& data-rawwidth=&1859& data-rawheight=&970& class=&origin_image zh-lightbox-thumb& width=&1859& data-original=&https://pic4.zhimg.com/8efab309a4e26a362c08d4c0ac92d88f_r.jpg&&&/figure&怎么样，这样看起来更帅吧，数据多了真的挺美的&br&&figure&&img src=&https://pic4.zhimg.com/57d892ea155d05ef9f250f_b.jpg& data-rawwidth=&1864& data-rawheight=&963& class=&origin_image zh-lightbox-thumb& width=&1864& data-original=&https://pic4.zhimg.com/57d892ea155d05ef9f250f_r.jpg&&&/figure&上面是泰坦尼克号上乘客的职业分布，还真是震撼&br&&figure&&img src=&https://pic2.zhimg.com/4c6c050d72e4fe5ed84b0bd_b.jpg& data-rawwidth=&1864& data-rawheight=&966& class=&origin_image zh-lightbox-thumb& width=&1864& data-original=&https://pic2.zhimg.com/4c6c050d72e4fe5ed84b0bd_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/df69bcc55fbfafde2722a_b.jpg& data-rawwidth=&1859& data-rawheight=&921& class=&origin_image zh-lightbox-thumb& width=&1859& data-original=&https://pic3.zhimg.com/df69bcc55fbfafde2722a_r.jpg&&&/figure&虽然SandDance主要以视觉化的展示为主，并不像Tableau, PowerBI, SAP Lumira这种功能更加全面，扩展性更强的软件，但它起码走出了一条正确的道路，可视化中至少将“视”发挥的淋漓尽致，然后在配合微软自家的PowerBI，今后的发展令人期待。&br&同时它也支持触屏操作，更加适合在大场合进行数据可视化展示，再加上不错的动画，在大屏幕前观看应该会高潮。。。&br&&figure&&img src=&https://pic4.zhimg.com/ac81bd9af083fb_b.jpg& data-rawwidth=&719& data-rawheight=&342& class=&origin_image zh-lightbox-thumb& width=&719& data-original=&https://pic4.zhimg.com/ac81bd9af083fb_r.jpg&&&/figure&&figure&&img src=&https://pic1.zhimg.com/47f80c818f2fa60817dcec_b.jpg& data-rawwidth=&712& data-rawheight=&341& class=&origin_image zh-lightbox-thumb& width=&712& data-original=&https://pic1.zhimg.com/47f80c818f2fa60817dcec_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/dfecda79a1a9e9_b.jpg& data-rawwidth=&714& data-rawheight=&345& class=&origin_image zh-lightbox-thumb& width=&714& data-original=&https://pic2.zhimg.com/dfecda79a1a9e9_r.jpg&&&/figure&（图片截取于&a href=&//link.zhihu.com/?target=https%3A//www.youtube.com/watch%3Ftime_continue%3D59%26v%3Dw5Jx6SSYyDo& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://www.&/span&&span class=&visible&&youtube.com/watch?&/span&&span class=&invisible&&time_continue=59&v=w5Jx6SSYyDo&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&）&br&这样自己也能制作像QQ在线人数那样的可视化界面，cool~
安利一个今天刚发现来自微软 Visualization and Interaction Team (VIBE) 的数据可视化软件-SandDance(寓意像沙子的舞蹈)，确实也做到了，可谓眼前一亮，很有意思的是它初始的数据库的例子中有一个是关于泰坦尼克号的，比如男女比例、票价的区间、…
分享几个工具，不只是可视化方面的，还有数据挖掘、数据分析方面的工具，下面介绍了各个工具的具体使用方法、经典案例等资料。这些工具都十分直接易用，而且均为免费资源，并且没有技术要求，尤其适合初学者。&br&&br&&p&数据挖掘工具&/p&&p&&strong&1. &a href=&//link.zhihu.com/?target=http%3A//Import.io& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&Import.io&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&&/strong&&/p&&p&一句话介绍：&a href=&//link.zhihu.com/?target=http%3A//Import.io& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&Import.io&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&自动识别网页结构，抓取内容，并转化成表格供使用者下载，不要求使用者写任何代码，最适合用于内容量大，并且内容格式统一的网站，产品展示网页是一个典型例子。同类型工具有Kimono。&/p&&br&&p&最近跟朋友讨论东南亚的电商市场，提到有“亚洲亚马逊”之称的Lazada。这家电商已经横扫包括新加坡、泰国和印尼等东南亚新兴市场，亦有人将之视为中国品牌登陆东南亚市场的最佳平台。既然耳闻这现象，不如就统计一下有多少部中国品牌手机已经进驻这个网站。&/p&&figure&&img src=&https://pic2.zhimg.com/1aa7ca81e37f60d59265_b.jpg& data-rawwidth=&315& data-rawheight=&194& class=&content_image& width=&315&&&/figure&&br&&p&商品资料排得方方正正，虽然适合展示，却不适用于数据分析，需要用&a href=&//link.zhihu.com/?target=http%3A//Import.io& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&Import.io&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&将内容导成表格。&/p&&br&&figure&&img src=&https://pic2.zhimg.com/499bb531f2f028ef60e5be5c0b9d3f4d_b.jpg& data-rawwidth=&500& data-rawheight=&257& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&https://pic2.zhimg.com/499bb531f2f028ef60e5be5c0b9d3f4d_r.jpg&&&/figure&&br&&p&&a href=&//link.zhihu.com/?target=http%3A//Import.io& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&Import.io&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&自动识别网页的结构，并将内容转化成表格，同类型内容会自动归类排列，如&a href=&//link.zhihu.com/?target=http%3A//Import.io& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&Import.io&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&抓取了不需要的资料，可以将之删除。 把表格导入MicrosoftExcel，进行更进一步的数据清洗与分析。&/p&&br&&p&案例：&br&WhatMusic Matters Most to KEXP&/p&&p&美国西雅图的地区广播电台KEXP，在其官方网站上提供一个实时更新的播放列表，将电台自所播放过的音乐都记录下来。数据分析家兼音乐爱好者Jewel Loree统计了2013年KEXP所有播放过的音乐。她用&a href=&//link.zhihu.com/?target=http%3A//Import.io& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&Import.io&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&抓取了网站的数据，利用Tableau（将于下一部分对此作介绍）制作成可视化图表，并以不同角度作分析，例如统计不同时期，电台的音乐总播放率。&/p&&figure&&img src=&https://pic3.zhimg.com/c7fb525af3c591a8d2f182_b.jpg& data-rawwidth=&500& data-rawheight=&239& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&https://pic3.zhimg.com/c7fb525af3c591a8d2f182_r.jpg&&&/figure&&br&&p&按星期统计的电台音乐播放率，可以看到有些日子的音乐播放次数特别少。&/p&&br&&p&&strong&2. Cometdocs&/strong&&br&一句话介绍：Cometdocs将PDF文档转换成MicrosoftWord, Excel, PowerPoint等格式文档。同类型工具有：Cloudconvert。&/p&&br&&p&许多机构发表公开报告时，都会选择以PDF文档形式发布，以确保文档内容与格式，在不同的设备和平台上都能够忠实再呈现，杜绝内容缺失、格式错位等情况。以PDF文档发表资料显得正式，也符合读者的阅读习惯，但PDF文档却不太支持数据分析，拷贝表格到其他程序常错格式，逐字敲打又费时失事。当记者收到PDF格式的数据表格时，可使用Cometdocs将表格转成Excel或其他格式的文档，方便分析。&/p&&figure&&img src=&https://pic4.zhimg.com/72ae5adfddf_b.jpg& data-rawwidth=&500& data-rawheight=&287& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&https://pic4.zhimg.com/72ae5adfddf_r.jpg&&&/figure&&br&&p&以上是2014年全球各国的人类发展指数，刊载于同年的人类发展报告，报告以PDF格式发布。 &/p&&figure&&img src=&https://pic4.zhimg.com/cfba22aabcf538a67b309b89eed2be83_b.jpg& data-rawwidth=&482& data-rawheight=&297& class=&origin_image zh-lightbox-thumb& width=&482& data-original=&https://pic4.zhimg.com/cfba22aabcf538a67b309b89eed2be83_r.jpg&&&/figure&&p&Cometdocs能将PDF文档转成不同格式的文档，如MicrosoftWord、Microsoft Excel、Microsoft PowerPoint等。&/p&&br&&p&&strong&3. Wayback Machine&/strong&&/p&&p&一句话介绍：WaybackMachine提供网站历史备份查询服务，适合用于需要长期追踪的调查报道。&/p&&br&&p&之前的文章提到，任何人或机构只要上网，都必定留下“网上足印”，Wayback Machine能帮你翻出这些脚印。这个工具自1996年起，定期访问全球网站，抓取信息，收录并备份，不过它不保证能把网站每一个版本全部抓取。&/p&&figure&&img src=&https://pic4.zhimg.com/a728c052b303e9e1a29d5b_b.jpg& data-rawwidth=&283& data-rawheight=&297& class=&content_image& width=&283&&&/figure&&br&&div class=&highlight&&&pre&&code class=&language-text&&只要将网址输进Wayback Machine，就能查看网页的备份历史备份。
&/code&&/pre&&/div&&br&&p&&strong&数据可视化工具&/strong&&/p&&p&&strong&4. Batchgeo&/strong&&/p&&p&一句话介绍：Batchgeo能批量标注地图位置标记，最适合用于分析和呈现具有区域特征的数据。同类型工具有：地图汇。&/p&&br&&p&地图可视化是数据可视化的重要分支，此项技术将不同区域或地点的数据，标注在地图上，旨在让读者更容易明白数据在不同地域中的分布和规律。地图可视化尤其适合用于对地区社会问题的研究和报道，例如贫穷与社会保障网络的分布，基础设施在富人区是否更完善等。大家都会关心，自己生活的地方附近，医疗设施是否完善，想查证的话，可以运用Batchgeo，批量把城市的公共医院、诊所在地图上标注出来，再作分析。&/p&&figure&&img src=&https://pic1.zhimg.com/78e2d9ceeed5c7c2d43afafc_b.jpg& data-rawwidth=&222& data-rawheight=&297& class=&content_image& width=&222&&&/figure&&br&&p&把公共医院的地址（先用其中4家医院举例），根据Batchgeo给的格式，制作成Excel表格。Batchgeo调用Google Map，批量标注地点。记者得出地图后，可以加入其他参数，如各地区的平均收入、平均年龄等，深入探讨一个城市的医疗网络。&/p&&br&&p&案例：&br&SexOffender Data by ZIP Code&br&美国新闻网站Detroit Free Press利用Batchgeo，将密歇根州的性犯罪者分布，制作成数据新闻。密歇根州法律要求警方公开性犯罪者名册，市民可在名册网站，输入地址，查看附近社区的性犯罪者的资料。报道中，记者查考该州份的性犯罪者名册，并按社区人口，计算出每1000人口中，性犯罪者（服刑中的性犯罪者除外）的数字，批量标注在地图上。&/p&&figure&&img src=&https://pic4.zhimg.com/ea5bc4c6ca8d5c5ed23da_b.jpg& data-rawwidth=&203& data-rawheight=&297& class=&content_image& width=&203&&&/figure&&br&&br&&p&&strong&5. Tableau&/strong&&/p&&p&一句话介绍：Tableau支持快速海量数据分析，可视化图表制作和共享。同类型工具有：Silk、&a href=&//link.zhihu.com/?target=http%3A//Plot.ly& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&Plot.ly&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&。&/p&&br&&p&Tableau简单易用，十分适合初学者。它的另外一个优点是，国内有公司专门代理，并提供中文版，而且网上有许多讨论群组和资源分享，要搜寻教学资料和案例，绝无难度。Tableau能接入多种、多项数据源，图表的选择亦非常丰富，自由度高，记者可灵活根据数据特征制定可视化图标。Tableau在国内有收费版，亦提供免费版Tableau Public，惟免费版用户无法在电脑本地保存图表，接入数据源的类型和大小都亦有所限制。&/p&&figure&&img src=&https://pic1.zhimg.com/c2fdcc58e60_b.jpg& data-rawwidth=&360& data-rawheight=&297& class=&content_image& width=&360&&&/figure&&p&Tableau界面简单，容易操作。&/p&&br&&p&案例：&br&Metro Vancouver Commuting Pattern&br&除了之前介绍过的WhatMusic Matters Most to KEXP外，在这个数据新闻案例中，加拿大新闻网站Vancouver Sun收集了大温哥华地区里居民的通勤数据，在Tableau中进行处理，并制作成可视化图表。&/p&&figure&&img src=&https://pic3.zhimg.com/b2c2ae0bc669bccfcedbf36_b.jpg& data-rawwidth=&208& data-rawheight=&297& class=&content_image& width=&208&&&/figure&&br&&p&读者可选择城市，并查看当地市民的通勤目的地与人次。&/p&&p&以上工具均简单易用，并且免费，在资金和时间都紧缺的新聞編輯室里，绝对是记者的好帮手；亦是新手了解数据结构和可视化呈现的入门法宝。&/p&&br&&p&文章原刊载于数据新闻网（&a href=&//link.zhihu.com/?target=http%3A//djchina.org& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&djchina.org&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&）。&br&&/p&&p&作者陈嘉慧为财新数据可视化实验室助理。&/p&&p&请关注微信公众号：“财新数据可视化实验室”或“caixinvislab”&/p&&p&更多资料：&a href=&//link.zhihu.com/?target=http%3A//vislab.caixin.com/%3Fcat%3D12& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&财新数据可视化实验室&i class=&icon-external&&&/i&&/a& 博客&/p&
分享几个工具，不只是可视化方面的，还有数据挖掘、数据分析方面的工具，下面介绍了各个工具的具体使用方法、经典案例等资料。这些工具都十分直接易用，而且均为免费资源，并且没有技术要求，尤其适合初学者。 数据挖掘工具1. 一句话介…
&p&几年前Behance在国内还是一个小众网站，除了留过学或在外企做设计的，基本上没什么人知道Behance，包括到现在知道的人也只是少数。&/p&&p&&br&&/p&&figure&&img src=&https://pic1.zhimg.com/v2-bf7e53bfec0_b.jpg& data-caption=&& data-rawwidth=&1024& data-rawheight=&400& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&https://pic1.zhimg.com/v2-bf7e53bfec0_r.jpg&&&/figure&&p&&br&&/p&&p&2012年被Adobe收购，网站使用流畅度开始下降，再加上在国内访问国外的网站本身也不是一个顺利的事，所以我每天打开Behance平均开3次能有一次进去就已经不错了。&/p&&p&进去后经常卡在一个页面上也已经习惯了。&/p&&p&&br&&/p&&p&现在不忙的时候会去Behance看看最热作品，我关注的比较多的是创意设计，比如广告、插画、交互类。&/p&&p&&br&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-edc8dbfe748ef6c3a479d5271dddd3a9_b.png& data-caption=&& data-rawwidth=&824& data-rawheight=&585& class=&origin_image zh-lightbox-thumb& width=&824& data-original=&https://pic2.zhimg.com/v2-edc8dbfe748ef6c3a479d5271dddd3a9_r.png&&&/figure&&p&&br&&/p&&p&不过更多的时候会在大作&a href=&//link.zhihu.com/?target=http%3A//www.bigbigwork.com& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&bigbigwork.com&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&上面使用Behance。&/p&&p&&br&&/p&&p&这个网站把很多国外设计网站都聚合到一起了，可以直接搜索，而且做了加速处理，很多在国内打不开或者很卡的网站都能比较快的搜索作品。&/p&&p&&br&&/p&&figure&&img src=&https://pic4.zhimg.com/v2-cc5c52d20ec8b4db4c4a28e4f0f331cf_b.png& data-caption=&& data-rawwidth=&1343& data-rawheight=&597& class=&origin_image zh-lightbox-thumb& width=&1343& data-original=&https://pic4.zhimg.com/v2-cc5c52d20ec8b4db4c4a28e4f0f331cf_r.png&&&/figure&&p&&br&&/p&&p&Behance被他们放在了很多分类下面，我通常是选择“广告设计”下面的。&/p&&p&&br&&/p&&figure&&img src=&https://pic1.zhimg.com/v2-dfc_b.png& data-caption=&& data-rawwidth=&963& data-rawheight=&256& class=&origin_image zh-lightbox-thumb& width=&963& data-original=&https://pic1.zhimg.com/v2-dfc_r.png&&&/figure&&p&&br&&/p&&p&然后直接搜索就行了，搜索结果会显示在下面。&/p&&p&&br&&/p&&figure&&img src=&https://pic4.zhimg.com/v2-3adba48de5eeb_b.png& data-caption=&& data-rawwidth=&1040& data-rawheight=&873& class=&origin_image zh-lightbox-thumb& width=&1040& data-original=&https://pic4.zhimg.com/v2-3adba48de5eeb_r.png&&&/figure&&p&&br&&/p&&p&不过你在这里默认收到的是广告相关的作品，如果想看其他设计领域，需要手动选择：&/p&&p&&br&&/p&&figure&&img src=&https://pic3.zhimg.com/v2-dfe802fbedef1a192226_b.png& data-caption=&& data-rawwidth=&1034& data-rawheight=&621& class=&origin_image zh-lightbox-thumb& width=&1034& data-original=&https://pic3.zhimg.com/v2-dfe802fbedef1a192226_r.png&&&/figure&&p&&br&&/p&&p&在大作上面有个好用的功能就是直接下载，速度挺快。&/p&&p&&br&&/p&&figure&&img src=&https://pic1.zhimg.com/v2-ce157a4ecbc2aefdf3dcc_b.png& data-caption=&& data-rawwidth=&1034& data-rawheight=&735& class=&origin_image zh-lightbox-thumb& width=&1034& data-original=&https://pic1.zhimg.com/v2-ce157a4ecbc2aefdf3dcc_r.png&&&/figure&&p&&br&&/p&&p&如果想了解这个作品更多的信息，从作品左下角点击进原网站就行了。&/p&&p&&br&&/p&&p&目前大作只能搜索，也就是说必须要有关键词才能使用。&/p&&p&如果以后能出个热门推荐就好了，可以直接推送全球各大网站的热门设计，想想就&/p&&p&很赞！&/p&
几年前Behance在国内还是一个小众网站，除了留过学或在外企做设计的，基本上没什么人知道Behance，包括到现在知道的人也只是少数。 2012年被Adobe收购，网站使用流畅度开始下降，再加上在国内访问国外的网站本身也不是一个顺利的事，所以我每天打开Behance…
&p&我的第一次知乎Live :-)&br&适合初入行的用户体验设计师，希望转行用户体验的人，还未决定职业发展方向的大学生，设计爱好者。无论专业背景。 &/p&&br&&br&&a href=&https://www.zhihu.com/lives/323264& class=&internal&&用户体验设计师的必修课 知乎Live链接&/a&&br&&br&
我是设计师和创业者吴卓浩。对用户体验和设计的兴趣，幸运的成为了我的职业。我的领域横跨了软件、硬件、服务、环境，涉及十几个不同的行业，服务和辅导百余个成熟公司和创业公司。1998年进入用户体验设计与研究领域，成为国内重要的用户体验实践者和布道者。2006年创立Google中国用户体验团队（Google在美国以外的第一个用户体验团队）。2010年创立中国顶尖创投机构创新工场的用户体验团队。2012年创立整合体验设计实验室INWAY Design。2014年联合创立中国首个商业地产大数据平台方橙科技。2016年作为联合创始人、首席产品官加入共享金融平台铂诺理财。我也是中国工业设计协会信息与交互设计专业委员会专家委员、IXDC国际体验设计协会专家委员、中国网络与未来社会研究中心专家委员、北京设计学会服务设计专业委员会副主任、工信部中小企业经营管理领军人才高级研修班的常年授课专家、文化部数字内容产业高级研修班的常年授课专家。&p&
用户体验已不再是新兴的、神秘的行业，而是深深植根于互联网相关领域、并迅速向各行各业延伸，更成为大众津津乐道的话题。用户体验设计师也成为当下最炙手可热、最具潜力的职业之一，随着用户体验融入各行各业，用户体验背景的创业者取得越来越多、越来越大的成绩，更让用户体验设计师的发展具有了无限可能。我将在“用户体验设计师的必修课”中带你了解分析：&br&&/p&&br&&ul&&li&什么样特质的人适合做用户体验设计师。&br&&/li&&li&用户体验设计师需要掌握哪些能力。&br&&/li&&li&用户体验设计师经常面对的困难和挑战有哪些。&br&&/li&&li&用户体验设计师的职业发展可以怎样进阶。&br&&/li&&li&用户体验设计师如何成为一名合格的创业者。 &br&&/li&&/ul&&br&&br&&p&延伸阅读：&/p&&p&&a href=&http://link.zhihu.com/?target=http%3A//mp.weixin.qq.com/s%3F__biz%3DMzA3ODM0MTIwMw%3D%3D%26mid%3Didx%3D1%26sn%3De210dd9c146e0aebc22ca5& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&如何成为用户体验设计师(上)：上学?工作?&/a&&/p&&br&&p&&a href=&http://link.zhihu.com/?target=http%3A//mp.weixin.qq.com/s%3F__biz%3DMzA3ODM0MTIwMw%3D%3D%26mid%3Didx%3D1%26sn%3D905c58e0e09e05bfb1b9d3a& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&如何成为用户体验设计师(下)：自我培养&/a&&/p&&br&&p&相关话题：&/p&&br&用户体验设计 &a href=&https://www.zhihu.com/topic/& class=&internal&&用户体验设计 - 热门问答&/a&&br&用户界面设计 &a href=&https://www.zhihu.com/topic/& class=&internal&&用户界面设计 - 内容精选&/a&&br&交互设计 &a href=&https://www.zhihu.com/topic/& class=&internal&&交互设计 - 内容精选&/a&&br&设计 &a href=&https://www.zhihu.com/topic/& class=&internal&&设计 - 热门问答&/a&&br&设计师 &a href=&https://www.zhihu.com/topic/& class=&internal&&设计师 - 热门问答&/a&&br&&br&&h2&&b&课后资料：
&/b&&/h2&&br&&br&&b&什么样特质的人适合做用户体验设计师
&br&&/b&&ul&&li&用户体验相关专业院校：&a href=&https://www.zhihu.com/question//answer/& class=&internal&&国内有哪些用户体验相关专业的学校？ - 吴卓浩的回答&/a&&/li&&li&用户体验设计师的自我培养：&a href=&https://zhuanlan.zhihu.com/p/& class=&internal&&用户体验设计师的必修课 - 吴卓浩的文章 - 知乎专栏&/a&&/li&&li&国内用户体验社区：&a href=&https://www.zhihu.com/question//answer/& class=&internal&&国内有哪些不错 UED/UX 社区或网站？ - 吴卓浩的回答&/a&&/li&&li&国外用户体验社区：&a href=&https://www.zhihu.com/question//answer/& class=&internal&&关于用户体验和产品设计方面，国外有哪些不错的网站？ - 吴卓浩的回答&/a&&/li&&li&用户体验书籍：&a href=&https://www.zhihu.com/question//answer/& class=&internal&&人机交互和用户体验方面，各有什么书籍推荐吗？ - 吴卓浩的回答&/a&&/li&&li&国内优秀用户体验团队：&a href=&https://www.zhihu.com/question//answer/& class=&internal&&国内有哪些比较优秀的用户体验团队？ - 吴卓浩的回答&/a&&/li&&/ul&&br&&br&&b&用户体验设计师需要掌握哪些能力
&br&&/b&&ul&&li&UI/UX需要了解的技术：&a href=&https://www.zhihu.com/question//answer/& class=&internal&&UI/UX设计师必备的 IT 技术知识？ - 吴卓浩的回答&/a&&/li&&li&更多待续&/li&&/ul&&br&&br&&b&用户体验设计师经常面对的困难和挑战有哪些
&br&&/b&&ul&&li&设计师如何面试 &a href=&https://www.zhihu.com/question//answer/& class=&internal&&怎么面试设计师？设计师如何准备面试？ - 吴卓浩的回答&/a&&/li&&li&互联网公司招聘设计师考察什么：&a href=&https://www.zhihu.com/question//answer/& class=&internal&&互联网公司招聘交互设计师一般会重点考察什么呢？ - 吴卓浩的回答&/a&&/li&&li&设计师的“通病”：&a href=&https://www.zhihu.com/question//answer/& class=&internal&&作为产品经理，你觉得交互设计师都有哪些通病？ - 吴卓浩的回答&/a&&/li&&li&设计的评判标准：&a href=&https://www.zhihu.com/question//answer/& class=&internal&&什么是用户体验？如何评价用户体验的好坏？ - 吴卓浩的回答&/a&&/li&&li&用户体验部门的版本控制：&a href=&https://www.zhihu.com/question//answer/& class=&internal&&UI 部门用什么版本控制好？ - 吴卓浩的回答&/a&&/li&&li&为用户还是为自己设计产品：&a href=&https://www.zhihu.com/question//answer/& class=&internal&&我们是在为用户做产品，还是在为自己做产品？ - 吴卓浩的回答&/a&&/li&&li&用户体验研究报告怎么写：&a href=&https://www.zhihu.com/question//answer/& class=&internal&&用户体验研究报告要怎么写？ - 吴卓浩的回答&/a&&/li&&li&产品/设计团队管理：&a href=&https://www.zhihu.com/question//answer/& class=&internal&&设计师出身，如何管理一个设计团队甚至产品团队？ - 吴卓浩的回答&/a&、 &a href=&https://www.zhihu.com/question//answer/& class=&internal&&产品设计团队应该怎么带？ - 吴卓浩的回答&/a&、 &a href=&https://www.zhihu.com/question//answer/& class=&internal&&如何管理好设计团队？ - 吴卓浩的回答&/a&&/li&&li&设计师的绩效管理：&a href=&https://www.zhihu.com/question//answer/& class=&internal&&如何量化
UE、UI 绩效标准？ - 吴卓浩的回答&/a&&/li&&/ul&
我的第一次知乎Live :-) 适合初入行的用户体验设计师，希望转行用户体验的人，还未决定职业发展方向的大学生，设计爱好者。无论专业背景。
我是设计师和创业者吴卓浩。对用户体验和设计的兴趣，幸运的成为了我的职业…
&figure&&img src=&https://pic2.zhimg.com/v2-366c869e3d297e38c4e1ecbae884dbd1_b.jpg& data-rawwidth=&511& data-rawheight=&292& class=&origin_image zh-lightbox-thumb& width=&511& data-original=&https://pic2.zhimg.com/v2-366c869e3d297e38c4e1ecbae884dbd1_r.jpg&&&/figure&&p&我是一枚工作了4年的交互。4年的时间，我经历了腾讯微生活、网易新闻、爱奇艺等团队。这些优秀的团队，让我充分认识了交互的职责，也充分发展了我的交互技能。但是，我不甘止步于此。“与未来同步”的想法让我更有一种居安思危的意识。我时常思考我的职业规划。下面跟大家分享我思考的心得，还有2017制定的为期半年的全栈设计师自学计划。&br&&/p&&h2&我的职业规划&/h2&&p&首先说明一下我对交互这个职位的理解。交互设计师的主要职责，是把产品经理的需求，以用户最接受的形式展现出来。这是最基础的要求。好的交互设计师，还需要跟产品沟通，保证需求靠谱；跟UI和开发保持沟通，保证交互原型能落地；对规范掌握透彻，运用娴熟；方案有让人心动的亮点等等。如果在一个靠谱的团队中，三到四年时间，基本可以把以上提到的要求都达到。所以，瓶颈就出现了：工作3、4年的交互，下一步该怎么走？如何才能更上一层楼？我认为，交互设计师的发展有三个方向：1. 更牛哔~的设计师 2. 管理岗上的设计师 3. 转岗成为产品经理。三个方向各有自己的特点。&/p&&figure&&img src=&http://pic1.zhimg.com/v2-222ffb57fe87b_b.jpg& data-rawwidth=&640& data-rawheight=&477& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&http://pic1.zhimg.com/v2-222ffb57fe87b_r.jpg&&&/figure&&p&&b&更牛哔~的设计师。&/b&比较适合对于设计是真爱（比如我），能从设计方案中获得较大成就感的人群。我选择的就是这条路。这是一条专业道路：不断打磨自己的技能，靠作品吃饭。我认为，未来社会，将越来越是一个技能型社会，有一技之长的人将得到更多的回报；而做着重复性工作、技术含量低的工种，将很有可能被机器人取代。可能5年前听到被机器人取代这种话，我们还会觉得是天方夜谭。但是近两年机器人/人工智能这些人造的、有智商的工具开始在快速发展。未来取代一部分工种真的不是危言耸听。一个很现实的例子：地铁站充值，机器已经取代了很多充值工作人员的工作。我们了解了趋势，可以更好地、更早地开始着手准备。所谓”预则立，不预则废“。关键还是看你想要怎样的未来。另外，还有一个趋势也值得注意：网络兼职的兴起。2016年，国内实现网、大鲲网（拉钩出品）等兼职平台不断涌现；在美国，研究数据表明，2013年，有超过5300美国人（超过1/3 的劳动力！）都在通过类似UpWork网站参从事一些自由职业相关的工作。通过网络平台接收工作任务，未来会成为一部分人的工作状态。而网络上的兼职，很少有专门找交互设计师的任务，绝大多数是找UI/UX混合型人才。这也成为我在掌握了交互（UX）之后，继续学习UI的一大动力。&/p&&p&&b&管理岗上的设计师也是一个好选择。&/b&成为一个leader，可以站在更高的位置，拥有更好的视角打量业务，支配更多的资源完成自己想做的事。管理团队需要对人性的洞察和把握，这样才能管理好手下的团队。同时，需要对团队全局业务的掌控能力，并能发现当前团队在执行需求时的不足。&/p&&p&&b&转岗成为产品经理也是一个不错的选择。&/b&身边就有朋友成功从交互设计师，转变为产品经理，还做了产品leader，一路高升。坦白得讲，在很多公司里，产品比交互有更大的决定权，受到的重视也更多一些。这一点尤其是在创业公司里更加明显。很多创业公司里压根就没有交互设计师这个岗位，画原型图的职责都是由产品经理来代行。这本身没有对错，是由公司的规模决定的。另外，产品经理更容易开始创业。但是，产品经理相比交互，也有弊端：产品负责的内容更多更杂：从需求的定义，到项目的推进、跟进，很多问题都需要产品来处理，这也导致产品往往加班比较多。另外，产品的专业性技能门槛不高，容易成为什么都会的万精油。要成为优秀的产品经理不是那么容易。&/p&&p&以上三个方向，代表了不同的选择。选择本身没有好坏，还是要结合自身的情况来决定。&/p&&h2&我的全栈设计师自学计划&/h2&&p&如果想成为更牛哔~的设计师，你可以选择成为交互大神，总结理论出书立著，也可以选择从交互到UI包揽，成为全栈设计师。我打算作后者：这主要是因为自己对视觉表现这块很感兴趣，相信自己可以做好。为了从零开始学习视觉，我报了两个网络课程：BigD的UI课程和Coursera上的&a href=&http://link.zhihu.com/?target=https%3A//www.coursera.org/learn/fundamentals-of-graphic-design/home/welcome& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Fundamentals of Graphic Design&/a&. 前一个课程是大名鼎鼎的牛Mo王开的，可以帮助UI入门，淘宝上可以搜到；后一个是英文教授的课程，主要教授平面设计的基础知识，需要一些英语听力能力，但是课程的内容很干货。学完这两个课程，觉得自己也只是入门。为了提升，我在网上又搜索了成为UI设计的方法。这篇文章是我觉得比较好的：&a href=&http://link.zhihu.com/?target=https%3A//site.douban.com/210084/widget/notes//note//& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&没读过设计院校，如何成为设计师&/a&。文章是一个和你我一样的普通人，讲述自己如何用6个月的时间，从设计小白，变成专业的设计师。我根据这篇文章提供的方法，制定了自己的计划：&/p&&p&1. 素描一个月，主要采用临摹的方法（这是研究知乎上关于“如何自学素描”的答案后，得到的结论）。每天半小时。&/p&&br&&figure&&img src=&http://pic2.zhimg.com/v2-cd1a67caafa4801fedd59_b.jpg& data-rawwidth=&960& data-rawheight=&1280& class=&origin_image zh-lightbox-thumb& width=&960& data-original=&http://pic2.zhimg.com/v2-cd1a67caafa4801fedd59_r.jpg&&&/figure&
开始执行计划后临摹丢勒的作品画的&br&&p&2. 学习&a href=&http://link.zhihu.com/?target=http%3A//vdisk.weibo.com/s/zKA7IyzYft-hr& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Picture This&/a&这本书（英文原版，貌似没有中文版 ） 。用时一个月。&/p&&p&3. 学习AI的使用方法。&/p&&p&4. 学习&a href=&http://link.zhihu.com/?target=http%3A//vdisk.weibo.com/s/zmIrAM0w2ly8A& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Logo Design Love&/a&这本书。&/p&&p&5. 学习&a href=&http://link.zhihu.com/?target=http%3A//ishare.iask.sina.com.cn/f/.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Designing Brand Indentity&/a&这本书（英文原版，貌似没有中文版 ） 。&/p&&p&6. 学习&a href=&http://link.zhihu.com/?target=https%3A//design.tutsplus.com/tutorials/mobile-ui-how-to-redesign-the-spendometer-iphone-app-part-1--psd-10162& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&App设计教程&/a&。&/p&&p&7. 整理学习结果，成为自己的作品集。&/p&&p&8. 用作品集应聘兼职任务，开始实战。&/p&&p&以上是我的计划，供大家参考。&/p&&p&最后，送给大家一句我很喜欢的话：&b&要做就做前20%，不要只做一点点。&/b&这句话换个角度来说，就是什么都会，就相当于什么都不会。所以要做，就做好。共勉。&/p&&p&欢迎扫码关注我的公众账号“新设计青年”，及时收取设计和个人成长方面的文章。&/p&
我是一枚工作了4年的交互。4年的时间，我经历了腾讯微生活、网易新闻、爱奇艺等团队。这些优秀的团队，让我充分认识了交互的职责，也充分发展了我的交互技能。但是，我不甘止步于此。“与未来同步”的想法让我更有一种居安思危的意识。我时常思考我的职业规…
&figure&&img src=&https://pic1.zhimg.com/1dbfe3da62a0f0451efff2c2_b.jpg& data-rawwidth=&700& data-rawheight=&185& class=&origin_image zh-lightbox-thumb& width=&700& data-original=&https://pic1.zhimg.com/1dbfe3da62a0f0451efff2c2_r.jpg&&&/figure&&blockquote&&p&原文 UX Booth Editorial Team
&a href=&http://link.zhihu.com/?target=http%3A//www.uxbooth.com/articles/complete-beginners-guide-to-interaction-design/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&看原文点这里&/a&&br&翻译 云梦大泽
@ &a href=&http://link.zhihu.com/?target=http%3A//www.jane-vision.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&简立方&/a&&/p&&/blockquote&&p&那些对交互设计感兴趣的人，这篇文章可以作为你很好的起点。为此，我们的内容会简要地包含交互设计的历史，指导原则，重要的贡献者以及和这个有趣领域相关的工具。即便你已经是一名交互设计师，你也可以读一读它，并在后面分享你的想法。&/p&&p&交互设计起源于网页和平面设计，但目前已然成为了一个独立的领域。远远不止文字和图片，交互设计师要对在屏幕上创造的每一个元素负责，比如用户会滑动、点击、轻触和输入，简言之，他们对一切体验的交流互动负责。&/p&&h2&目录&/h2&&ul&&li&什么是交互设计？&/li&&li&常见方法&/li&&li&日常工作和交付物&/li&&li&可以关注的大神&/li&&li&常用工具&/li&&li&知名协会&/li&&li&书籍&/li&&/ul&&h2&什么是交互设计？&/h2&&p&“交互设计（IxD）定义了交互系统的结构和行为。随着时代的发展，从计算机到移动设备，再到电器以及其他种种，交互设计师努力地在人、产品以及他们使用的服务之间创造有意义的关系。”&br&——The Interaction Design Association（IxDA）&/p&&p&从交互设计诞生之日起，界面就不仅用来呈现静态内容。从按钮到链接再到表单域，所有相关事情都是交互设计的一部分。在过去的几十年中，许多书籍已经解释了交互设计的方方面面，并且探索了大量的、与体验设计交叉或重叠的领域。&br&交互设计已经发展到促进人和他们所处环境之间交互的地步。不同于用户体验设计（指一个系统中，用户面对的各个层面的问题），交互设计师只关心一个用户和一个界面之间的明确的交互。当然，在实际中，事情并没有清晰的界限。&/p&&h2&常见方法&/h2&&p&虽然交互设计贯穿于各式各样的互联网、移动应用和网站，但是有一些确定的方法是所有设计师用之皆准的。我们接下来要探索一些常用方法：&strong&目标驱动的设计，可用性，交互设计五维度，认知心理学，人机界面准则&/strong&。&/p&
目标驱动的设计
&p&“目标驱动的设计”这个概念从Alan Cooper的书中逐渐普及开来（The Inmates Are Running the Asylum: Why High-Tech Products Drive Us Crazy and How to Restore the Sanity, 出版于1999年）。Alan这样定义“目标驱动的设计”：把解决问题置于最高优先级。换句话说，目标驱动的设计首先考虑或优先满足终端用户具体需求和期望，这与旧有的设计方法不同，旧有的设计方法着重考虑技术方面的可行性。&br&如今，Alan当时提出的观点已经显而易见，因为设计师很少基于开发的限制而做交互设计。这个方法的核心就是满足终端用户的需求和想法，这一点永远重要。&br&根据Alan所提出的，作为一名交互设计师，在思考“目标驱动的设计”的过程时，以下5点尤需注意：&figure&&img src=&http://pic1.zhimg.com/11b7b8ae8ced6f2acfec058c_b.png& data-rawwidth=&858& data-rawheight=&579& class=&origin_image zh-lightbox-thumb& width=&858& data-original=&http://pic1.zhimg.com/11b7b8ae8ced6f2acfec058c_r.png&&&/figure&&/p&
1. 设计第一，开发第二
&p&目标驱动的设计首先考虑的是用户如何交互（和东西看起来怎么样！），而不是首先考虑技术问题。&/p&
2. 划分设计和开发的职责
&p&这指的是我们需要交互设计师站在终端用户的这一边，不需要担心技术限制。一个设计者应该信任他的开发者可以处理技术层面的问题；事实上，Alan Cooper表示，如果不这么做就会将设计师置于利害冲突之中。&/p&
3. 设计师要为产品质量和用户满意度负责
&p&虽然利益相关者或者客户有他们自己的目标，但是交互设计师要为屏幕另一边的人（用户）负责。&/p&
4. 定义一个明确的用户
&p&这个概念已经被发展为用户研究中的：用户角色（Personas）。Alan的这个观点还在不断地提醒我们要把用户角色和产品联系起来，并且不断追问：用户角色会在什么情境下使用这个产品？他或者她是谁？他或者她想完成什么？&/p&
5. 在多个团队中工作
&p&最后一点，交互设计师永远不能单打独斗。Alan Cooper 称交互设计师为“设计交流者“，与他人合作是非常关键的。尽管在1999年Alan想象中的“设计交流者”就是一名为产品提供市场运营情况的分析员，但在今天，这个概念已经扩展为包含项目经理，内容运营，信息架构师在内的诸多角色。&/p&
&p&可用性听起来是一个含糊不清的词，但是它的核心正如设计师们常常挂在嘴边的：“用户可以简单地使用它吗？”这个在无数的书籍以及网络上都被解释过了。接下来，我们通过回顾一些不同的定义，发现它们的共通之处以及细微差别：&/p&&p&在 《人机交互》（《Human Computer Interaction》）（作者 Alan Dix, Janet E. Finlay, Gregory D. Abowd, Russell Beale）一书中，可用性可以被分解为三个要素：&/p&&ul&&li&可学习性（Learnability）：对于一个新用户来说，学习如何在界面中操作有多简单？&/li&&li&灵活性（Flexibility）：有多少种方式可以供用户与系统交互？&/li&&li&健壮性（Robustness）：当用户遇到错误时，我们怎么样更好地支持用户？&/li&&/ul&&p&与此同时，Nielsen 和 Schneiderman 提出可用性由五个要素组成：&/p&&ul&&li&可学习性（Learnability）：同上，对于一个新用户来说，学习如何在界面中操作有多简单？&/li&&li&效率（Efficiency）：用户完成一个任务有多快？&/li&&li&可记忆性（Memorability）：如果一个用户离开这个系统一段时间，他们是否能很好的回忆起界面？&/li&&li&错误（Errors）：用户会造成多少错误？他们从错误中走出来有多快？&/li&&li&满意度（Satisfaction）：用户享受使用这个界面的过程吗，以及他们对结果满意吗？&/li&&/ul&&p&最后，国际标准（ISO 9241）也将可用性分解为五个要素，如下：&/p&&ul&&li&可学习性（Learnability）：同上，对于一个新用户来说，学习如何在界面中操作有多简单？&/li&&li&可理解性（Understandability）：用户能在多大程度上理解他所看到的？&/li&&li&可操作性（Operability）：用户在这个界面中有多少控制力？&/li&&li&吸引力（Attractiveness）：这个界面有多吸引人？&/li&&li&规范性（Usability compliance）：界面依从规范、标准了吗？&/li&&/ul&&p&很显然，对于“可用”的含义，他们给出了一些共通的答案。不论设计师遵循了哪些可用性要素，对于每一个界面的考虑都是重要的。&/p&
交互设计五维度
&p&在Bill Moggridge的书籍讨论会上（书名：Designing Interactions）, 一位交互设计的学术研究者Gillian Crampton Smith提出了“交互设计语言”的四个维度。这些维度组成了交互设计本身，也因此构建起了用户与界面之间的交互。最初的四个维度是：语言、视觉展现、物理实体或空间和时间。就在最近, IDEXX实验室的高级交互设计师Kevin Silver，提出了第五个维度，行为。&br&&strong&第一维度：语言&/strong&，应该易于理解，而且应该以易于和用户交流的方式陈述。&br&&strong&第二维度：视觉表达&/strong&，指的是所有的图形或图像，几乎就是除了文字的一切。这些都应该有节制地使用，避免溢出而让用户难以承受。&br&&strong&第三维度：物理实体或空间&/strong&，指的是物理硬件，不论是鼠标、键盘，或是用户手中的移动设备。&br&&strong&第四维度：时间&/strong&，指的是用户在与前三个维度交互时的时间长度。这包括用户了解其所处进程的时间，也包括声音和动画时间。&br&&strong&第五维度：行为&/strong&，这个维度是Kevin Silver在他的文章（What Puts the Design in Interaction Design）中提出的，指的是用户和系统交互时的情感和反应。&/p&&p&从这五个维度去思考，交互设计师就可以观察到用户和交互系统产生交流和连接时的确切体验。&/p&
认知心理学
&p&认知心理学是一门研究思维如何运作、心智过程如何发生的学科。根据美国心理学协会（American Psychological Association）的定义，这些过程包括“注意力，语言使用，记忆，感觉，问题处理，创造以及思考。”&br&心理学是一个极其广泛的领域，但是在认知心理学中有一些理论，对交互设计理论的建立颇为重要。Don Norman曾在他的书《设计心理学》（《The Design of Everyday Things》）中多次提到一些概念，下面是其中一些：&/p&&ul&&li&&strong&心智模型&/strong&，指的是用户头脑中的图景，这些赋予他们对特定交互或交互系统的预期。通过学习用户的心智模型，交互设计师可以设计出自然的、符合直觉的系统。&/li&&li&&strong&界面隐喻&/strong&，指的是采用用户已知的行为去引导他们产生新的行为。举个例子，计算机上的垃圾桶图标，它就象征着我们平时使用的垃圾桶，这样可以提醒用户进行一些可以预期的行为（如：清空垃圾桶）。&/li&&li&&strong&功能可见性&/strong&，指的是我们不仅要设计一个东西并让它能完成一些事情，而且要设计一个东西，使它看起来就像它能完成这个事情。举个例子，一个按钮，如果你把它设计得像一个可以按下去的物理实体，那么这样的设计就体现了功能可见性：当一个不熟悉界面按钮的人也会理解如何去和它交互（知道它可以按下去！）。&/li&&/ul&人机界面准则
&p&“人机界面准则”，这么说可能不是很恰当。实际上，没有一套固定的准则，创造人机界面准则这个想法本身就是一个方法论。世界上主要的技术、设计公司都创造了自己的准则，包括 Apple 和 Android ，Java 和 Windows。他们这么做的目标都是相同的：给潜在的设计师和开发者提供建议和推荐，从而帮助他们创造自然的、符合直觉的界面和程序。&/p&&h2&日常工作和交付物&/h2&&p&交互设计师在整个设计、实现的过程中都扮演关键的角色，对于一个项目团队来说，他或者她有一些关键的活动，这些通常包括：形成设计策略，制作关键交互界面的草图，制作交互原型。&/p&
&p&虽然“设计策略”这个东西的边界不是很明确，但有一点是确定的：交互设计师需要知道“我们为谁而设计？”“用户的目标是什么？”，通常，用户研究员会提供这些信息，然后交互设计师根据这些信息得出设计策略，他可以独立完成这些，也可以在其他设计师的帮助下完成。制定设计策略，这可以帮助团队成员达成共同理解：我们需要怎样的交互去帮助用户完成目标。&/p&
关键交互的草图
&p&在交互设计师有了不错的设计策略之后，他开始画草图，逐渐形成最基础的交互。巨大的区别在于细节中：有些设计师在白板上画出交互草图，有些则使用网页应用帮助他们完成这个过程，还有些设计师同时使用不同的方式；有些以合作的方式完成这些界面，也有些设计师独立完成。这些选择取决于交互设计师本身以及他们特定的工作流程。&/p&
&p&取决于项目的不同，一般来讲，交互设计师下一步的工作就是制作原型。原型有许多形式，比如HTML/CSS表达的原型，或者纸质原型，这里就不多讲了。&/p&
&p&作为一名从业中的交互设计师，根据行业变化而及时作出调整是最难的。每一天，交互设计师都在从不同的角度、方向去讨论交互相关的问题。也因此，用户期待看到新的交互方式的出现。明智的交互设计师会回应这些变革，他们不断地在网络上探索新的交互，以及不断地讨论新技术的优势，与此同时，他们也清楚地知道，好的交互或者技术应该是能最优满足用户需要的，而不一定是最新的或者最激动人心的。&/p&&h2&可以关注的大神&/h2&&p&如前所述，现在很难仅仅用“交互设计师”来定义从事此项工作的人。这个领域和其他多个领域存在重叠，如UX设计，UI设计，开发以及平面设计，已因此，下面列出的人也不都是交互设计师。我们列出这些人，因为他们对这个领域做出了卓越的影响，也因为他们提出的概念、想法是非常值得探索的。&/p&&p&&strong&&figure&&img src=&http://pic1.zhimg.com/ae05b7f6f58fb3f72ff788_b.png& data-rawwidth=&118& data-rawheight=&118& class=&content_image& width=&118&&&/figure&Alan Cooper&/strong&&br&Alan Cooper是Cooper公司的联合创始人（1992年）。因为在软件设计中的开创性工作而被大家所熟知（如人性化的技术）。他也是书籍《About Face 交互设计精髓》（1-4册）（《About Face: The Essentials of Interaction Design》(editions 1-4)） 和 《The Inmates Are Running the Asylum: Why High-Tech Products Drive Us Crazy and How to Restore the Sanity》的作者。被认为是“Visual Basic 之父”，也创造了“目标导向的设计”的方法，以及发明了用户角色（Personas）来作为交互设计的工具，这些都为创造用户喜爱的高科技产品作出了帮助。&/p&&p&-------------------------------------------------------------------------------------------&/p&&br&&p&&strong&&figure&&img src=&http://pic2.zhimg.com/2c63c38b61a91fd550b1_b.png& data-rawwidth=&118& data-rawheight=&118& class=&content_image& width=&118&&&/figure&Brad Frost&/strong&&br&Brad Frost是“死于胡扯”的引领者。“死于胡扯”是一个口号：摆脱这个世界上的各种胡扯，我们需要尊重别人以及他们的时间。作为一个网页设计师，他遵循着这个理念，同时作为作者、顾问和发声者，他也支持这样的理念。严格地说，他是一个前端开发人员，但是我们知道交互设计和开发之间的距离非常之近。他的工作对于交互设计领域有着巨大的影响，因为他创造了一些很棒工具和资源，包括This Is Responsive, Pattern Lab, Styleguides.io, WTF Mobile Web, 和 Mobile Web Best Practices.&/p&&p&-------------------------------------------------------------------------------------------&br&&/p&&br&&p&&strong&&figure&&img src=&http://pic2.zhimg.com/3de755beb7daf9b89add09_b.png& data-rawwidth=&118& data-rawheight=&117& class=&content_image& width=&118&&&/figure&Whitney Hess&/strong&&br&Whitney Hess的人生目标是让人性回归商业。她是播客Designing Yourself的联合主持人，Pleasure&Pain的博主，多次在世界各地的大型企业和会议上发表演讲。她是卡内基梅隆大学专业写作和交互设计学士，人机交互硕士，并且在2014年通过New Ventures West认证成为认证导师。&/p&&p&-------------------------------------------------------------------------------------------&br&&/p&&br&&p&&strong&&figure&&img src=&http://pic2.zhimg.com/1bc94eaca78f31fecd34a9e1_b.png& data-rawwidth=&118& data-rawheight=&118& class=&content_image& width=&118&&&/figure&Kim Goodwin&/strong&&br&Kim Goodwin是畅销书《Designing for the Digital Age》的作者，她目前也是许多行业客户的顾问，涉及航空业、消费类电子产品业和零售业，过去十年中的大多数时间她都作为Cooper公司的副总裁，设计总经理，主导了许多事务：整合了交互和视觉，引领了行业内的设计师，开发了备受称赞的Cooper U设计课程。她丰富的经验和热情使她备受欢迎，常常在世界各地的公司和会议上演讲。&/p&&p&-------------------------------------------------------------------------------------------&br&&/p&&br&&p&&strong&&figure&&img src=&http://pic2.zhimg.com/7a87b8fb2bd1c7dda33c61_b.png& data-rawwidth=&118& data-rawheight=&118& class=&content_image& width=&118&&&/figure&Brenda Laurel&/strong&&br&在计算机应用领域，Brenda Laurel参与过许多重大革新：虚拟现实，互动叙事以及&br&和游戏相关的一些新方法。她现在是Arts Graduate Program of Design的加利福尼亚学院的&br&主任和教授。她曾为Atari公司工作，联合创立了Purple Moon游戏开发公司，并且担任过许多公司的交互设计顾问，包括Sony Pictures，Apple，和Citibank。&/p&&p&-------------------------------------------------------------------------------------------&br&&/p&&br&&p&&strong&&figure&&img src=&http://pic1.zhimg.com/a491dbd40ef0cf11e771c0_b.png& data-rawwidth=&118& data-rawheight=&118& class=&content_image& width=&118&&&/figure&Mat Marquis&/strong&&br&Mat Marquis也是一名交互设计师，他弱化了设计和开发的边界。他是A List Apart的技术类编辑，通过组织、编辑设计师和开发人员的文章助力整个设计社区的教育工作。他也多次在An Event Apart会议上发表演讲。他还主导着Responsive Images Community Group，一个为响应式设计中的图像寻找解决方案的小组。他也是开源社区的活跃成员，并帮助其他设计师互相扶持，不断向前。&/p&&p&-------------------------------------------------------------------------------------------&br&&/p&&br&&p&&strong&&figure&&img src=&http://pic3.zhimg.com/0faeb3ec4a3a_b.png& data-rawwidth=&118& data-rawheight=&118& class=&content_image& width=&118&&&/figure&Karen McGrane&/strong&&br&十五多年以来，Karen通过使用用户体验设计和内容策略的概念、方法，协助开发了许多更具可用性的数字产品。目前，她管理着一家由她本人在2006年创立的用户体验咨询公司Bond Art + Science。在这期间，她主导了The Atlantic，Fast Company，Franklin Templeton，和Fidelity的内容策略和信息架构。同时，她也是纽约的视觉艺术学校交互设计项目的教学人员，她教授“设计管理”这门课程，旨在帮助学生运营项目、管理团队和实现商业计划。她也是风险投资公司Ignite Venture Partners管理团队的成员之一，担任数字数码相关业务的副总裁。另外，Karen是书籍《Content Strategy for Mobile》的作者。&/p&&p&-------------------------------------------------------------------------------------------&br&&/p&&br&&p&&strong&&figure&&img src=&http://pic1.zhimg.com/f0b7dfc8df588acde524_b.png& data-rawwidth=&118& data-rawheight=&118& class=&content_image& width=&118&&&/figure&Mike Monteiro&/strong&&br&Mike Monteiro是Mule的联合创始人。Mule是一个因探索未知领域而声名远播的设计机构，他们探索内容策略，网络身份，以及一些和经典、永久设计相关的尖端网络技术。Mike写过两本书：《Design Is a Job》和《You’re My Favorite Client》，在这些书中，他向这个世界呐喊出他对努力工作的热爱，对自我意识的思考，以及工匠精神的重要性。全世界的设计师也以他们的热情响应着他的呐喊。&/p&&p&-------------------------------------------------------------------------------------------&br&&/p&&br&&p&&strong&&figure&&img src=&http://pic2.zhimg.com/948cb8fe074f9b90d1b821_b.png& data-rawwidth=&118& data-rawheight=&118& class=&content_image& width=&118&&&/figure&Theresa Neil&/strong&&br&Theresa Neil是一名用户体验顾问，现居于德克萨斯州的奥斯汀。自2001年以来，她已经主导了超过100个网站，桌面和移动应用的设计。客户包括了众多的财富500强公司，非盈利组织，以及奥斯汀当地的初创公司。他和设计师、开发人员Bill Scott是《Designing Web Interfaces》一书的联合作者。他的UX行业从业经历可以在&a href=&http://link.zhihu.com/?target=http%3A//theresaneil.wordpress.com& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&theresaneil.wordpress.com&/span&&span class=&invisible&&&/span&&/a&上找到，他的工作内容也可以在&a href=&http://link.zhihu.com/?target=http%3A//www.theresaneil.com& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&theresaneil.com&/span&&span class=&invisible&&&/span&&/a&上看到。&/p&&p&-------------------------------------------------------------------------------------------&br&&/p&&br&&p&&strong&&figure&&img src=&http://pic1.zhimg.com/df9bd4b53fb4e_b.png& data-rawwidth=&118& data-rawheight=&118& class=&content_image& width=&118&&&/figure&Don Norman&/strong&&br&Don Norman研究现实中的人们怎样进行交互行为，探索设计师的意图与真实使用者之间的障碍和鸿沟。在他的工作下诞生了一些经典的书籍，包括《设计心理学》（《The Design of Everyday Things》），这本书被视为用户体验的经典之作。&/p&&p&-------------------------------------------------------------------------------------------&br&&/p&&br&&p&&strong&&figure&&img src=&http://pic3.zhimg.com/16b3a43b8fb9a7223652_b.png& data-rawwidth=&118& data-rawheight=&117& class=&content_image& width=&118&&&/figure&Dan Saffer&/strong&&br&Dan Saffer是一位颇具创造力的领导者，他在Jawbone公司设计新的产品，如下一代产品、可穿戴服务和消费类电子产品等。他也是许多设计类书籍的作者，包括《Designing Devices》和《Designing for Interaction》，他近期的书《Microinteractions》于2013年出版。&/p&&p&-------------------------------------------------------------------------------------------&br&&/p&&br&&p&&strong&&figure&&img src=&http://pic2.zhimg.com/54bc83f3f881fad15d6dd3dd_b.png& data-rawwidth=&118& data-rawheight=&118& class=&content_image& width=&118&&&/figure&Brenda Sanderson&/strong&&br&Brenda Sanderson是IxDA的执行董事，IxDA是一个全球性组织，拥有50000+会员，致力于交互设计的专业研究。在超过15年的设计从业生涯中，她参与过许多领域的工作，也涉足过许多行业，如设计工作室，打印商店，每日新闻，出版公司和广告业。&/p&&p&-------------------------------------------------------------------------------------------&br&&/p&&br&&p&&strong&&figure&&img src=&http://pic4.zhimg.com/fddc_b.png& data-rawwidth=&118& data-rawheight=&117& class=&content_image& width=&118&&&/figure&Bill Scott&/strong&&br&Bill Scott协助创办了Yahoo！并且在2006创立了Design Pattern Library。在那之后，他在范例库的工作影响了全世界众多的设计师。Bill是一名设计师，同时也是一名开发人员，他的工作包括3D图形库的建立，NATO的战争博弈界面设计，还有许多开源项目。他和Theresa Neil联合编写了《Designing Web Interfaces》一书。另外，他也是参加了许多大会并发表演讲。&/p&&h2&常用工具&/h2&&p&交互设计师使用多种工具去完成他们的工作。不论他是在纸上画草图还是在给客户展示原型，他们的目标都是一样的：对话、沟通。交互设计师需要很好的沟通能力。下面列出的工具可以有效促进你的沟通。我们也通常使用一些面向用户的技术（前端技术比如CSS/HTML）去制作原型以方便沟通。&/p&&p&&strong&&figure&&img src=&http://pic2.zhimg.com/cb6cc5d596fd7e62e0bd31_b.png& data-rawwidth=&664& data-rawheight=&498& class=&origin_image zh-lightbox-thumb& width=&664& data-original=&http://pic2.zhimg.com/cb6cc5d596fd7e62e0bd31_r.png&&&/figure&Balsamiq Mockups&/strong&&br&Balsamiq Mockups让制作交互线框图更加方便，这款软件提供了很多设计样板，并且界面简洁易用。界面中其中使用了手绘风格，这使得设计师和相关人员可以聚焦在交互和用户反馈之上。&br&了解更多: &a href=&http://link.zhihu.com/?target=http%3A//www.balsamiq.com/products/mockups& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&balsamiq.com/products/m&/span&&span class=&invisible&&ockups&/span&&span class=&ellipsis&&&/span&&/a&&/p&&p&-------------------------------------------------------------------------------------------&/p&&br&&p&&strong&&figure&&img src=&http://pic2.zhimg.com/20feb3fad_b.png& data-rawwidth=&712& data-rawheight=&534& class=&origin_image zh-lightbox-thumb& width=&712& data-original=&http://pic2.zhimg.com/20feb3fad_r.png&&&/figure&InVision&/strong&&br&InVision是一款免费的网页和移动端原型设计工具，Mac和Windows平台都可以使用。InVision是一个开放的平台，兼容Photoshop，Sketch，Slack，Jira，和其它应用。设计师可以上传线框图，然后通过热区将他们联系起来。客户，相关人员，同事都可以直接在设计下面添加评论。InVision的实时讲演工具也可以使用共享白板。&br&了解更多: &a href=&http://link.zhihu.com/?target=http%3A//www.invisionapp.com/%23tour& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&invisionapp.com/#&/span&&span class=&invisible&&tour&/span&&span class=&ellipsis&&&/span&&/a&&/p&&p&-------------------------------------------------------------------------------------------&br&&/p&&br&&p&&strong&&figure&&img src=&http://pic4.zhimg.com/a9db972d56a73a6b706b94c6e6b8d41b_b.png& data-rawwidth=&674& data-rawheight=&505& class=&origin_image zh-lightbox-thumb& width=&674& data-original=&http://pic4.zhimg.com/a9db972d56a73a6b706b94c6e6b8d41b_r.png&&&/figure&OmniGraffle&/strong&&br&OmniGraffle是MacOSX上极其重要的图表软件。交互设计师可以利用它让团队聚焦于设计中的交互而非整个设计。OmniGraffle提供了很多有趣的特性，包括“点击显示”功能，比如展示一个盒子的设计。&br&了解更多: &a href=&http://link.zhihu.com/?target=http%3A//www.omnigroup.com/applications/OmniGraffle/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&omnigroup.com/applicati&/span&&span class=&invisible&&ons/OmniGraffle/&/span&&span class=&ellipsis&&&/span&&/a&&/p&&p&-------------------------------------------------------------------------------------------&br&&/p&&br&&p&&strong&&figure&&img src=&http://pic2.zhimg.com/5ffb30b8a47f9_b.png& data-rawwidth=&708& data-rawheight=&530& class=&origin_image zh-lightbox-thumb& width=&708& data-original=&http://pic2.zhimg.com/5ffb30b8a47f9_r.png&&&/figure&Patternry&/strong&&br&Patternry让交互设计团队可以将他们的设计以及代码存储在本地中心，而且非常棒的是，它不仅有一个存储中心。另外，它也提供了许多交互模块和模板。&br&了解更多: &a href=&http://link.zhihu.com/?target=http%3A//patternry.com/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&patternry.com/&/span&&span class=&invisible&&&/span&&/a&&/p&&p&-------------------------------------------------------------------------------------------&br&&/p&&br&&p&&strong&&figure&&img src=&http://pic3.zhimg.com/6a4ae8bc0e_b.png& data-rawwidth=&612& data-rawheight=&458& class=&origin_image zh-lightbox-thumb& width=&612& data-original=&http://pic3.zhimg.com/6a4ae8bc0e_r.png&&&/figure&Sketch&/strong&&br&Sketch是一款设计工具（目前仅支持Mac），对于图标设计以及中-高保真原型设计来说，它是很好的选择。它相当于轻量级的Adobe Photoshop，并且几乎提供了交互设计师所需要的所有工具。Sketch还提供了许多插件，让许多设计工作更加方便（如标注、切图，几乎一键完成），还包括一些促进团队协作的插件。&br&了解更多: &a href=&http://link.zhihu.com/?target=http%3A//www.sketchapp.com/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&sketchapp.com/&/span&&span class=&invisible&&&/span&&/a&&/p&&p&-------------------------------------------------------------------------------------------&br&&/p&&br&&p&&strong&&figure&&img src=&http://pic3.zhimg.com/b52bba52312_b.png& data-rawwidth=&660& data-rawheight=&494& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&http://pic3.zhimg.com/b52bba52312_r.png&&&/figure&Axure&/strong&&br&Axure RP无可争议的是市面上最好的交互设计工具。比起Balsamiq，它有更多强劲的功能，内置的协同和分享工具，还有将相框图转变为原型的优秀能力，它似乎提供了一切，但是从另一角度来讲，也许正因为它提供的太多了，对于新手来说会有一个缓慢的学习曲线。&br&了解更多: &a href=&http://link.zhihu.com/?target=http%3A//www.axure.com/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&axure.com/&/span&&span class=&invisible&&&/span&&/a&&/p&&p&-------------------------------------------------------------------------------------------&br&&/p&&br&&p&&strong&&figure&&img src=&http://pic4.zhimg.com/6ce65eb261c585c9fb00ea54ef49873b_b.png& data-rawwidth=&785& data-rawheight=&431& class=&origin_image zh-lightbox-thumb& width=&785& data-original=&http://pic4.zhimg.com/6ce65eb261c585c9fb00ea54ef49873b_r.png&&&/figure&UXPin&/strong&&br&UXPin是一个合作式设计平台，支持从低保真到高保真的原型设计。设计师可以从Photoshop或者Sketch中导入他们的设计，然后快速得到反馈。UXPin也提供了许多内置交互模板和自定义的动画编辑器。它也包括了可用性测试和实时演讲的功能。&br&了解更多: &a href=&http://link.zhihu.com/?target=http%3A//www.uxpin.com/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&uxpin.com/&/span&&span class=&invisible&&&/span&&/a&&/p&&h2&知名协会&/h2&&p&交互设计师不论属于哪个特定的组织，他仍然是交互设计师。找到其他设计师建立沟通网络并互相学习是非常有益的。下面这些是在美国内或国际上知名的协会。&/p&&p&&strong&IXDA&/strong&&br&用他们自己的话讲：IxDA提供了一个网络社区平台，使得设