Wiki 知识库

全部文档 / 作者: 三秋十李 Sergio

2 篇
清除

独立开发如何搞定 UI 设计

作者以设计师视角分享独立开发者搞定 UI 设计的三个实用工具:找参考用 Mobbin,收录上千款优秀 iOS、Android 和 Web 产品的完整流程截图,可直接参考交互和排版;定框架用 shadcn/ui,开源组件库颜值高、代码可控,配合主题生成器可快速搭建高级感界面;抠细节用 Lucide Icons,极简统一的开源矢量图标集,避免图标风格不一致。作者还附上了自己整理的图标库网站,并与网友互动讨论独立项目中最难的设计环节。

Figma Motion、AE、Rive 到底怎么选?一个五年设计师的经验

文章系统对比了 Figma Motion、After Effects 和 Rive 三款动效工具的定位与适用场景。Figma Motion 定位轻量,适合 UI 日常动效的快速交付,支持导出 CSS、React 代码并兼容 MCP;Rive 凭借状态机、骨骼动画和高性能运行时渲染,适合产品级交互动画;AE 则仍是品牌宣传片和复杂视觉特效的首选。作者给出了三步选择框架:无交互的 UI 动效用 Figma Motion,有交互逻辑的去 Rive,复杂特效开 AE,帮助设计师减少工具切换和沟通成本。

技术 › 前端 三秋十李 Sergio 2026-09-0212.9 KB 3.7K 16 83