Apple官网 / 币安专业版 / Linear

的设计风格。我要那种字体、那种间距和那种配色感觉。” 2. 巧用“深色模式” 技巧： 对于新手，深色背景是最大的遮丑布，它自带科技感和高级感。 你的痛点： 浅色界面只要配色稍微不对，就显得非常廉价，像钓鱼网站。 Prompt 话术： “强制使用深色模式。背景要黑，文字要白，只有最重要的按钮可以用亮色，其他地方不要出现花花绿绿的颜色。” 3. 加大“留白” 技巧： 高级感的本质是浪费空间。太挤是土气的根源。 你的痛点： AI 默认生成的界面，信息总是密密麻麻挤在一起。 Prompt 话术： “把现在的布局疏通一下。给所有元素增加一倍的间距，让画面看起来透气、宽敞，不要挤在一起。” 进阶版：三个“产品经理”级的思维模型 核心逻辑：不教AI怎么改代码，教他怎么设计交互逻辑 1. 视觉层级思维 界面不能全是重点。你要控制用户的眼睛看哪里。 不要只关注“有没有”，要关注“重不重”。 指令思路： 告诉 AI 区分一级信息（大、亮、白）和二级信息（小、灰、暗）。 核心 Alpha 事件要极大高亮，次要描述要变暗。不要让所有文字都在抢戏。 2. 组件化思维 别把网页看成一张画，要看成搭积木。 不要让 AI 一次改整个页面，容易乱。 指令思路： 我们先不管整体。请先把单个日历格子这一个组件设计到极致（圆角、阴影、标签），然后复制应用到整个列表。 3. 状态思维 UI 是活的机器，不是死的海报。 高级感来自于“互动”。 指令思路： 界面要有生命力。鼠标悬停时要有光晕，加载数据时要有骨架屏。不要让用户觉得界面卡死了。 这些微小的反馈，是区分“Demo”和“产品”的关键。 简单来说，Vibe Coding 的本质，是你当产品经理，让 AI 当技术负责人。可以先从挑剔开始，逐步向规划发展。还有一个小技巧就是日常多做审美积累，尝试着描述和理解自己感到舒服的UI设计，让写提示词的时候不至于语言匮乏。(加密小师妹|Monica)