哈喽,我是大鹏,这里是第二灵感库。
做设计最怕什么?不是不会做,是没灵感。
盯着空白画布发呆,脑子里一片空白,这种感觉每个设计师都经历过。但灵感不是等来的,是"看"来的——看得越多,审美天花板就越高,灵感自然就来了。
今天这期给大家整理了6个设计灵感网站,和之前第10期的不重复。从网页设计、排版字体到UI界面,覆盖面很广。每次卡住的时候,去这些网站逛一圈,基本都能找到突破口。
01 Land-book
https://land-book.com
一句话介绍: 专注于落地页和网页设计的灵感画廊,分类清晰,质量很高。
详细介绍:
Land-book 是一个精选网页设计灵感的画廊网站。它的核心特点是按类型分类,你可以精准找到你需要的参考:
Landing Page
: 产品落地页设计
Portfolio
: 个人/工作室作品集网站
Ecommerce
: 电商网站设计
Template
: 网站模板设计
每个收录的网站都有完整的截图预览,点击进去可以看到更多页面截图、设计历史版本等信息。
Land-book 的筛选标准比较高,收录的网站整体质量都不错。不像有些灵感网站鱼龙混杂,这里基本不会看到粗制滥造的作品。
你还可以按颜色筛选,比如想找"蓝色系"的网站设计,直接筛选就行,很方便。
适合场景: 做落地页设计、找网页设计参考、按类型找灵感
费用: 基础浏览免费,PRO 会员可下载截图
大鹏点评: Land-book 的分类做得特别好,你想要什么类型的网页设计参考,直接按分类筛选就行,不用大海捞针。
02 One Page
一句话介绍: 全球最大的单页网站灵感库,收录9000+个精选单页网站。
详细介绍:
One Page专注于单页网站(One Pager)的设计灵感。虽然名字听起来很垂直,但实际上单页网站涵盖的类型非常广:
Landing Page: 产品落地页
Portfolio: 个人作品集
Event: 活动推广页
Restaurant: 餐厅网站
App: 应用推广页
Service: 服务型网站
目前收录了超过 9000 个精选单页网站,还提供 8000+ 个页面区块(sections)参考。也就是说,你不仅可以看完整的网站设计,还可以单独看某个区块怎么设计的,比如 Hero 区域怎么做、Footer 怎么做。
One Page Love 还有一个特色:它推荐好用的网站建设工具(比如 Framer),并提供模板资源。如果你想快速搭建一个单页网站,这里不仅是灵感来源,也是工具来源。
适合场景: 做单页网站、落地页设计、找特定区块的设计参考
费用: 基础浏览免费,部分资源付费
大鹏点评: 9000+ 个单页网站,量非常大。我特别推荐它的 sections 功能,可以按区块找参考,比看整页更精准。
03 Typewolf
https://www.typewolf.com
一句话介绍: 专注于网页排版和字体搭配的灵感网站,每天精选一个优秀排版网站。
详细介绍:
Typewolf 和其他设计灵感网站的不同之处在于:它专注于排版和字体。
核心功能:
Site of the Day: 每天精选一个排版设计优秀的网站,并标注它用了哪些字体。比如今天的精选网站用了 Grenette 和 Styrene 两种字体,直接告诉你,你就可以去找这两个字体来用。
字体排行榜: 提供各种字体分类的 Top 10 推荐列表:
Top 10 无衬线字体
Top 10 衬线字体
Top 10 等宽字体
Top 10 Helvetica 替代字体
Top 10 Futura 替代字体
Top 10 免费字体
字体搭配: 给出字体搭配建议,告诉你哪些字体搭在一起好看。
深度文章: 关于排版设计的深度分析,比如"广告时代的排版拆解"、"设计师最爱的3款字体"等。
如果你觉得自己选字体总是选不好,Typewolf 是一个非常好的学习资源。它不是给你一堆字体让你选,而是告诉你"好网站都在用什么字体"、"这些字体怎么搭"。
适合场景: 学习排版设计、找字体搭配灵感、了解字体趋势
费用: 部分内容免费,深度指南付费
大鹏点评: Typewolf 的 Site of the Day 我几乎每天都看。它不只是给你看一个好看的网站,而是拆解告诉你用了什么字体,这才是真正有价值的信息。
04 CSS Design Awards
https://www.cssdesignawards.com
一句话介绍: 国际网页设计大奖赛,每天评选最佳网页设计,代表行业最高水准。
详细介绍:
CSS Design Awards 是一个国际性的网页设计评选平台,每天都会评选出"当日最佳网站"(Website of the Day),并给出专业评分。
它的评选维度包括:
UI Design: 界面设计评分
UX Design: 用户体验评分
Innovation: 创新性评分
每个获奖网站都有详细的评分和评委点评,告诉你好在哪里、为什么获奖。
除了每日评选,CSS Design Awards 还有:
月度/年度大奖: 从每日获奖者中评选出月度和年度最佳
分类奖项: 按行业、类型分类的专项奖
设计师展示: 展示获奖设计师和团队的信息
这里收录的网站代表了网页设计的最高水准。如果你想了解"顶级网页设计长什么样",CSS Design Awards 是最好的窗口。
适合场景: 了解行业顶尖设计水准、找高端设计参考、参与设计评选
费用: 浏览免费,提交作品参评需要付费
大鹏点评: 想知道"天花板在哪里",就来看获奖网站。虽然我们日常做的不一定达到这个水准,但知道什么是好的,才能做出更好的设计。
05 Designspiration
https://designspiration.com
一句话介绍: 视觉灵感搜索引擎,用关键词搜索海量设计作品。
详细介绍:
Designspiration 不是传统的灵感画廊,它是一个视觉搜索引擎。你输入关键词,它就返回相关的设计作品。
比如你搜索"minimalist poster",它会给你一堆极简风格的海报设计;搜索"brand identity",它会给你一堆品牌设计案例。
主要特点:
搜索驱动: 不需要一页一页翻,直接搜你想要的内容
多类型: 涵盖平面设计、摄影、排版、品牌设计等多种类型
收藏功能: 注册后可以收藏喜欢的作品,建立自己的灵感库
浏览器插件: 提供浏览器扩展,随时保存网上看到的好设计
Designspiration 的搜索结果来自全球设计师的分享,内容更新快,覆盖面广。如果你想找某个特定主题的设计参考,用它搜索比在画廊里翻效率高很多。
适合场景: 按关键词找设计参考、建立个人灵感库、跨类型搜索
费用: 基础搜索免费,注册后可收藏
大鹏点评: 和 Dribbble、Behance 不同,Designspiration 是"搜索优先"的。你知道自己要找什么,直接搜,比漫无目的地刷效率高。
06 Collectui
https://collectui.com
一句话介绍: 按UI组件分类的每日设计灵感,精准到每个组件级别。
详细介绍:
CollectUI 是一个非常实用的 UI 设计灵感网站。它的核心特点是按 UI 组件分类,你可以精准找到某个特定组件的设计参考:
Button: 按钮设计
Card: 卡片设计
Date Picker: 日期选择器
Footer: 页脚设计
Hero Section: 首屏区域
Loading Animation: 加载动画
Music Player: 音乐播放器
Notification: 通知设计
Widget: 小组件
Color Palette: 配色方案
还有更多...
每个分类下都有大量来自全球设计师的作品。你在做某个具体组件的时候,比如设计一个日期选择器,直接去 CollectUI 的 Date Picker 分类下看一圈,马上就有灵感了。
CollectUI 的内容来自 Dribbble,但它做了更好的分类和筛选,让你不用在 Dribbble 上大海捞针。
适合场景: 设计特定UI组件时找参考、日常积累UI设计灵感
费用: 免费
大鹏点评: 做 UI 设计的时候,CollectUI 是我最常用的参考网站之一。不需要看整个页面,只看你正在做的那个组件,效率非常高。
总结
这6个灵感网站各有侧重:
使用建议:
-
日常浏览:每天花10分钟逛一个网站,培养审美 -
项目参考:做设计前先去相关网站找3-5个参考 -
建立灵感库:看到好的设计及时收藏,建立自己的灵感库 -
不要只看不做:看完之后尝试拆解,分析好设计为什么好
灵感不是等来的,是积累来的。看得多了,做得多了,自然就有了。

