超实用的大神级云端设计神器！

https://www.figma.com

Figma，15年年底开始兴起的一个界面设计协作神器，图形设计功能强大、支持多人编辑与多人实时评论，还可以随意保存历史版本，简直堪称设计界的Google Docs。随便截几张操作动图让你感受一下——

另外，纯设计稿的云协作还有国内的白板、国外的Red Pen。 你可以把你的页面设计稿上传，把链接发给上司&同事就可以进行实时的点评甚至是吐槽！

神器2：一秒生成静态演示图

https://placeit.net/

每个演示用的模板上都附有标准尺寸，你也可以先在PS等软件处理好尺寸再上传，立即生成各种手拿iPhone、iMac，开着Macbook的图片，来演示你设计的静态图效果。

神器3：一流的H5设计参考网站

http://www.imdb.com/?ref_=nv_home

你绝对没想到，平日我们经常看电影评分资讯的IMDb其实是可供我们参照构图、设计风格的神器！那些海报绝不止于宣传片，很多都是国际一流设计师的艺术结晶，用来作为构图以及设计风格的参照再合适不过了。

同理，国内的豆瓣电影网也是如此。挑电影的同时，也能学习。

神器4：视觉炸裂的代码最全收录

http://codepen.io/

如果你有一定编程基础、懂得如何在移动页面/H5里插入代码的话，也可以参考CODEPEN这个动效源码网站。里面有很多视觉炸裂且惊艳的动效，并且大都附有HTML、CSS、js源码供大家使用。

http://tympanus.net/codrops/

它有很多可以在线预览、兼具视觉化以及交互性的动效，并且每个案例后面都附有相对应的代码，具体应用就因人而异了。

神器5：H5音效的最全收录

http://www.gamepix.com/blog/the-big-list-of-sound-and-music-assets-for-your-html5-game/

GAMEPIX是一个国外HTML5游戏网站，它整理过一个超全的音效网站合辑，用于游戏背景音乐或音效下载，但其实适用于大部分移动页面H5。小至“叮咚”的几秒音效、页面间过渡的十几秒音效，大至几分钟的BGM，非常丰富。

这个合辑作了分类，FREE（免费）、FREE/PAID（半免费半收费）、PAID（收费）三种类型，免费的也照样很好用。

但如果你需要的音效主要针对游戏，那么建议你来Open Game Art找，更新快，更可贵的是音频格式比较全，大部分为热心网友上传。

http://opengameart.org

神器6：交互动效的最全收录

http://www.elasticode.com/allapps.php

如果想在H5上参照各种丰富的交互动效，可以用Elasticode。它有很多供你借鉴的交互动效，包括按钮的点击、页面切换/跳转、文字、图片素材出现/消失、元素变换等等。

神器7：专业的配色，找大师

https://coolors.co/app

专业配色，国内比较多用Adobe Kuler，调色盘方便，方案也很多。但如果你英文水平还过得去，可以试试Coolors，配色方案强大，也支持上传图片取色。

https://www.materialpalette.com

神器8：设计素材最强压缩

http://zhitu.isux.us/

移动页面素材压缩上，推荐腾讯ISUX前端团队开发的智图图片压缩工具。与众所周知的tinypng压缩神器相比，压缩效果和效率会相对优化（注意：上传的文件上限是5MB）。

神器9：最便捷的H5案例搜索引擎

http://www.199case.com/

在移动页面的设计灵感和创意的借鉴上，推荐199case，这里对H5进行了具体的分类——行业、形式、节日、风格等，让我们能更简便、精准地找到自己想要借鉴的H5类型。

设计师想找些参考案例，网上虽很多素材，但是都是不完整的，不成系统的，从这个可以看到完整的鲜活的设计，从加载动效、到交互到分享指引的每个细节都值得借鉴。

神器10：移动页面H5制作工具

http://www.ih5.cn

功能和服务持续保持市场最高水准。使用iH5制作的H5作品，具有跨平台、快速迭代、持续交付、开发成本低、开源生态系统发达、数据交互开放、易推广等优势。

以上就是超实用的大神级云端设计神器！的详细内容，更多内容请关注技术你好其它相关文章！