最近在用 AI 辅助设计和 Vibe coding 的过程中,发现“提示词”的写法极大影响结果品质。所以我整理了 8 个超实用 AI 提示技巧,实测很有用。
1. 以乐高式思维拆解需求,将每个组件、交互和样式细节具体描述出来,有助于让 AI 输出结构化、可复用的组件代码。
2. 以实际产品和参考灵感明确需求,避免空泛的“发挥创意”。通过指定真实场景和布局,AI 产出的结果才更贴近实际应用。
3. 优先使用具体风格词,而非空洞形容词。例如“新粗野主义仪表板,瑞士字体、大胆原色块”,比简单的“现代感”更能指导AI生成具特色的设计。​
4. 建议在提示里提前写明具体想用什么技术(比如 Next.js 和 Tailwind CSS),这样 AI 生成的代码会更接近真实项目,有结构也有样式,而不只是简单 HTML 标签。
5. 对复杂页面采用分层分步提示,每个部分单独说明,不仅提升 AI 执行效率,也方便整体调整优化。
6. 将 AI 当作需要精确指导的‘虚拟助理’,比如明确要求‘提高字体对比度,内边距设为 24px,正文字体用 Inter’,能更好地得到你想要的设计效果。
7. 针对移动端设计,可以具体说明如可操作区域尺寸、底部导航样式和滑动交互等关键细节,而不仅仅是提出‘做成响应式页面’的泛泛要求。这样能够显著提升移动端的实际用户体验。
8. 编写提示时应用 80/20 原则,主要关注组件类型、布局结构、风格特征、技术栈这四大关键元素,这远胜于空泛形容词的调整。
AI 目前还没办法顶替专业设计,但用明白结构化、分步表达,工具的潜力可以被发挥到极致。
大家如果有其他的技巧或者疑问,欢迎一起探讨。
@aigc1024
 
 
Back to Top