这些工具你会用吗？常见设计工具视频教程集锦

在产品开发过程当中，最经常使用的展示构思的方式通常来讲是纸笔原型，最简单也最迅速，寥寥一画，一个大体的线框图就呈现出来了。可是若是想要把线框图表现得更完美，你仍是有不少工做要作哒~YouTube上一位大牛在他的视频里展现了一套完整网络邮件服务的纸质原型线框图。由两我的合做完成按钮点击和网页跳转的展现，看起来逻辑思路都很清晰完整，可是对于当下的快节奏工做环境，制做和展现这样一套完整的原型仍是颇为耗费时间。有网友问展现这套设计排练了多久，也有人担忧纸片片的顺序被打乱，或者文件容易缺失的问题。

相较于这种传统的操做方式，更高级一点的就是借助于各类线框、原型设计工具。也看到网上有不少关于这类工具的介绍或者总结，爆炸式的陈列出大把大把的工具，可是，你真的会用吗？授人以鱼不如授人以渔。因此，这里总结了一些常见原型工具的使用教程，但愿对你有用。

线框图工具 - Balsamiq

这款工具听说是独创了手绘风格。界面和操做都比较简单，只需拖出控件，调整属性就能够快速的绘制低保真的线框图，手绘风格也很讨巧。网站上很贴心的在首页展现了一个3分钟的短视频，让用户即看即学。更多更详细的使用教程YouTube上也很多，好比这个2013年11月份制做的Balsamiq Tutorial，达到了65K+的观看量。

交互式原型设计工具 - Mockplus

Mockplus是一款很是简单易学的交互式原型工具，特有的连接点，让你轻松的在拖拽之间迅速完成组件、页面交互，很是直观。中文教程：10分钟教学视频，即学即用，快速上手。国外的童鞋也能在YouTube上搜到不少Mockplus的教学视频，短短几个月的时间，Mockplus的教程已经累积10K+的浏览。Mockplus在交互方面的优点能够从其中一个“30秒制做原型”的视频中充分体现。

界面编辑工具- Sketch

Sketch是一款适用于全部设计师的矢量绘图应用。矢量绘图也是目前进行网页，图标以及界面设计的最好方式。有经验的设计师花上几个小时便能将本身的设计技巧在Sketch中自如运用。若是你没有使用过Sketch也没关系，跟着我列出来的教程视频看下去，你会收获不少的。中文视频，请移步这里：Sketch视频教程专辑。有兴趣看更多视频的同窗吗，能够去YouTube看一下LevelUpTuts家的Sketch App Tutorials - Series Introduction视频，干货很多，两年多的时间有300K+的观看，相信有很多看过视频的同窗都已经修炼成了大神。

界面演示工具 - Invision

InVision 并非一款严格意义上的交互设计工具，但它能够帮助设计师和设计团队更加高效地作原型设计。用户制做一个在线原型只须要四部：建立一个工程、上传视觉设计稿、添加连接以及生成在线原型，便于和同事、用户交流，获取反馈。与此同时，InVision拥有完备的项目管理功能，团队协做完成原型设计。3分钟视频快速了解Invision。一样，能够去YouTube找到更多详细的Invision视频教程。