你好,我是喵喵侠。作为一名独立开发者,经常会遇到一些设计相关的问题,比方说去哪里找演示图,去哪里找背景图片等等。如果你是网站或者 App 应用开发者,那么难免会纠结到底是用什么样的图标的问题。接下来我将会手把手教你,如何生成属于自己的专属应用图标,包教包会,让我们一起开始吧!
这个步骤是最核心最关键的,首先你要知道你想要生成什么样的图标。比方说我最近做了一款 Markdown 相关的 Chrome 插件,我脑海里已经有了一个初步的想法,希望是一个憨态可掬的大熊猫形象,颜色尽量淡雅一点。经过我的简单思考后,我写的提示词如下:
帮我生成一个可爱的熊猫图标,熊猫主体要大,背景是浅蓝和浅白的色调。
这个提示词书写其实很简单,包含了下面两要素:
其实做好这两点,你的提示词就到位了。
我这里用的是目前国内优秀的AI 工具——腾讯元宝。官网如下:
然后我把这个提示词交给了元宝进行回车对话,紧接着它就帮我快速生成了 4 个图标。
我这里生成的提示词虽然简单,但涵盖了关键信息,那就是生成图标
。这个就直接涵盖了生成图片的比例一定是 1:1
的,而且生成的图片也适合做图标。
如果你看到了满意的图标,你可以点击选择满意的放大,进行AI编辑。可以看到里面有很多 AI 编辑工具,我最常用的去水印,毕竟是要用在自己的项目里,水印看起来不太美观。
看到这里你或许会好奇,刚刚图标不是生成好了么,为什么还要再生成图标?这里的生成图标,指的生成适用于网站或者 App 的各种尺寸的图标。这里推荐一个很好用的在线工具RealFaviconGenerator
,官网如下:
Favicon Generator for perfect icons on all browsers
这个网站不光可以生成 iOS和 Android 图标,也能生成网站的 ico 图标。这个网站最好的一点是,你可以在线预览各个平台的图标效果。
确认好后点击 Next
,如果想反悔,就只能刷新页面重新开始了。
生成完毕后,点击 Download 即可下载全部图标的压缩包。网站下面还贴心的告诉你怎么在网页中使用。
压缩包里面可以看到,favicon 是用于网站的,ico 一般就够用了,如果要更清晰,就选择最大的 svg。iOS 可以选择apple-touch-icon.png
,也可以根据实际需要,选择 192 或者 512 尺寸的。
生成一个 App 图标总结就两步:
相信看完了本文,你立马就学会了如何制作网站或应用图标。其他的 AI 绘图工具,也是类似的方法,希望你能够活学活用。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。