App 设置页设计提示词(Codex)
用标准分组列表设计 App 设置页:每行显示当前值,该用开关的地方用开关,删除账户这类危险操作放底部标红。
提示词
用标准的 [iOS] 分组列表设计设置页:[账户、每日目标、提醒、外观、数据与隐私、帮助]。每一行右侧显示当前值,[提醒] 用开关控件,[删除账户] 这类破坏性操作放在最底部,用红色显示。
- 适用于
- Codex, ChatGPT
- 所属合集
- 手机 App
这条提示词能做什么
Codex 会按平台原生的风格设计设置页:用你给的分组名称组成分组列表,每一行右侧显示当前值,开关类设置用开关控件,删除账户这类破坏性操作放在最后,并用红色显示。
把第一个方括号换成你的平台,六个分组换成页面清单里对应的内容。哪些设置要用开关,都要明确写出来,没写的会变成点进下一级页面的列表行。设置页是用户希望「照惯例来」的地方,所以提示词特意要求标准分组列表;品牌色用在开关和链接上就够了,不用去改结构。
当前值要填得真实,比如每日目标「20 分钟」、提醒「晚上 8:30」,这样能看出较长的值会不会把左边的标签挤成两行。如果你也要上 Android,记得让 Codex 再出一版 Material 3 的设置页,分组列表在那边的样子和交互都不一样。
同一合集里的其他提示词
- App 空状态、加载和错误状态设计提示词(Codex)为同一个 App 页面设计空状态、加载和错误三种状态,各存一个文件,导航和页头与正常页面保持一致。
- App 深色模式设计提示词(Codex)为 App 页面做深色模式:用带色调的深色背景代替纯黑,降低点缀色饱和度,文字对比度达到 WCAG AA。
- Android Material 3 适配提示词(Codex)按 Material 3 规范把 iOS 页面适配到 Android:顶部应用栏、导航栏和悬浮按钮,保留品牌色和字体。
- App 设计稿转 SwiftUI 代码提示词(Codex)让 Codex 在 SwiftUI App 里实现定稿的 HTML 页面:布局和间距一致,颜色取自主题文件,支持 Dynamic Type。
- App 需求说明和页面清单提示词(Codex)写清 App 的用户、核心循环和平台,让 Codex 列出第一版需要的全部页面,分好组并说明每个页面的用途。
- App 新手引导流程设计提示词(Codex)用统一的风格设计三个相连的 390×844 新手引导页面:欢迎页、目标选择页和首页,插画用 CSS 绘制。