最近发现了一个生成 coloring page 的网站的 UI 页面做得不错 🎨
前几天有人给我推荐了个可以自动生成儿童涂色图的网站,这类网站市面上好像比较多了,但这个无论是页面设计还是生图效果都还挺惊艳的。
👉 点击这里可以访问看看:https://www.coloring-pages.app
https://i.v2ex.co/CL8V35l1l.png
🖼️ 页面风格非常有设计感,还有点技术含量?
感觉这个网站的首页设计真的很用心,整体是那种蜡笔手绘风格,配色柔和,按钮边框也是这种效果。
感觉不像普通的圆角 + 阴影,猜测很可能是用 CSS + SVG 实现的模拟蜡笔笔触边框。
文生图页面:
https://i.v2ex.co/lRkoC61ml.png
你们觉得呢?是不是挺像 SVG 结合滤镜或 path 效果做出来的?有没有哪位能帮看看这个效果具体是如何能实现呢。
⚙️ 功能体验也很强,生成快还精准
网站支持两种方式生成线稿图:
- 上传一张照片(比如家里猫猫狗狗的图,或者小朋友自拍照)→ 自动生成可打印的黑白线稿输入一句英文描述(比如 “两个机器人在挥舞着手绢斗舞”)→ 生成 AI 涂色图!
生成速度很快,几秒钟内就出图了,关键是线条细节处理得特别好,不是那种糊成一团的假线稿。还支持不同图片尺寸以及三种图片效果,分别适合幼儿、儿童和成人或专业者涂色。
下面是我自己试了几次后生成的效果图 👇
图生图结果:
https://i.v2ex.co/4iXThxHU.png
文生图结果:
https://i.v2ex.co/0Z9OnhU1l.png
我家小朋友的幼儿园每天都会涂色这种东西,她每天都画不够,这回可以用这个生成她喜欢的图片,在家也时不时的去涂涂色了,体验感还不错..
整体下来,感觉这类自动化工具真的帮家长省了不少力。
✅ 总结一下
虽然是个英文网站,但操作门槛不高,界面按钮都很清晰(上传、下载、生成),几乎不需要英文基础就能用。对家里有小朋友的朋友来说,我觉得是个非常实用又轻松的周末玩具。
网站地址是:
https://www.coloring-pages.app
有兴趣的朋友可以试试看~
如果你知道这种手绘风的页面是怎么技术实现的,也欢迎科普一下 👇