超实用的神级云设计神器！（云端创意设计工作室）

神器1:界面设计和协作的法宝

https://www.figma.com

Figma是15年底开始兴起的界面设计协作神器，具有强大的图形设计功能，支持多人编辑和多人实时评论，还可以随意保存版本历史，在设计领域简单称为Google Docs。剪几张动作照片让你感受一下-

网上有人说它像Photoshop，但实际上它不具备图像处理功能。相反，Adobe Illustrator和Sketch都支持复杂的锚点更改-但我们在下载AI时应该接近1G内存，对吗？Sketch仅支持Mac系统！

如果你想设计一个移动广告界面，强烈建议尝试一下。它可以导出为jpg、png、svg等格式。

此外，纯设计稿的云协作包括国内白板和国外红笔。你可以上传你的页面设计草稿，并将链接发送给你的老板&同事可以进行实时评论甚至吐槽！

工件2:一秒钟内生成静态演示图

https://placeit.net/

有了Place it这款生成各种静态页面演示的工具，如果你想用手里的手机或电脑制作界面的演示图，就不用到处找材料p图了。操作如下-

拾取模板--》上传图片--》捕捉图片大小--》搞定！

每个演示模板都附有标准尺寸。您还可以在上传之前在PS和其他软件中处理尺寸，并立即使用iPhone、iMac和Macbook生成各种图片来演示您设计的静态图片效果。

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

http://www.imdb.com/? ref _ = NV _ home

你绝对想不到，我们平日里经常看的电影分级信息《IMDb》，其实是我们参考构图和设计风格的神器！那些海报不仅是宣传片，也是世界级设计师的艺术结晶，是构图和设计风格的完美参考。

看了上面我精心修复设计框架的动画，有没有觉得浪费了很多向大师学习风格的机会？IMDb上电影海报的比例与手机页面的比例相似，可以作为手机页面设计的绝佳参考来源。

同理，国内豆瓣电影网也是如此。你可以边看电影边学习。

神器4:视觉爆炸最全代码收录。

http://codepen.io/

如果你有一定的编程基础，知道如何在移动页面/H5中插入代码，你也可以参考动态源代码网站CODEPEN。其中有许多视觉爆炸和惊人的动态效果，并且大多数都附有HTML，CSS和js源代码供每个人使用。

此外，如果要制作大屏移动广告，动态效果的选择和参考应该更高。这里推荐一个专门收集PC端视觉动态效果案例的网站——CODROPS。

http://tympanus.net/codrops/

它有许多可以在线预览的动态效果，这些效果既是可视化的又是交互式的，并且每个案例都附有相应的代码，因此具体应用因人而异。

神器5:最完整的5集:H5音效

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

GAMEPIX是一个外国HTML5游戏网站，它编译了一个完整的音效网站集，用于下载游戏背景音乐或音效，但它实际上适用于大多数H5移动网页。小到几秒钟的“丁咚”音效，十几秒钟的书页间音效，大到几分钟的BGM，都非常丰富。

这个集合分为三种类型:免费（免费）、免费/付费（半免费和半付费）和付费（付费），免费的仍然非常容易使用。

但是，如果您需要的声音效果主要用于游戏，那么我建议您来打开Game Art寻找它们。更新很快，更难能可贵的是音频格式比较完整，大部分都是热心网友上传的。

http://opengameart.org

神器6:最全的互动效果合集

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

如果你想参考H5的各种互动效果，你可以使用Elasticode。它有许多交互效果供您学习，包括按钮点击、页面切换/跳转、文本、图片材料出现/消失、元素变换等。

【优点】这些动态效果侧重于用户体验的交互，您可以直接感受到交互的过程。

神器七:专业配色，找高手。

https://coolors.co/app

专业配色，国内广泛使用Adobe Kuler，调色板方便且方案多。但是如果你的英语水平还过得去的话，可以试试Coolors，它的配色很强，还支持上传图片进行颜色选择。

它还有一个优点:点击“生成”，你将获得一组随机推荐的配色方案。您可以拖放以切换颜色位置，调出相似色阶的列表，并调整整体方案的色调、饱和度、亮度和温暖度。

此外，您还可以使用Google开发的自动配色网站Material palette，通过检查两种主要颜色自动生成色阶相似且高度协调的配色列表。

https://www.materialpalette.com

神器8:设计材料的最强压缩

http://zhitu.isux.us/

至于手机页面素材的压缩，推荐使用腾讯ISUX前端团队开发的智能图片压缩工具。相比大家熟知的tinypng压缩神器，压缩效果和效率会相对优化一些（注:上传文件上限5MB）。

【优点】可以转换为webp格式的图片（与PNG和JPEG相比，可以降低三分之一左右的画质），控制图片输出质量，拖动设置栏比较压缩前后的效果。

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

http://www.199case.com/

在手机页面的设计灵感和创意参考中，推荐使用199case，其中对H5进行了专门分类-行业、形式、节日、风格等。，这样我们可以更容易、更准确地找到我们想要学习的H5类型。

设计师想找一些参考案例。虽然网上的资料很多，但是不完整，不系统。由此，我们可以看到一个完整而生动的设计，从加载动态效果到交互到分享指导的每个细节都值得学习。

神器10:手机页面H5制作工具

http://www.ih5.cn

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

这几篇文章你可能也喜欢：

• 超级实用的大神级云设计神器！(超实用的大神云设计神器软件)

本文由主机参考刊发，转载请注明：超实用的神级云设计神器！（云端创意设计工作室） https://zhujicankao.com/106682.html