下面列举了10款小而实用的云工具（基本基于HTML5），实用、可随意玩，为广大联通广告设计师铺就一条光明的致富之路。
神器一：一流的H5设计参考网站
你万万没想到，平日里我们经常阅读电影分级信息的IMDb，似乎成了我们参考灯光和设计风格的利器！ 这些海报绝不仅限于宣传视频，很多都是世界级设计师的艺术结晶，在灯光、设计风格上都非常适合借鉴。
看着之前精心制作的还原设计框架动画，你是不是突然觉得自己浪费了很多学习大师风格的机会呢？ IMDb 上的电影海报比例与手机页面相似，可以作为中国联通页面设计的绝佳参考来源。
同理，国内的豆瓣电影网也是如此。 在挑选视频的同时，还可以学习。
神器二：一秒生成静态演示图
有了Place it这个生成各种静态页面演示的工具，如果你想制作一个拿着手机或者在笔记本上显示界面的演示图，就不用到处寻找素材P图了。 操作如下——
选择模板 --> 上传图片 --> 拍摄图片规格 --> 完成！
每个演示模板均附有标准规格。 您还可以在上传之前在PS等软件中对规格进行处理，立即生成手中的iPhone、iMac、Macbook的各种图片，以演示您设计的静态图片。 疗效。
神器三：界面设计与协作的法宝
Figma是2015年底流行的一款界面设计协作工具，拥有强大的图形设计功能，支持多人编辑和多人实时评论，并且可以随意保存历史版本。 简直就是设计界的Google Docs。随机截几张操作图给大家体验一下
网上有人说它像Photoshop，但毕竟不具备图像处理功能。 真正的竞争对手是 Adobe Illustrator 和 Sketch，它们都支持复杂的锚点变化。 ？ Sketch仅支持Mac系统！
下次如果你想设计一个移动广告界面，强烈建议尝试一下，可以导入为jpg、png、svg等多种格式。
此外，还有国外的白板和国外的红笔进行纯设计稿的云端协作。 您可以上传您的页面设计稿，并将链接发送给您的老板和同事，进行实时评论甚至投诉！
神器4：最全的交互动画效果合集
如果你想参考H5上的各种丰富的交互效果，可以使用Elasticode。
它有很多交互效果供您学习，包括按钮点击、页面切换/跳转、文本、图像素材出现/消失、元素变换等。
【优点】这些动画效果注重用户体验的交互，可以直接体验交互过程。
神器5：最全视觉爆码合集
如果你有一定的编程基础，知道如何在联通页面/H5中插入代码，也可以参考动态源码网站CODEPEN。 有很多视觉上爆炸、震撼的动态效果，并且大部分都附有HTML、CSS、js源代码供您使用。
另外html5 手机 图片上传，如果要做大屏联通广告，对动效的选择和参考性要高一些。 这里推荐一个专门收集PC端视觉动效案例的网站——Codrops。
它有很多可以在线预览的动态效果，既有可视化的，也有交互式的，并且每个案例前面都附有相应的代码，具体应用因人而异。
神器六：H5音质最全合集
GAMEPIX 是一家美国 HTML5 游戏网站。 整理了超全的游戏背景音乐或者音质下载的音质网站合集，不过适合大部分联通页面H5。 音质小到几秒的“叮咚”，十几秒的页面间过渡的音质，大到几分钟的BGM，非常丰富。
这个集合分为三种类型：FREE（免费）、FREE/PAID（一半免费一半收费）、PAID（收费）。 免费的仍然非常容易使用。
但如果你需要的音质主要是游戏的话，那么我建议你来Open Game Art找找，更新很快，更可贵的是音频格式比较齐全，大部分都是由热心网友们。
神器七：专业配色，找高手
专业配色方面，Adobe Kuler在国内应用广泛，调色板方便，解决方案也很多。 但如果你英语水平还不错的话，可以试试Coolors，配色很给力，而且还支持上传图片和截图。
它还有另一个优点：点击“生成”，你会得到一组随机推荐的配色方案。 您可以拖放更改颜色位置，调出相似亮度的列表，并调整整体方案的颜色、饱和度、亮度和暖度。 花费。
另外，你还可以使用微软开发的手动配色网站Material Palette，对两种主色进行检查，自动生成明度相近、协调性高的配色列表。
神器八：设计素材最强压缩
对于移动端页面素材压缩，推荐腾讯ISUX后端团队开发的智图图片压缩工具。 与知名的tinypng压缩工具相比，压缩效果和效率会相对优化（注：上传文件上限为5MB）。
【优点】可以转换webp格式的图片（与PNG、JPEG相比，在不提高图片质量的情况下，体积减少了三分之一左右），可以控制图片输出质量，可以拖动设置栏对比之前以及加压后的疗效。
神器九：H5创意与灵感来源
就中国联通页面的设计灵感和创意参考而言，我推荐娃百网，其中H5进行了具体分类——时间、阅读量、推荐、行业等，让我们更容易、更准确地找到我们想要的东西学习借鉴。 H5型。
另外，强烈推荐H5案例分享和书影网。 前者还包括PC案例，后者将对一些项目进行深入报道。
PS：在页面的创意规划中，可以参考APP界面设计来学习字体大小选择、配色、交互设计等html5 手机 图片上传，比如UX Archive，里面保存了大量Facebook等APP的截图。
神器十：殿堂级联通页面H5制作工具
工欲善其事，必先利其器。 最后，云联通页面H5制作工具，我一定要推荐iH5，它技术领先，功能全省最强大。
它最大的优点就是抛弃了代码，解放了所有不会编码的设计师，让你可以快速实现你的想法。
现在可以随意搜索H5工程师的薪资，月收入1.5万到3万不等。 那么如果使用好的工具，是否可以让工程师编程的效果更快呢？ 工资也涨了吗？
您可以使用iH5接单，可以参考业内知名设计师接单公式——[(您的年薪÷22天÷8小时)×预计私人订单时长]×2倍——倍数为在某种程度上，它与你对业余时间的重视程度成正比。
功能强大得离谱——物理碰撞、时间轴动画、滑动时间轴、地理定位、数据库、720°全景……统统都有，而且永久免费使用。
即使你不会编码，你仍然可以制作出这个很棒的联通页面广告——
十大云工具介绍
熬了几个晚上，终于收拾完了……
那么……你不点赞吗？
（拥抱和哭泣）
