效果

先看一下成品图，比较简洁：

sketch制作文字图标

挑选

首先找一个你喜欢的app（比如facebook），然后我们使用sketch+icon maker制作一个ios的appicon。

制作

制作类似facebook的图标（基于sketch 65）的步骤如下：

1. 下载安装sketch（链接:https://pan.baidu.com/s/1GQmoHH4OhT5FoFnbtAEocg
   密码:e0if）

2. 新建文档

3. 新建一个背景。点击：置入-》形状-》矩形，把大小设置为512x512（保持正方形即可），把背景色设置为渐变（点击1），然后分别点击2和3，设置渐变起始的颜色（#59ABEB）和结束的颜色（#2E64DC），效果如下：
   

4. 插入文本。点击：置入-》字符，把字符位置拖到背景色中间，调整字号（我这里是500）
   

5. 导出。文件-》导出，此时会生成一个导出的图层，调整图层大小为512x512（和上面背景矩形大小一致），x和y分别为53,23（这里可以点击背景矩形查看坐标）。然后点击确定即可。

此时一张图标已经做好了，可以直接用了，但是在IOS里面，每次都要切各种大小的图标、一顿转换，然后还要挨个拖到工程里面，实在是太麻烦了。所以切图、工程资源文件生成我们找一个工具来完成。

icon maker

1. 下载安装icon maker（链接:https://pan.baidu.com/s/1j2WZSJ83RYu6hLnK4ICSYw 密码:1t9p）
2. 打开icon maker之后，选择刚刚导出的png图片，勾选Rounded Corner生成圆角的图标，点击IOS选择存储位置。
   
3. 最后，把生成的文件夹IOS/Assets.xcassets/AppIcon.appiconset复制替换到我们程序目录的Assets.xcassets/AppIcon.appiconset，重新编译运行，图标就做好啦！
   

推荐几个工具

色环：http://www.peise.net/tools/web/

移动应用APP图标设计系列：中文字体变形设计：https://www.25xt.com/appdesign/16366.html

阿里巴巴图标库 https://www.iconfont.cn/

关于作者

推荐下自己的开源IM，纯Golang编写：

CoffeeChat：
https://github.com/xmcy0011/CoffeeChat
opensource im with server(go) and client(flutter+swift)

参考了TeamTalk、瓜子IM等知名项目，包含服务端(go)和客户端(flutter+swift)，单聊和机器人（小微、图灵、思知）聊天功能已完成，目前正在研发群聊功能，欢迎对golang和跨平台开发flutter技术感兴趣的小伙伴Star加关注。

————————————————
版权声明：本文为CSDN博主「许非」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/xmcy001122/article/details/105665732