微信小程序开发-你可能会需要的UI工具（转）

转自： https://www.jianshu.com/p/ad6aebb4ff61

微信小程序开发-你可能会需要的UI工具

 

爱吐槽的coder 关注

2018.04.18 22:25* 字数 510 阅读 2806评论 3喜欢 147

微信小程序开发需要一系列的工作，下面是我整理的，你可能会需要的工具

1.logo生成工具

这里是一个免费生成logo的网站http://www.logofree.cn/logo.html步骤很简单

1.1 输入企业简称和所属行业

1.2 选择一个logo

都不满意，可以使用“换一批”按钮来更换一批logo

  1.3 调整文字和颜色

  1.4 最后截图

直接下载图片是要钱的，截图就可以了

2.icon下载

这是阿里巴巴的矢量图下载网站http://iconfont.cn/

2.1 选择一套图片库

2.2 添加入库

鼠标移动你需要的图标上面，然后选择‘添加入库’也就是购物车的位置

2.3 进入购物车

进入页面最右边的购物车

  2.4 下载代码

你就能得到各种格式的代码压缩包

  2.5 添加base64到wxss

打开iconfont.css文件，删除划红线的部分，也就是保留base64部分，将剩余的部分复制到wxss文件中，就可以使用了。因为这是字体文件，可以任意调整字体和颜色，比png图片方便，且体积更小，特别是对于小程序只有2M的最大尺寸来说，尤其重要。

3. 海报 banner制作

 这里可以有海报和banner的模板，重点是可以在线编辑，再也不用ps了

https://www.gaoding.com/templets?platform_id=64&category_id=4

3.1 选择一个模板

就这个一眼看到比较喜感的吧