从脑图到交付，这些设计利器你知道吗？
设计工具相当于设计师的武器，从脑图到平面到最后的交付，结合设计流程，小派特此联合被我们尊称为“设计界的哆啦A梦”——晗萧，总结了我们认为棒棒哒的十大设计工具，那下面咱们一起瞧瞧吧，看看他们NB在哪里！
来源：epub360（微信号：epub360）
一、脑图
百度脑图 - 便捷的思维编辑工具
免安装 云存储 易分享 体验舒适 功能丰富
二、原型设计
墨刀- 免费的移动应用原型与线框图工具
网站地址：https://modao.cc/
快速构建移动应用原型与线框图，云端保存，实时手机预览，多种手势及页面切换特效支持。
三、平面设计
PS AI 就不用提了吧！
Sketch - 轻量易用的矢量设计工具
网站地址：http://www.bohemiancoding.com/sketch/
“ 在 PS 中设计 UI，就像你要切纸的时候本来只需要一把剪刀，但你拿到的却是一把链锯。我们作为 UI 设计师根本用不到 3D 工具、漂亮的滤镜、或者内容感知填充。”
——《是时候抛弃 Photoshop 拥抱 Sketch 了》
四、动画设计
1.皮影客 - 三分钟做部动画片
皮影客是一款帮助普通人快速制作动画的产品。它将动画制作的过程模块化，分为场景、分镜、人物、动作、对话等等不同的模块，用户只需要通过简单的操作将这些模块相组合，就可以制作一个动画。
皮影客让动画制作变得简单、易学，但最终呈现不亚于一个准专业水准的动画产品。
2.Principle - 流程应用交互动画制作工具
网站地址：http://principleformac.com/
前 Apple 工程师打造，快速制作丰富的流程应用交互动画制作！
3.Adobe AE - 专业级影视特效制作软件
网站地址：http://www.adobe.com/cn/products/aftereffects.html
除了制作影视特效，在H5中也大放光彩，能对视频进行序列帧输出，最近比较热门的H5如《大众点评：我们之间就一个字》、《New Balance：谁在街头怀疑一切》素材均采用AE进行合成制作 。
五、交付设计
1.Epub360 - 专业级H5设计工具
不同于模版类工具，Epub360提供完全自由的动画和交互设计，并率先支持微信高级接口和服务器端的数据交互，比如序列帧动画、SVG路径动画、重力感应、微信摇一摇，微信拍照录音、高级表单等。
2.Coolsite360 - 全自由度响应式网站设计工具
网站地址：http://www.coolsite360.com/
不仅提供模版，更将html、css融入可视化编辑环境，让您掌控每一个设计细节，从网页布局到元素的样式设定，从动画到交互，CoolSite360为您提供全自由度的设计掌控。
也许有些小伙伴发现Coolsite360和Epub360名称有点相似，嗯，他们都是由专注于数字媒体领域的我们“意派科技”出品啦~
六、设计辅助
SLICY - 切图神器
网站地址：http://macrabbit.com/slicy
作者这样描述它：把整个PSD扔进去，结束。效率由此可见。究竟有多牛，用下你就停不下来！
七、设计讨论
Redpen -设计图实时讨论工具
网站地址：https://redpen.io/
以原地作标记的方式与团队进行实时讨论，同时简单轻松地收集和整理反馈，节省团队沟通成本。国内的白板与其类似，具体哪个适合你，大家可以自行前往使用体验。
肿么样，上面十大设计利器都造么？在对设计师综合能力要求越来越高的今天，赶快试着去玩转我们的武器吧！
感谢大名逗号、NEVER、老赵等设计小伙伴对本文提出了宝贵建议！
拓展阅读：H5精品资源集，必须收藏！
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
参与评论
参与评论
推荐评论
全部评论（6条）