文章摘要
本文核心内容:作者尝试用AI生成前端程序时发现普遍存在"粗糙感",通过让AI模仿Qt风格后显著改善了视觉效果。虽然结果仍不完美,但证明了特定设计风格能有效减少AI生成界面的粗糙感,呼吁更多关于AI生成界面风格的探索。
文章总结
标题:略微改善AI生成前端界面的粗糙感
主要内容重述:
作者一直在尝试解决一个艰巨的任务:如何让AI快速生成外观得体的个人使用程序。作为一个缺乏审美品味的用户操作着同样缺乏审美的AI,作者发现了一个有效的小技巧——要求AI按照Qt风格设计界面,这显著减少了界面设计的"粗糙感"。
关键发现: 1. 通过让AI用不同风格设计同一个单页应用,发现"粗糙感"可以叠加在任何设计风格上 2. 意外发现Qt风格设计几乎完全消除了这种粗糙感 3. 该方法也适用于其他个人软件,都能获得更好的视觉效果
项目背景: 作者受Axios一篇关于2030年选举人团变化的文章启发,想让AI生成类似270-to-win风格的可视化程序,用于分析共和党与民主党的选举路径变化。
文末作者呼吁更多关于"AI无粗糙感设计风格"的探索和反馈。
(注:删减了部分个人化表达和技术细节,保留了核心观点和关键案例)
评论总结
以下是评论内容的总结,平衡呈现不同观点并保留关键引用:
UI设计问题根源在"Web Slop"而非AI
- 主要观点:现代UI设计问题源于放弃了桌面端一致性设计规范,转向网页随意风格
- 关键引用:
- "widgets no longer have consistent shape...were abandoned in favour of web slop" (评论1)
- "Slop is basically what you get when there's nothing specific to copy" (评论22)
Qt设计获得相对认可
- 主要观点:Qt因训练数据充分且设计规范明确,AI能较好复现其风格
- 关键引用:
- "Qt is heavily represented in training data...'Qt app' is almost like a named distribution" (评论2)
- "Qt works because there's really only one way Qt looks" (评论22)
AI设计工具的实际体验分歧
- 正面体验:
- "really easy to create really nice UIs...one of the most fun parts" (评论4)
- "Claude's new frontend-design plugin is solid for web apps" (评论6)
- 负面体验:
- "UI it creates looks like slop...keep demanding changes to match your vision" (评论18)
- "looks generic and sloppy because it is generic and sloppy" (评论24)
- 正面体验:
设计风格偏好差异
- 部分用户偏好简约:
- "reduce the palette: say two background shades max, no drop shadows" (评论9)
- "just tell it to use Svelte...no graphical cues whatsoever" (评论16)
- 部分用户认为所有设计都欠佳:
- "All of these look quite terrible to my eyes" (评论14)
- "They all look ugly" (评论16)
- 部分用户偏好简约:
改进建议
- 技术方案:
- "Tailwind is the answer...makes a massive difference vs. stylesheets" (评论8)
- "use Opus and...frontend-design skill for decent results" (评论26)
- 创意方案:
- "theme according to a movie...use it as a 'design system'" (评论15)
- "modern version of csszengarden...CSS is generated by different LLMs" (评论10)
- 技术方案: