整理出10个冷门却实用、随开即随玩的云端设计神器（基本都是基于HTML5），特别是为广大的H5设计师发家致富铺一条光明大道。
——国庆长假呕心沥血几个通宵完成，希望能被更多人看见。
神器1：一流的移动设计参考网站
http://www.imdb.com/?ref_=nv_home
同理，国内的豆瓣电影网也是如此。挑电影的同时，也能学习。
挑模板-->上传图片-->截取图片尺寸-->完成！
每个演示用的模板上都附有标准尺寸，你也可以先在PS等软件处理好尺寸再上传，立即生成各种手拿iPhone、iMac，开着Macbook的图片，来演示你设计的静态图效果。
神器3：界面设计与协作的法宝
Figma，15年年底开始兴起的一个界面设计协作神器，图形设计功能强大、支持多人编辑与多人实时评论，还可以随意保存历史版本，简直堪称设计界的Google Docs。随便截几张操作动图让你感受一下——
网上有人说它像Photoshop，但其实它不具备图像处理功能，真正有得一拼的反而是Adobe Illustrator、Sketch，都支持复杂的锚点变化——但我们去下载AI也要接近1G内存吧？Sketch还只支持Mac系统！
下次如果你要设计H5的界面，强烈推荐尝试一下，可以导出成jpg、png、svg等多种格式。
另外，纯设计稿的云协作还有国内的白板、国外的Red Pen。 你可以把你的H5页面设计稿上传，把链接发给上司&同事就可以进行实时的点评甚至是吐槽！
http://www.elasticode.com/allapps.php
【优势】这些动效侧重在用户体验的交互上，你可以直接感受交互的过程。
神器6：H5音效的最全收录
http://www.gamepix.com/blog/the-big-list-of-sound-and-music-assets-for-your-html5-game/
GAMEPIX是一个国外HTML5游戏网站，它整理过一个超全的音效网站合辑，用于游戏背景音乐或音效下载，但其实适用于大部分H5。小至“叮咚”的几秒音效、页面间过渡的十几秒音效，大至几分钟的BGM，非常丰富。
神器7：专业的配色，找大师
它还有一个优势：点击“Generate”（生成），会得到随机推荐的一套配色方案，你可以拖拽调换颜色位置，调出相近色阶列表，调整整体方案的色调、饱和度、亮度、冷暖度。
另外也可以使用谷歌开发的自动颜色搭配网站Material palette，勾选两个主颜色，自动生成色阶相近、协调度高的配色列表。
https://www.materialpalette.com
【优势】可以转换为webp格式的图片（相比PNG和JPEG在不降低图片质量的同时，减少约三分之一的体积），可以控制图片输出质量，而且可以拖动设置条对比压缩前后的效果。
另外特别推荐H5案例分享和数英网，前者还包含PC案例，后者则会对一些项目进行深度报道。
神器10：殿堂级的H5制作工具
