落地页手机端适配检查提示词(Codex)
让 Codex 做一个 390px 宽的手机版落地页:首屏可见行动按钮,点击区域不小于 44px,并说明删减了什么。
提示词
把这个页面另做一个 390px 宽的版本,存成单独的文件。按合理的顺序把各个区块纵向排列,让行动按钮在第一屏不用滚动就能看到,所有可点击区域至少 44px 高,并告诉我哪些桌面端元素被你删掉或简化了,以及原因。
- 适用于
- Codex, ChatGPT
- 所属合集
- 落地页
这条提示词能做什么
Codex 会把页面另存一个 390px 宽的文件,为手机重新排列区块,保证第一屏不用滚动就能看到行动按钮,所有可点击区域不低于 44px。它还会列出哪些桌面端元素被删掉或简化了,以及每一项的理由,这份清单是最值得细看的部分。
设计上的取舍往往就藏在这份清单里:三列功能网格变成了长长的一列,logo 条只剩四个,价格切换开关放不下了。逐条决定接受、拒绝还是换个做法,而不是整份照单全收。如果你的访客大多用 Android 手机,可以把 390px 换成更常见的 412px。
这一步要在打磨桌面版之前做,而不是之后。在手机上撑不住的桌面细节,越早发现越好;手机版单独存成一个文件,在你决定把哪些改动带回去之前,桌面版也不会被动到。
同一合集里的其他提示词
- 去掉 AI 模板感的网页设计提示词(Codex)让 Codex 找出页面里显得像 AI 生成的地方,从全部居中到空泛文案,列出问题并修复最明显的五个。
- 落地页转生产代码提示词(Codex)用你真实的技术栈(如 Next.js 和 Tailwind)重建定稿的 HTML 落地页,复用现有组件,文案一字不改。
- 落地页需求说明提示词(Codex)把产品、访客、目标动作和可信证明一次讲清,让 Codex 先列出落地页的区块和顺序,再开始设计。
- 首屏设计提示词:三个风格方向(Codex)让 Codex 用同一套文案做出杂志风、深色和柔和三个 1440×900 首屏,只比较视觉风格。
- 完整落地页设计提示词(Codex)把选定的首屏方向扩展成完整落地页,按固定顺序点名八个区块,避免 Codex 拿凑数的内容填满页面。
- 落地页功能区块提示词:写出真实内容(Codex)重写落地页的功能区块:每个功能配具体标题、带数字的说明和一个 HTML 界面示意,不再用彩色圆圈图标。