Android Material 3 适配提示词(Codex)
按 Material 3 规范把 iOS 页面适配到 Android:顶部应用栏、导航栏和悬浮按钮,保留品牌色和字体。
提示词
按 Material 3 规范把 [首页] 适配到 Android:顶部应用栏、导航栏,如果合适的话,再为 [开始阅读] 加一个悬浮操作按钮。保留我们的品牌色和字体。列出和 iOS 版本相比改了哪些地方。
- 适用于
- Codex, ChatGPT
- 所属合集
- 手机 App
这条提示词能做什么
Codex 会把一个现成的 iOS 页面按 Material 3 的方式重做:加上顶部应用栏,用导航栏代替 iOS 的标签栏,如果页面合适,再为主要操作加一个悬浮操作按钮。品牌色和字体不变,Codex 还会逐条列出和 iOS 版本相比改了哪些地方。
方括号里写要适配的页面,以及可能做成悬浮按钮的那个操作。提示词里的「如果合适的话」是有意留下的:悬浮按钮适合「开始阅读」这种单一、高频的操作,不适合主要任务就是阅读内容的页面。如果 Codex 沿用了 iPhone 的尺寸,就让它改成常见 Android 手机的 412×915。反过来从 Android 适配到 iOS,把 Android 和 Material 3 换成 iOS 和苹果的人机界面指南即可。
这份改动清单不只对这一个页面有用,它其实就是移植其他页面时要遵循的规则。先在首页上运行,确认清单没问题,再拿它去适配设置页,那是 Android 和 iOS 差别最大的地方。
同一合集里的其他提示词
- App 设计稿转 SwiftUI 代码提示词(Codex)让 Codex 在 SwiftUI App 里实现定稿的 HTML 页面:布局和间距一致,颜色取自主题文件,支持 Dynamic Type。
- App 需求说明和页面清单提示词(Codex)写清 App 的用户、核心循环和平台,让 Codex 列出第一版需要的全部页面,分好组并说明每个页面的用途。
- App 新手引导流程设计提示词(Codex)用统一的风格设计三个相连的 390×844 新手引导页面:欢迎页、目标选择页和首页,插画用 CSS 绘制。
- App 首页设计提示词(Codex)为老用户设计 App 首页:围绕你指定的最重要元素展开,下面依次排内容、主按钮、统计和底部标签栏。
- App 列表页和详情页设计提示词(Codex)设计带搜索框和筛选标签的列表页,以及点进去的详情页,分成两个文件,书名和数字都用真实可信的内容。
- App 设置页设计提示词(Codex)用标准分组列表设计 App 设置页:每行显示当前值,该用开关的地方用开关,删除账户这类危险操作放底部标红。