99%的设计师都应该知道的6个设计小工具!

在做H5设计过程中,没几个小工具助攻怎么行呢?这里有6个超实用的小工具,瞬间提升你的H5设计效率!

封面图.png

在做H5设计过程中,没几个小工具助攻怎么行呢?小编在这里搜集了6个超实用的小工具,瞬间提升你的H5设计效率!


1、Tinypng

WX20170918-143403.png
 
网址:https://tinypng.com/

对于主战场在移动端的H5来说,20M和5M大小的作品体验可以说是完全不同的了。所以这就要求H5er尽最大可能地去优化(压缩)素材。tinypng这个网站,只需要一键操作,就可以把你要压缩的PNG格式图片压缩到很小,一张接近700k的图片轻轻松松就压缩到150k不到,压缩了79%,而且图片质量还很可观。



2、格式工厂

格式工厂.png
 
网址:http://www.pcgeshi.com/
 
几乎支持所有主流类型的多媒体格式,包括支持各种类型的视频、音频、图片等格式,轻松转换到你想要的格式。 
 

3、Licecap

licecap.png
 
网址:https://www.cockos.com/licecap/

亲测好用的一款小巧的屏幕录制工具,操作也十分简单,在屏幕上拉个适当的范围,点击 Record 就开始录屏了,Stop 过后自动保存为 GIF 格式。



4、百度脑图

 

百度脑图.png
 
网址:http://naotu.baidu.com/


思维导图,对于H5er来说也是非常必要的。包括前期的策划、创意、设计等思路都可以记录在脑图里。


5、草料二维码

草料.png
 
网址:https://cli.im/

H5项目上线后,难免会遇到需要印刷二维码的问题,这时就需要清晰度极高的二维码图片——草料二维码生成器,可生成多种尺寸、格式的二维码,简单便捷。

二维码.png
6、求字体网

求字体网.png
 
http://www.qiuziti.com/

 

看到喜欢的字体,但是不知道名字叫什么,怎么办呢?只需要截图把图片上传到求字体网,就能查到,不过基于截图的清晰度等原因,有可能会生成多种结果的字体,需要进行适当筛选。

 

 


关注更多H5设计、案例、资讯 

10