界面设计

同一个记宝宝吃睡，功能一样，换了三套"衣服"。三台都能点。这一节，你的产品也这样挑一套。

功能对了，用的人第一眼看的还是样子。AI 自己做的界面有一股熟悉的味道，看多了的人一眼就认得出，心里先打个折。好看不靠你学设计，靠一套现成的设计系统：一页纸写死颜色、字、圆角、间距、按钮长什么样。大公司的网站都有一套，照着做，就不会越改越乱。

装上"品牌设计风格专家"

在技能页「推荐 → OPC·一人公司」里（第 5 节装过技能的地方），找到品牌设计风格专家，点「+」装上。它收着 54 个知名网站的设计系统，会先按你的产品推荐几套，再照你挑的那套改。找不到它，就把下面的话直接发给代码开发，只是它得自己琢磨风格。

让它挑三套，各做一版

回到做小程序的任务，发：

用品牌设计风格专家：我的产品是【一句话说你的产品】，用的人是【谁；有两种人就都写上，说清首页给谁用】，常在【什么时候、什么情况下】用。
从你那 54 套设计系统里挑 3 套最合适的，每套一句话说为什么适合我的用户。
各照一套把首页做一版，在预览顶上放三个按钮切换着看。只改样子，功能和文字一个都别动，别的页先不碰。

挑的时候只想一件事：你的用户在什么时候用它？半夜喂奶的人要柔和、亲切，"暖"合适；要是给小区邻居约保洁，干净醒目的"简"更合适。拿不准，就截三张图发到家庭群里，问大家"哪个你最想点开"。

挑定一套，存成 DESIGN.md

用"暖"那套。把它写成项目里的 DESIGN.md：中文、一页以内，只留我这个小程序用得上的颜色、字、圆角和几条"不要"。所有页面照它改，以后每次改界面先读它。

它存下的这一页，大概是这样：

这一页的用处在以后：你每次说"加一个按钮""改一下列表"，它都照这一页来，颜色、圆角不会一处一个样。

一眼 AI 味的那几处

做前端的人总结过 AI 界面最常见的几种味道：蓝紫渐变，拿表情符号当功能图标，圆角卡片加彩色左边框，满屏一样大的圆角框。

改好一版，让它换成陌生人的眼睛看一遍：

你现在是刷到这个小程序的陌生人，只看第一眼。哪三处最像 AI 随手做的？每处说在哪一屏、哪个位置，怎么改。

改的时候，一次只说一处，附上截图（电脑上用截图工具框一下右边的手机就行），说清楚要多大、多少，再让它先说打算怎么改。"不好看"它改不出来；"这块占了半屏，我要它小一半"，它一次就改对。

满意了，存档：

用 Git 存个档，叫 v0.4。

下一节，把数据搬到云上：换手机不丢，家里人在自己手机上也看得到同一份。