【UI设计】一张图用AI做App:从柴犬照片到全套品牌UI界面
随手拍下的一张日常照片,能不能成为一款精美独立 App 的起点?本篇教程将以一张真实的柴犬照片为例,带你完整跑通“实物照片 ➔ 3D吉祥物 ➔ 产品策划 ➔ 品牌手册 ➔ 全套UI界面”的高效工作流。
内容预览
教程内容
随手拍下的一张日常照片,能不能成为一款精美独立 App 的起点?本篇教程将以一张真实的柴犬照片为例,带你完整跑通“实物照片 ➔ 3D吉祥物 ➔ 产品策划 ➔ 品牌手册 ➔ 全套UI界面”的高效工作流。
一起来看一下成品:
品牌手册
那么接下来,按照我的思路和步骤,你也可以做出这样的作品,一起来实操吧~
准备工具
Chat GPT (GPT image 2.0) https://chatgpt.com/c/
Gemini (https://gemini.google.com)
lovart (https://www.lovart.ai/)
第一步:灵感提取,实物转绘 3D 吉祥物
操作指引:
准备一张你喜欢的动物照片(例如这只阳光治愈的柴犬)。
去pinterest上找到合适的3d材质质感
搜索“3d宠物形象”
将你喜欢的质感下载下来作为参考图
我找到了这一张作为参考:
使用lovart中的 gpt image2.0去生成,将其转绘为具有 3D的卡通形象
输入提示词:
参考图1柴犬的形象,生成和图2类似的3d 渲染风格,需要白底图,要可爱精致
得到这一张图片
第二步:AI 大模型完成产品策划
操作指引:
将第一步生成的 3D 柴犬形象发给 AI 大模型(如 Gemini、ChatGPT 或豆包)。
沟通提示词:
“我要以这个柴犬形象为吉祥物制作一个 App,先帮我想几个符合的 App 方向。”
方案落地:
在推荐的方案中,选定“陪伴式趣味记账与存钱”。
随后继续提问,让大模型为 App 拟定一个好听的名字。
我这里选择了《富柴日记》并更改为《柴富日记》
这时,他会自己生成一些构思(我们第五步的时候有用):
第三步:生成专属 Logo 与标准字
操作指引:
明确了产