无原创，纯转发http://drafts.miantiao.mehttp://drafts.miantiao.me/posts/157http://drafts.miantiao.me/posts/157Fri, 10 Jul 2026 10:45:54 GMT告别千篇一律：如何识别并清除产品设计中的“AI 视觉垃圾”<br /><br />你是否发现，最近很多新网页和 App 的设计都长得差不多？蓝紫渐变、发光的玻璃卡片、每行都挂着 <i class="emoji"><b>⚡</b></i> <i class="emoji"><b>✨</b></i> <i class="emoji"><b>🚀</b></i> 表情符号，以及各种五颜六色的徽章。<br /><br />这些未经深思熟虑、全靠 AI 模型根据模板堆砌出来的设计风格，正在成为新的“视觉垃圾”（AI Slop）。模型因为没有品味，所以只会去抓那些看起来高级的元素塞在一起，反而让产品失去了个性和可读性。<br /><br />《Kill AI Slop》是一份非常实用的产品“去油”实战手册，它总结了最常见的 AI 设计套路并给出了修改方案：<br /><br />• <b>标题拒绝渐变字</b>：渐变会牺牲可读性。标题请使用实色，通过字号、字重和留白来建立视觉层级。<br />• <b>克制使用 Emoji 和徽章</b>：它们是借来的亲和力，不能代替文字本身。请把它们留给真正需要展示的状态（如版本、库存）。<br />• <b>别让阴影脱离物理规律</b>：大面积的模糊阴影不仅不带任何信息，还会显得虚假。建议用细边框和紧凑的环境阴影代替。<br />• <b>计算嵌套圆角</b>：遵循公式 <code>内圆角 = 外圆角 - 间距</code>。AI 生成的界面经常跳过计算，导致内外弧线无法平行。<br />• <b>具体文案胜过夸张词汇</b>：写出真实的数字和后果，比如“冷启动仅需 200ms”永远比“快如闪电 <i class="emoji"><b>✨</b></i>”更有说服力。<br /><br /><b>优秀设计的核心原则：先做决定，再做装饰。</b> 每一个视觉选择都应该有合理的解释，而不是直接套用当下最安全的模板。<br /><br /><a href="https://killaislop.com/" target="_blank" rel="noopener" title="https://killaislop.com/">https://killaislop.com/</a><br /><br /><a href="/search/result?q=%23%E4%BA%A7%E5%93%81%E8%AE%BE%E8%AE%A1" title="#产品设计">#产品设计</a> <a href="/search/result?q=%23UI%E8%AE%BE%E8%AE%A1" title="#UI设计">#UI设计</a> <a href="/search/result?q=%23%E6%9E%81%E7%AE%80%E4%B8%BB%E4%B9%89" title="#极简主义">#极简主义</a> <a href="/search/result?q=%23%E7%8B%AC%E7%AB%8B%E5%BC%80%E5%8F%91" title="#独立开发">#独立开发</a><a class="tgme_widget_message_link_preview" href="https://killaislop.com/" target="_blank" rel="noopener" title="Clean AI slop out of your product: a field guide to the visual tics of vibe-coded UIs — and how to detect and remove the AI-generated look. 一份识别并清除 Vibe Coding 产品里 AI slop 的实战手册。"> <div class="link_preview_site_name accent_color">Kill AI Slop</div> <img class="link_preview_image" alt="Kill AI Slop — Clean &amp; Remove AI Slop | 杀死 AI slop" src="https://drafts.miantiao.me/static/https://cdn4.telesco.pe/file/p9tFPXE5biLkRXB9_5Ad_Z6PpP3ODLMb-UyivYCJouZu-Fx9DwnCC5U-_SqnUGG8mkcJ0qNkUyMrXJund3pkxRQlf4VwO9WRXjnK55C-vGF6P3CV6ukZo2EegRzT0Gjm9oB2y5YhR6kefkQmTW9oTeilpRaER548f5yfsnsqQHEpqWc9z6j7BgFrcKLBa6ydsvR2bUnr48iGfPv3PtSxdiI3lSZr05BeNRogwnRdJTEbyj_H4m9A4cgj4jTvCgcfC3pYZCzSBSNor82rsQbGDyV0b1Qwb0gAKp3ZUZIXK0sCpS-UgHrwE-L11abuJu8IeAntkiZBAOL8I35d7UUALg.jpg" width="1200" height="630" loading="eager" /> <div class="link_preview_title">Kill AI Slop — Clean &amp; Remove AI Slop | 杀死 AI slop</div> <div class="link_preview_description">Clean AI slop out of your product: a field guide to the visual tics of vibe-coded UIs — and how to detect and remove the AI-generated look. 一份识别并清除 Vibe Coding 产品里 AI slop 的实战手册。</div> </a>