【UI设计】一张图用AI做App:从柴犬照片到全套品牌UI界面

随手拍下的一张日常照片,能不能成为一款精美独立 App 的起点?本篇教程将以一张真实的柴犬照片为例,带你完整跑通“实物照片 ➔ 3D吉祥物 ➔ 产品策划 ➔ 品牌手册 ➔ 全套UI界面”的高效工作流。

#49 尊贵会员全文 84 浏览

内容预览

5 返回列表
【UI设计】一张图用AI做App:从柴犬照片到全套品牌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 与标准字

操作指引:

明确了产

请升级尊贵会员解锁全部课程

本课程未解锁,升级尊贵会员后,可查看完整课程正文、完整提示词拆解和后续章节。

升级尊贵会员 注册账号 登录已有账号