AI图片提示词实战 04

AI App界面提示词：像真实产品

拆 4 类 App 界面案例：电商首页、音乐播放器、设计系统和商品详情页，关键是写完整产品逻辑。

写 AI App界面提示词，不要只写“高级 UI”“现代风格”“像真实 App”。

这些词太虚。

热门 App 界面案例好用，是因为它们把一个真实产品页面该有的东西都写出来了：

状态栏、搜索框、分类、运营 Banner、功能入口、商品卡、底部导航、歌词进度、按钮状态、价格模块。

你写的是产品结构，不是设计形容词。

1. 电商首页：先写页面模块

电商 App 首页案例很典型。

它不是一句“生成淘宝风首页”，而是把页面拆成模块：

状态栏包含时间、5G 信号和电池图标。 顶部有城市选择器、搜索框、消息和扫码图标。 搜索区下方有横向分类标签。 顶部有促销轮播 Banner。 有 10 个功能图标网格。 有限时秒杀模块和猜你喜欢双列商品瀑布流。 底部标签栏包含首页、分类、购物车、消息、我的。

如果你想改成更本地化的版本，可以这样写：

生成一张高保真的本地生活电商 App 首页截图。 城市为“成都”，搜索框提示为“搜索火锅、咖啡、露营装备”。 分类标签包含“推荐、美食、周边游、数码、家居、运动、亲子”。 Banner 写“周末生活节”，功能网格包含“外卖、团购、到店、电影、酒店、景点、买菜、跑腿、领券、排行榜”。

原意没有变。

只是把商品和城市换成更适合中文读者的生活场景。

2. 音乐播放器：写清楚播放状态

音乐播放器案例的关键，不是“深色模式很酷”。

真正有用的是播放状态：

顶部状态栏时间为 18:26。 导航栏左侧是返回箭头，中间标题为“正在播放”。 中央是专辑封面。 进度条显示当前时间 01:42，总时长 04:18。 包含随机播放、上一首、播放暂停、下一首、循环播放。 歌词区显示 5 到 7 行滚动歌词，当前行高亮。

你可以改成：

生成一张中文播客 App 播放页截图。 节目名是“下班后的十分钟”，主播是“林舟”。 进度条显示 08:32 / 32:10。 界面包含倍速、定时关闭、收藏、评论、分享、播放列表。 底部有“正在播放”和“下一集推荐”入口。

你看，页面类型变了，但写法没变：

页面状态 播放内容 控制按钮 时间进度 高亮信息 底部入口

这才像真实产品。

3. UI 设计系统：不要只写一张首页

还有一类案例是：

为我生成一个 xx 风格的 UI 设计系统，包含网页、移动端、卡片、控件、按钮等内容。

这类提示词适合做设计方向探索。

但如果你只写“国潮风 UI 设计系统”，画面会很空。

应该补上：

包含网页首页、移动端首页、商品卡片、表单控件、按钮状态、标签、弹窗和图标。 统一使用同一套颜色、圆角、阴影、字体层级和间距规则。 每个组件都像同一个产品系统里的部件，而不是随机拼贴。

这里的重点是“系统”。

不是一张漂亮图，而是一组可复用的组件语言。

4. 商品详情页：写购买决策路径

商品详情页案例也很有代表性。

它要求展示：

商品正面、侧面和背面三视图， 商品价格， 商品详情， 功能与使用场景。

把它换成中国电商场景，可以这样写：

生成一张智能扫地机器人的中文电商商品详情页。 展示产品正面、侧面、底部结构和充电座。 包含商品价格、核心卖点、适合户型、清扫路线、续航时间、噪音水平、售后服务和使用场景。 页面风格像真实电商详情页，不要像科技海报。

这里真正要写的是购买决策路径：

我看见产品长什么样 我知道多少钱 我知道解决什么问题 我知道适合谁 我知道有什么证明 我知道下一步怎么买

这比“高端详情页”有用得多。

App 界面提示词公式

写 AI App界面提示词，可以先填这张表：

合成模板：

生成一张【页面类型】的高保真 App 截图。 用户目标是【业务目标】。 页面必须包含【固定结构】和【内容模块】。 请准确展示以下中文文案：【文案列表】。 当前页面状态是【状态细节】。 整体像真实量产 App 截图，不要做成概念设计图。

AI App 界面最重要的不是风格，而是产品逻辑。

下一篇，我会拆中文商业海报。

如果你想先看哪类，可以留言：茶饮、护肤品、详情页、菜单。