哈喽,我是大鹏,这里是第二灵感库。
做设计最怕的是什么?没灵感!😭 盯着空白画布半天,脑子里一片空白,不知道从何下手。
今天给大家分享6个高质量的设计灵感和UI/UX案例网站。这些网站汇集了全球优秀设计师的作品,每天逛一逛,设计水平不知不觉就提升了。
01. Awwwards
网址: https://www.awwwards.com
一句话介绍: 全球最具影响力的网站设计奖项平台,每天展示当下最前沿的网页设计作品。
能帮你干啥
为啥值得用(3个理由)
① 获奖作品 = 质量保证 不是随便什么网站都能上 Awwwards。每天几百个投稿,只有1个能拿到"Site of the Day"。能出现在这里的,都是经过专业评审筛选的。
② 分类超级细 按技术(WebGL、Three.js、GSAP)、按风格(极简、复古、赛博朋克)、按行业(电商、SaaS、作品集)……想找什么类型的参考,都能快速定位。
③ 有学院区可以学 不只是"看作品",还有付费课程(当然免费的也够用)。想知道"怎么做出这种动效?",来学院区找答案。
一个小缺点
免费用户每天只能看几个案例,想无限刷得付费。不过对普通设计师来说,每天看3-5个案例已经够用了。
02. Mobbin
网址: https://mobbin.com
一句话介绍: 全球最大的移动端和Web端UI/UX设计参考库,收录了1000+款真实App的62万+张截图。
能帮你干啥
为啥值得用(3个理由)
① 真实 App 的截图,不是概念稿 很多灵感网站放的都是"设计师意淫的概念稿",好看但不一定能实现。Mobbin 收录的都是真实上架的 App,你看到的每一个截图,都是用户真实能体验到的。
② 支持按"流程"搜索,不是按"单屏"搜索 别的网站给你一张张零散的截图。Mobbin 给你"完整流程"——从用户点击"注册"到完成注册,每一步都有。做 onboarding、支付流程这种"多步骤"设计的时候,这个太有用了。
③ 有 Figma 插件,直接拖进设计稿 不用"截图 → 保存 → 导入 Figma",直接在 Figma 里搜索,然后拖进去。我做设计的时候,Figma 旁边必开 Mobbin。
一个小缺点
免费版每个月只能看 20 个截图。不过……你可以换个邮箱再注册一次(开玩笑的,别这样)。
03. Behance
网址: https://www.behance.net
一句话介绍: Adobe 旗下的创意作品展示平台,全球最大的设计师"作品集"聚集地。
能帮你干啥
为啥值得用(3个理由)
① 作品质量高,且完整 很多平台上的作品只有"最终稿"。Behance 上的作品,很多会展示"思考过程"——为什么会这样做?改了几版?最终为什么选这个方案?这些"过程"比"结果"更有学习价值。
② Adobe 生态加持,源文件多 很多作品会提供"Live Demo"或"源文件下载"。如果你用 Adobe XD 或 Figma,可以直接下载源文件拆开来看。
③ 不只是 UI 设计,还有品牌、插画、动效 做一个完整项目,不只需要的 UI 设计,还需要品牌设计、插画、动效……Behance 上这些都有,一个网站搞定所有灵感需求。
一个小缺点
近年来广告和"水作品"变多了。建议用"Most Appreciated"排序,过滤掉那些蹭热度的作品。
04. Dribbble
网址: https://dribbble.com
一句话介绍: 全球最活跃的设计师社区,每天更新上千个设计作品,涵盖 UI、品牌、插画、动效等。
能帮你干啥
为啥值得用(3个理由)
① 更新频率超高,每天都有新作品 Awwwards 一天只更新1个获奖网站。Dribbble 一天更新几百个作品。做设计需要"高频输入"的时候,Dribbble 是最好的选择。
② "Shot"格式,适合快速浏览 每个作品只有1-4张图,没有 Behance 那么"重"。等地铁的时候刷一刷,几分钟就能看几十个作品。
③ 社区活跃,可以直接联系设计师 看到喜欢的作品,可以直接给设计师发消息。我之前做项目遇到技术难题,就是在 Dribbble 上联系到原作者,问到了实现方法的。
一个小缺点
Dribbble 上的作品"好看但不一定好用"。很多设计师为了"好看",会做一些"看起来很酷但不实用"的设计。参考的时候要带着批判眼光。
05. Siteinspire
网址: https://www.siteinspire.com
一句话介绍: 精选全球最优秀的网站设计案例,按行业、风格、技术分类,适合找网页设计灵感。
能帮你干啥
为啥值得用(3个理由)
① 案例质量极高,编辑精选 不是"用户投票"决定哪个网站上榜,而是"编辑团队"人工筛选。能出现在这里的,都是真正值得学习的案例。
② 按技术栈分类,适合开发者 很多灵感网站只管"好看",不管"能不能实现"。Siteinspire 会标注每个网站用的技术(React、Vue、WebGL、GSAP),方便开发者评估"这个效果我能不能实现"。
③ 有"Random"按钮,适合没灵感的时候乱逛 不知道想看什么风格?点"Random"按钮,系统随机推荐一个案例。我好几个设计思路,都是在"乱逛"的时候偶然看到的。
一个小缺点
更新频率不高,一个月才更新十几个案例。不过"少而精"也比"多而杂"强。
06. UI Design Daily
网址: https://www.uidesigndaily.com
一句话介绍: 每天分享一个开源 UI 设计资源(Figma 格式),全部免费可下载。
能帮你干啥
为啥值得用(3个理由)
① 100% 免费,且提供 Figma 源文件 很多灵感网站只给你"看"。UI Design Daily 给你"源文件"——下载下来直接拆开看,甚至可以直接改了用到自己项目里。
② 每天更新,且按类别整理 "Dashboard"、"Landing Page"、"Mobile App"、"Web App"……想找什么类型的参考,直接按类别筛选。
③ 适合新手学习 不只是"看作品",还可以下载源文件拆解。我刚学 Figma 的时候,就是在 UI Design Daily 上下载别人的组件,拆开来看"原来 Auto Layout 可以这样用"。
一个小缺点
资源数量相对少(毕竟是"每天更新1个",积累下来也就1000+个)。如果你需要"大量参考",可能还是得配合 Mobbin、Dribbble 一起用。
6个灵感网站,怎么选?
大鹏的碎碎念
这6个网站,我几乎每天都会逛一逛。不是抄袭,而是学习优秀的设计思路和交互逻辑。
设计不是闭门造车,多看优秀作品,才能做出更好的设计。💪
评论区告诉我:你平时都在哪里找设计灵感?有没有私藏的好网站?分享出来,大家一起进步!
声明:本文分享的资源均为公开可访问的免费网站,仅供学习交流使用,版权归原作者所有。如有侵权,请联系我们删除。

