网页交互设计软件常用的有： 1.Sketch 在网页交互设计的方案绘制环节，首推的软件是Sketch，配合它使用的还有插件CraftManage，在绘制图片时使用它custom这个功能，可以随机更换填充图片，在做用户头像和APP里面的图片时特别方便。 2.Photoshop 在交互设计中，Photoshop用来绘制方案没有sketch高效。但它强大的处理图片的功能，让人也忽视不了，经常能帮忙解决一些关于图片的裁切、格式调整、颜色等等的一系列问题。 3.Flinto 在网页交互设计中，Flinto是制作demo非常高效的工具，支持sketch导出。只要在sketch做好原型图然后通过插件就可以导入到Flinto。但Flinto的缺点在于，它缺少逻辑判断的功能。比如说点击一个区域可能有两张状况出现，此时Flinto并不能表现出这种逻辑关系，于是有了Origami作为补充。 4.Origami Origami是Facebook开发的一款动态工具，它的优点是能很细致地表达一款动效的状态出来，支持各种逻辑的跳转，并且可以调动手机摄像头，模拟拍照功能，可以调用JS代码。但它的缺点在于不能做太多的页面，二十个页面以上的效果就会卡，不支持sketch的导入，需要手动拷贝文件夹。对设计师来说，因为代码思维操作，学起来也稍微显得有点困难。 5.Framer Framer比Origami更接近代码。兼容sketch和ps的文件导入，熟悉以后按照适合Framer的操作来组织sketch图层在导入Framer的话，非常便捷。有些重复的事情用结构控制使用代码更方便，可实现的效果跟Origami差不多。