独立开发如何搞定 UI 设计
作者以设计师视角分享独立开发者搞定 UI 设计的三个实用工具:找参考用 Mobbin,收录上千款优秀 iOS、Android 和 Web 产品的完整流程截图,可直接参考交互和排版;定框架用 shadcn/ui,开源组件库颜值高、代码可控,配合主题生成器可快速搭建高级感界面;抠细节用 Lucide Icons,极简统一的开源矢量图标集,避免图标风格不一致。作者还附上了自己整理的图标库网站,并与网友互动讨论独立项目中最难的设计环节。
作者以设计师视角分享独立开发者搞定 UI 设计的三个实用工具:找参考用 Mobbin,收录上千款优秀 iOS、Android 和 Web 产品的完整流程截图,可直接参考交互和排版;定框架用 shadcn/ui,开源组件库颜值高、代码可控,配合主题生成器可快速搭建高级感界面;抠细节用 Lucide Icons,极简统一的开源矢量图标集,避免图标风格不一致。作者还附上了自己整理的图标库网站,并与网友互动讨论独立项目中最难的设计环节。
本文分享了20个对Agent友好的设计灵感与参考网站,旨在帮助设计师和开发者避免AI-Slop(千篇一律的AI生成设计)。文章按实际工作顺序将网站分为三类:先确定视觉方向(如Pinterest、Behance、Awwwards等),再研究真实页面与产品流程(如A1 Gallery、Mobbin、Refero等),最后将参考交给Agent进入设计和代码(如Lucide、shadcn/ui等)。文中还提供了一条避免AI-Slop的工作流,并附有可直接使用的提示词模板,指导如何将设计参考转化为Agent可执行的设计规则。
文章推荐了多个优质网站,如Landing Love、Land-book、Awwwards等,帮助开发者提升网页审美和动效设计,解决界面丑陋问题,适合前端开发者和设计师参考。