审美提升(下)：硅谷设计师都在用的10个UI组件工具库
作者精选10个设计师宝藏资源，覆盖配色（Coolors）、字体、图标、插画、动效、3D设计、图片、CTA按钮、品牌视觉管理和AI交互模式等领域。文章强调审美提升靠日复一日的浸泡，每个资源都附推荐理由与使用建议，帮助读者建立自己的资源库与判断标准，逐步将好设计运用到作品中。
相关文档
个人网页设计建议：留白、突出重点与个人风格
作者针对小伙伴们个人网页普遍内容过满、缺乏重点的问题，结合自身 UI 设计经验提出九条建议：一是留出空白，让首屏清晰传达“你是谁、做什么”；二是把成熟项目和成果前置；三是配色先确定风格，强调色克制使用；四是重视字体对气质的影响，区分字号字重；五是让 AI 少用千篇一律的卡片布局；六是融入个人小巧思；七是广泛浏览设计参考积累审美；八是动效克制并注意移动端适配；九是可加轻量音效彩蛋。核心观点是个人网页应体现个人风格，删繁就简。
中国传统配色538种现已开源
小小东整理了538种中国传统配色并开源至GitHub，项目中包含颜色展示、配色建议、颜色知识及用途示例。用户可在项目页面批量下载资源包，作者表示后续将补充缺失颜色并计划开发成实用网站。
AI 设计词典（中篇）｜怎么准确描述视觉效果
本文是 AI 设计词典系列的中篇，系统整理了 AI 设计中高频的视觉词汇，帮助用户更精确地控制 AI 生成的视觉效果。文章分为五大维度：字体（衬线/无衬线、字重、字距、行距）、颜色（色相、饱和度、明度、主色/强调色）、形状（几何/有机、圆角/直角、描边）、材质与效果（纹理、渐变、透明度、光影）、风格（极简主义、瑞士风格、粗野主义、编辑设计等）。作者强调不必背诵术语，而应把这些词当作「视觉旋钮」，用「风格名称+具体规则」的方式替代模糊的主观描述，让 AI 输出更符合预期的设计。
从0搭建个人网站：8大类60+UI设计必备清单
本文介绍用AI搭建个人网站的最佳实践：先整理个人内容到飞书文档，再参考优质网站让AI抓取代码与风格。作者系统整理了8大类60多个网页设计资源，涵盖组件库（shadcn/ui、Aceternity UI、Magic UI等）、动效与3D工具（Motion、GSAP、Three.js、Spline等）、整站灵感网站（Awwwards、Land-book等）、产品界面参考（Mobbin、Page Flows等）以及配色素材、AI建站和Claude Skills等类别。每个资源均附特色说明与具体用法，可让AI直接复用代码和Prompt，适合从零搭建或迭代优化个人网站时收藏使用。
审美提升：硅谷设计师私藏的10个网站+灵感库
设计师妍妍分享10个私藏设计灵感网站，包括收录真实产品界面的Mobbin、前沿创意的Godly、极简美学的Minimal Gallery、B端设计参考Refero、暗黑美学的Dark design、交互动效Design spells、Landing Page灵感的Lapa Ninja、字体排版的Typewolf、实验性网页Load more以及X平台精选设计的Best Designs on X。作者强调审美不是靠收藏，而是靠长期浸泡和观察培养的判断力，并预告下期将分享普通人系统提升审美的方法。
8 个提升 UI/Web 设计审美的灵感网站
文章推荐了 8 个适合 UI/Web 设计师收藏的灵感网站：getlayers.ai 提供 3D 场景与渐变背景素材，supahero.io 专注 Hero Section 参考，cta.gallery 研究按钮与 CTA 设计，loadmo.re 收集冲击力强的移动端网站，60fps.design 精选微交互与网页动画，recent.design 每日更新最新设计趋势，posts.design 提供社交媒体视觉参考，navbar.gallery 专注导航栏设计。作者还分享了个人工作流程：找参考、拆视觉、拆动效、AI 生成，最后用 Codex 实现落地。
前端 UI/UX 设计：一套从灵感到落地的资源地图
作者整理了自己收藏的大量前端 UI/UX 设计资源，并借助 Codex 分类归纳，形成一张面向实际工作的资源地图。文章将设计资源分为五类：真实产品案例（UXSnaps、Mobbin、SaaSFrame）、设计模式与拆解（Design Spells、Component Gallery）、设计系统与 Design Token、组件实现（Base UI、React Aria、shadcn/ui 等）以及质量验收（WCAG 无障碍、性能测试）。作者强调有效的使用顺序是：真实案例提供证据、设计原则解释原因、设计系统形成约束、组件资源加速实现、无障碍与性能完成验收，帮助读者从'抄视觉'升级为'有理由的设计'。
三号设计周刊 Vol.33｜Figma 设计经验封装与 AI 工作流
本期周刊探讨了 Figma Agent Skills 生态成型，设计经验现可被封装复用；Figma 实验证明 AI 能提速 20%。此外涵盖 iOS 27 视觉更新、Instagram 换标风波、DeepSeek Harness 发布，以及多款动效与素材工具推荐，最后分析了 AI 原生 UI 组件库与交互细节。
用Codex手搓个人网页：我的AI协作实战经验
作者学习了Punk大佬的网页系列教程，利用周末两天时间，通过Codex独立完成了一个个人网页的开发并成功上线。文章分享了三个核心经验：1. 开发前需与AI充分沟通设计方案，确保方案清晰可执行；2. 迭代时可将对标网页的动效录屏给AI，通过拆帧理解并复述确认；3. 若无法清晰描述动效，可让ChatGPT生成布局图，再交给Codex实现。作者强调与AI交互的重要性，并计划继续优化网页。
如何让你的 App 质感提升 10 倍（速查表）
文章分享了提升应用质感的 9 个关键技巧：优化引导流程、添加有意义的动效、精心设计空状态、增加触觉反馈、统一图标风格、提升响应速度、使用人性化文案、研究优秀应用案例，以及寻求专业设计团队支持。强调通过细节打磨而非单纯增加功能来改善用户体验。
前端设计新工具：Taste-Skill 与 Impeccable
GitHub 上两个前端设计项目爆火，旨在提升 AI 的设计审美。Taste-Skill 作为视觉自查系统，能纠正配色和布局问题；Impeccable 提供核心命令和避坑指南，解决布局逻辑和动效难题。两者结合可显著提升前端开发效率与设计质量。
画过10,000+张 UI 高保真，我的设计审美心得（1）：8 条原则 + 5 个常用 AI 设计 Skill
作者基于 10 年 UI/UX 设计经验，结合 AI 工具实践，总结出一套设计审美方法论。文章实测了 5 个 GitHub 上星数最多的 AI 设计 Skill：UI UX Pro Max（自动匹配行业风格）、Taste Skill（原创设计方向）、Impeccable（逐块打磨去 AI 味）、Emil Kowalski Skills（动效细节）、Hallmark（上线前检查），并配以场景演示。作者还分享了 8 条可复用的设计原则，包括先定义再动手、拆解好设计不照搬、先出全貌再逐块改、统一视觉规则等，强调工具在变但好的设计判断力依然无法被 AI 替代。
