大厂设计师的Vibe Coding笔记 | 附指令

📝

cover/images/大厂设计师的VibeCoding笔记附指令/c3a1659cbdd4

原文链接：https://mp.weixin.qq.com/s/655u8dmdXDmQfHyVTVpFag

作为一名在大厂搬砖多年的产品设计师，最近也在玩 Vibe Coding。
我发现很多独立开发者最头疼的不是功能实现，而是：“为什么我做出来的东西像个demo?” 🤯

其实，高级感不是靠天赋，而是靠“克制”。
很多时候，界面“丑”是因为你想表达的太多了。
在 Vibe Coding 的语境下，要把 UI 做好，首先是要学会引用成熟的UI组件库，其次是做减法：

1️⃣颜色减法： 不要大面积使用高饱和度的纯红纯蓝了，主色应占据 60%，辅助色 30%，强调色仅占 10%。
2️⃣元素减法： 别试图自己设计组件，直接告诉 AI 用 Shadcn 或 Tailwind。
3️⃣信息减法： 给界面留出呼吸感，不要把屏幕填满。

普通人不需要成为设计师，只需要学会用 Prompt 调动成熟的设计系统。
下一篇，分享如何让UI页面从「能看」到「高级」。

#产品设计 #设计师 #vibecoding #AI工具 #UI #UX #独立开发 #cursor #AI编程 #设计灵感

本文转载自微信公众号，如有侵权请联系删除。