初级交互设计师8大必备工具

在设计中，好的工具会让你的工作效率事半功倍。今天与大家分享一下初级交互设计师在日常的工作中有哪些必备的工具。（仅供参考）

一、Axure RP 8.0（原型工具）

Axure是交互设计师最核心的工具，通过它输出的“原型”（交互稿）是交互设计师与产品经理、前端开发、后端开发、测试等人员沟通的最好媒介。“原型”是产品开发前期的重要设计内容，它直观的体现了产品的框架结构、界面内容以及功能模块之间的逻辑关系，且不断确认产品中的模糊部分，为后续的视觉设计，产品开发提供了准确的产品信息。

简单了解一下Axure：

• 高度可视化的工作界面，极易上手，初学者也可轻松快速的设计原型。
• 无需编程，就可以在原型上定义简单的链接和丰富的交互效果。
• 可以一键生成HTML原型，放入服务器，便于产品开发团队的使用。
• 可通过创建团队项目来实现多人的协同设计，让工作更加高效。
• 主要功能除了绘制“原型设计图”，还包括“操作流程图”、“信息架构图”等其它内容。

Axure的适用人群也很广泛，包括交互设计（IxD）、产品经理（PM）、用户体验（UE/UX）、业务分析（BA）、信息架构（IA）等。

Axure RP 8.0：点击下载

二、XMind（思维导图）

XMind是一款非常实用的思维导图软件，简单易用，功能强大。在进行产品规划，头脑风暴，任务分析等工作时，都需要借助XMind来完成。

• XMind的文件可以导出成Word，PPT，PDF，图片等格式，方便将内容与其他人共享。
• XMind不仅可以绘制思维导图，还能绘制组织结构图，逻辑图，树形图，鱼骨图等图形。

XMind：点击下载

三、FastStone Capture（图像软件）

FastStone Capture是一款免费的图像浏览、编辑和抓屏工具。体积小巧，功能强大，非常实用，强烈推荐使用。

• 截图功能：抓图速度非常快，且支持多种方式截图（包括矩形区域截图，滚动截图，多边形截图，全屏截图、活动窗口截图等），特别是滚动截图很实用。
• 图像编辑：截完之后的图，直接进入图像编辑器，可直接复制到Axure、PS或PPT中使用，也可以对其进行简单的编辑处理，提供缩放，选择，裁剪，颜色调整，加文字等操作。
  工作中，经常使用里面的“黑白效果”来处理截图（原型图尽量采用灰黑白，减少对下游视觉设计的影响）。此处有的读者可能有疑问，Axure里面不是自带“灰度”效果的吗，为什么还要对图片进行“黑白效果”处理呢？是这样的，Axure中的“灰度”效果是全局性的，只要使用了，该文件里的所有内容都变成灰色的，但是原型中，常常需要用醒目的颜色来进行注释说明的，如果都变成灰色的，就会降低交互稿的可读性。
• 视频录制：平时用的比较少，偶尔需要做一些简单粗暴的GIF动画时，会先用它进行视频录制，然后将视频导入PS生成GIF图片。

FastStone Capture：点击下载

四、便笺（便签）

便笺是Windows系统自带的一个应用（Windows XP没有），非常小巧实用，但是很多人都不曾用过这个应用。

使用场景：

1. 待办事项。记录工作中一些即将需要办理的事情，例如：开会啊，工作计划安排等等。一件两件事，可以自己记住，但是事情一多，难免就会忘了、漏了。况且工作中琐碎的事情不少，好记性不如烂笔头，用便笺记下来，一个都跑不掉。
2. 突发事情。工作中，无法保障长时间的连续工作，经常会有来自外界的干扰。此时不能马上停下手中的工作就去处理，而是应该先将其记录下来，等手中的工作告一段落后，再去处理（非常紧急的事情除外）。（如果一有事情来，就停下手头工作，等忙完了回到工作上时，之前的思路/思绪就断了，需要重新花时间去整理，这样自己的工作效率就会大打折扣。）
3. 灵光乍现。在设计时，会突然发现产品中某些地方存在较大优化空间，应及时的记录下来，后期可以进行优化。当然，设计师也会有一些突发的灵感或想法，及时记录，进行整理。

使用方法：（Win7系统）点击屏幕左下角的导航按钮，在搜索位置输入“便笺”，搜索出来，就可点击使用了。

五、Firefox（浏览器）

有读者可能会觉得奇怪，为什么Firefox就成必备工具了，难道我用其它的浏览器就不可以了吗？哈哈，当然可以！用Firefox浏览器主要是为了使用 “精准切换浏览器窗口尺寸”的功能。（当然还有其它的方法可以实现该功能，欢迎大家补充。）

在工作中，我们使用的电脑分辨率通常为“1920 x 1080”，“设计内容”在这样的分辨率下显示通常是没有问题的，但是在低分辨率下，就会出现“问题”（例如：页面显示不全，无法聚焦重点内容，某些功能被隐藏等等）。

此时，设计师就需要在设计的过程中，考虑让“设计内容”兼容尽量多的分辨率，保证绝大部分用户有较好的使用体验。所以，就需要精准快速的切换浏览器窗口尺寸（模仿不同屏幕分辨率），来检验设计内容是否达到兼容性要求。

切换分辨率的操作方法：《换个视角看世界——精准切换浏览器 窗口尺寸》

六、有道云笔记（笔记）

市面上不错的云笔记很多（印象、有道、为知等），并非“有道”不可，完全看个人偏好，这边主要是想强调的是设计师要养成用云笔记的习惯。自己也一直在坚持用有道云笔记，“有道”整理感觉还不错，所以就首推它啦！

对设计师来说，“经验”、“积累”和“眼界”是其重要的核心内容，这些都是不能够速成的，需要通过漫长的时间来不断地“浇灌”，才能让其“成长”，进而来提高自身的设计能力。而这个浇灌的过程也往往最容易被设计师们所忽视的。

三步走：

1. 整理。将我们在工作中获得的经验，经常性的进行总结整理，并且用云笔记将其记录下来，最好能够通过“文章”的形式呈现出来。这一方面能够将脑海中七零八落的的经验整理的井井有条，另一方面，整理的这个过程能够让自己思考很多，学到很多，成长很多。（来吧，试一下！）
2. 坚持。在工作中或工作之余通过听讲座、看书、看文章，他人传授等任何形式获得有价值的新“认知”，都要坚持将敲在云笔记中，时常拿出来“温故而知新”，在设计时，经常能帮助到自己。
3. 记录。当参加一些设计大会、直播视频、设计活动等，那些能够在瞬间给自己的思维或者灵魂带来触动的东西，记录下来。时常翻看，也能够碰撞出不一样的烟火。

七、笔和纸（草图）

虽然我们身处互联网时代，身边的很多工具都被互联网计算机所替代，但是 笔和纸作为最早期的绘画工具将永不会退出历史舞台。

遇到复杂问题，没思路，没方法时，拿起笔和纸多画画，多写写，可以帮助我们快速的理出头绪。通过纸和笔能够非常快速的表现自己的想法，所想即所得，思维（想法）的连续性不会被打断。

八、很黄很暴力——PRISMA（专业防蓝光眼镜夹片）

有的人说眼睛是内心的索引！还有的人说眼睛是心灵的窗户！我说 眼睛是设计师的一切！！！

长时间的对着电脑、手机，是否出现过眼睛酸胀疼痛，流眼泪（手里呀捧着窝窝头 眼泪止不住的往下流），看一段时间电脑，眼睛就十分难受，不得不停下来休息！没出现过？那恭喜你，继续保持，保护好自己的眼睛。出现过？也不用担心，这是普遍现象。

众所周知，我们平时用的电脑、手机等电子设备中，都含有大量不规则频率的高能短波蓝光。蓝光能够穿透晶状体直达视网膜，对视网膜造成光化学损害，直接或间接导致黄斑区细胞的损害。这一点已被科学证实，而且这种伤害是不可修复的，等岁数大了才知道它带来的危害。

此时大家一定想问：工作中一直在跟电脑、手机打交道，但是长期长时间这样又会对眼睛产生伤害，难道这就是故事中的鱼（面包）与熊掌（健康）不可兼得吗？宝宝心里苦，但宝宝不说。还是忍不住的想问有没有什么良策？若有，快快献来！

• 化学疗法：百度经验
• 物理疗法：PRISMA（专业防蓝光眼镜夹片）——亲测，效果还是杠杠的。
  带上夹片之后，看手机、电脑再也没有酸胀疼痛了，眼睛也不再湿润。带上镜片的瞬间，放佛整个世界都静下来了，工作也更加投入了（可能是心理作用，也可能有一定的科学道理，一些比较刺眼的杂光也都过滤掉了）。

官网地址：http://www.innovative-eyewear.de/
开箱晒物：http://post.smzdm.com/p/83608/
测评分析：http://post.smzdm.com/p/138362/
购买地址：淘宝