LESSON 06 · CODE 代码

第6课:调成你想要的样子

代码模块 · 6/7

Why this lesson · 为什么值得学

学完这一课,你能

用「先聊方案再改」避免来回返工

让 AI 给你两三种风格方向挑

知道改坏了能退回去,敢动手

不满意,先别急着改

上一课你做出了能打开的网页。这课要让它「好看」。但新手最容易踩的坑是:一句「帮我弄好看点」甩过去,然后反复返工

一条铁律:改之前,先让它说方案,你点头再动手。你花两分钟确认方向,能省下后面十次返工。这也正是 心法课 里「人类守关口」的体现。

把风格聊清楚,再让它改

如果你心里大概有想法,就直接告诉它。下面这段提示词,把「想要什么」拆成了它听得懂的维度:

「我对刚才这个页面的样子不满意,想重新定一下风格。在你动手改之前,先听我说我想要的:

- 整体感觉:[比如 简洁干净 / 活泼一点 / 沉稳专业 / 文艺一点]
- 主色调:[比如 蓝色系 / 暖色 米色那种 / 黑白灰 极简]
- 排版:[比如 内容居中、留白多一点、桌面上看好看]
- 字体大小:[比如 标题大一点、正文别太小]

听明白我的要求后,先告诉我你打算怎么改,我点头你再动手。」

自己也没想好?让它出方向

如果你连想要什么风格都说不清,别硬编。直接让它先给你方向:

「我也没想好风格,你先别改,给我两三种不同风格的方向,每种用一句话说说长啥样,我来选一个。」

协作审美 · 先选方向

在「改」之前,先有「选」

让 AI 出两三个方向,你挑一个,比让它直接改十次更高效。因为你不是在「修一个你不喜欢的」,而是在「从几个里选一个你喜欢的」——决策成本低得多。

改坏了,能退回去

敢动手的前提是:你知道怎么撤回。两种常见办法:

下次改之前,先做这件事

  1. 把当前网页文件复制一份当「底稿」;
  2. 用本课任意一段提示词,让它先给方案或方向;
  3. 你确认后,再让它动手;改完打开看,不满意就退到底稿重来。

只要底稿在,你就永远有「重来的底气」。这底气,比任何技巧都重要。

本课收尾

「调样式」不是玄学,是一套先聊清、再选方向、留好退路的协作流程。把它用熟,你不只会做网页,做任何「让它产出东西」的事都更顺。

带走三句话:① 改前先要方案,点头再动手;② 没想法就让它出方向,你来选;③ 留底稿,改坏能退,才敢试。

REFERENCES · 参考资料

本课参考资料

  1. Agent 上手路线包(用户提供的课程素材)·「聊方案再改」「让 AI 出方向」提示词(已改写进站点语气,去除「手机 390px」措辞改为「桌面宽度自查」)
  2. 思维模块《和 AI 协作的心法》(人类守关口、一次只问一个问题)
← 上一课:第一次开口做网页下一课:收尾交付与复盘 →

有疑问?返回 主页,或直接问 AI:「帮我把这个网页调成简洁专业的风格,先给我方案。」