跳到主要内容
Designeer
.org
全部工具
422
设计灵感
122
组件库
120
开发工具
64
设计素材
55
实用工具
61
设计师
132
搜索工具…
⌘
K
中文
提交
首页
/
设计灵感
大类 · 122 个工具 · 3 个分区
UI 与网页设计灵感
打开空白画布前先从这里开始。真实网站与落地页的画廊、设计界面所用的工具，以及解释好界面为何有效的读物，全部集中在一处。
灵感画廊
78
界面设计
11
设计阅读
33
图层
设计灵感
灵感画廊
78
界面设计
11
设计阅读
33
网格
列表
01 / 03
网页设计灵感画廊
78
进入分区
60fps.design
灵感画廊
60fps
灵感画廊
收集界面动态效果的屏幕录屏，供学习 UI 动画时参考。
awwwards.com
awwwards.com
灵感画廊
Awwwards
灵感画廊
每日评选并展示优秀网页设计与前端作品的奖项与画廊。
cosmos.so
灵感画廊
Cosmos
灵感画廊
用于收集图片与参考、搭建创意灵感画板的可视化 moodboard 空间。
curated.design
灵感画廊
Curated Design
灵感画廊
按视觉风格归类网站灵感，让你按想要的样子浏览的画廊。
layers.to
灵感画廊
Layers
灵感画廊
设计师公开发布与分享作品、获取反馈和灵感的平台。
minimal.gallery
灵感画廊
Minimal Gallery
灵感画廊
收录极简克制网站的合集，适合寻找简约设计灵感。
mobbin.com
灵感画廊
Mobbin
灵感画廊
可搜索的真实移动端与网页应用界面及用户流程库，取自已上线产品。
saaspo.com
灵感画廊
Saaspo
灵感画廊
精选 SaaS 落地页画廊，提供营销与产品设计灵感。
seesaw.website
灵感画廊
SEESAW
灵感画廊
按页面区块整理的网站设计灵感，可逐块研究。
supahero.io
灵感画廊
Supahero
灵感画廊
精选网站 hero 区合集，为设计落地页提供灵感。
imageory.in
灵感画廊
Imageory
灵感画廊
将图片与其背后 prompt 一并呈现的视觉画廊，激发创意灵感。
backgrounds.supply
灵感画廊
Backgrounds Supply
灵感画廊
一组手工制作的网站背景，可直接用到你的下个项目中。
backgrounds.venust.ai
灵感画廊
Venust Backgrounds
灵感画廊
免费的 AI 生成网站背景，并附上生成时所用的原始 prompt。
details.so
灵感画廊
Details
灵感画廊
对一流数字产品微交互的细节拆解，供深入研究。
sombra.design
灵感画廊
Sombra
灵感画廊
展示深色模式网站界面，适合围绕暗色调做设计的人。
dribbble.com
灵感画廊
Dribbble
灵感画廊
设计师发布作品与概念、分享交流并寻找灵感的全球社区。
behance.net
灵感画廊
Behance
灵感画廊
Adobe 旗下发布与浏览各设计领域创意作品集的平台。
recent.design
灵感画廊
Recent Design
灵感画廊
每周精选堪获大奖的网站，持续输送设计灵感。
navbar.design
灵感画廊
navbar.design
灵感画廊
精选导航栏范例，供设计网站菜单时参考。
footer.design
灵感画廊
footer.design
灵感画廊
精选的创意网站页脚合集，为收尾区块提供灵感。
land-book.com
灵感画廊
Land-book
灵感画廊
按行业整理的大型落地页画廊，可浏览你所在领域的设计。
collectui.com
灵感画廊
Collect UI
灵感画廊
按组件打标签的每日 UI 设计灵感，来自持续进行的设计挑战。
siteinspire.com
灵感画廊
SiteInspire
灵感画廊
长期运营的精致网页设计展示，可按风格与主题筛选。
lapa.ninja
灵感画廊
Lapa Ninja
灵感画廊
精选响应式落地页合集，供浏览获取布局灵感。
uxarchive.com
灵感画廊
UX Archive
灵感画廊
逐屏记录移动端引导流程的归档，供 UX 参考。
screenlane.com
灵感画廊
Screenlane
灵感画廊
可搜索的界面截图画廊，提供跨应用的 UI 灵感。
flowbase.co
灵感画廊
Flowbase
灵感画廊
提供优质 UI 组件与交互范例的资源，用于搭建网站布局。
hoverstat.es
灵感画廊
Hover States
灵感画廊
展示富有创意的交互式网页设计，供研究网站如何处理动效与悬停。
saasframe.io
灵感画廊
SaaSFrame
灵感画廊
收录数百张 SaaS 营销页截图，作为落地页设计灵感。
landingfolio.com
灵感画廊
Landingfolio
灵感画廊
海量落地页设计库，供浏览获取布局与营销灵感。
pttrns.com
灵感画廊
Pttrns
灵感画廊
移动端 UI 范例目录，可参考应用如何处理常见界面。
onepagelove.com
灵感画廊
One Page Love
灵感画廊
展示单页网站设计，适合正在做单页网站的人。
designspiration.com
灵感画廊
Designspiration
灵感画廊
用于发现视觉艺术与设计图像、激发灵感的搜索平台。
bestwebsite.gallery
灵感画廊
Best Website Gallery
灵感画廊
精选优秀网站的归档，作为出色网页设计的参考。
theinspirationgrid.com
灵感画廊
Inspiration Grid
灵感画廊
聚焦各领域创意视觉设计与作品的在线杂志。
scrnshts.club
灵感画廊
Scrnshts
灵感画廊
精选 App Store 截图设计合集，为移动应用营销提供灵感。
are.na
灵感画廊
Are.na
灵感画廊
用于视觉收藏、把资料整理进共享画板的协作平台。
appinspo.com
灵感画廊
Appinspo
灵感画廊
经严选的移动应用设计画廊，提供 UI 与界面灵感。
darkmodedesign.com
灵感画廊
Dark Mode Design
灵感画廊
专注深色模式网站的展示，为设计暗色界面提供灵感。
pinterest.com
灵感画廊
Pinterest
灵感画廊
用于保存与发现各类创意灵感的视觉发现平台。
navbar.gallery
灵感画廊
navbar.gallery
灵感画廊
专注现代导航栏的画廊，供设计网站菜单时研究。
posts.design
灵感画廊
posts.design
灵感画廊
精选社交媒体平面设计归档，为帖子与信息流排版提供灵感。
loadmo.re
灵感画廊
loadmo.re
灵感画廊
展示实验性移动端网站设计的画廊，带来新颖、突破边界的灵感。
inspora.design
灵感画廊
inspora.design
灵感画廊
当代视觉网页设计的归档，供浏览获取现代灵感。
cta.gallery
灵感画廊
cta.gallery
灵感画廊
精选 call-to-action 按钮与横幅合集，提供以转化为目标的灵感。
desengs.com
灵感画廊
desengs.com
灵感画廊
汇集 design engineering 作品集及其背后创作者故事的目录。
isthereanytool.app
灵感画廊
isthereanytool
灵感画廊
发掘设计、创作与 AI 工作中冷门工具的目录。
designeng.tools
灵感画廊
designeng.tools
灵感画廊
将 design engineering 工具、资源与灵感汇于一处的精选中心。
bestdesignsonx.com
灵感画廊
bestdesignsonx.com
灵感画廊
从 X 精选设计见长的创作者与亮眼帖子的信息流。
designbookmark.com
灵感画廊
Design Bookmark
灵感画廊
收藏实用设计资源与链接的目录，让你在一处就能找到。
rebrand.gallery
灵感画廊
Rebrand Gallery
灵感画廊
以改版前后对照展示品牌重塑的画廊，供研究品牌形象的演变。
curations.supply
灵感画廊
Curations
灵感画廊
精选数字设计素材库，供浏览并取用到项目中。
landing.love
灵感画廊
Landing Love
灵感画廊
按动效归类的精彩落地页合集，提供动效灵感。
motionimo.xyz
灵感画廊
Motionimo
灵感画廊
海量动效设计片段库，供研究动画与运动。
before.click
灵感画廊
before.click
灵感画廊
展示高转化应用截图创意，为 App Store 营销提供灵感。
swiped.design
灵感画廊
Swiped
灵感画廊
从各社交平台收集的亮眼设计帖子合集。
landdding.com
灵感画廊
Landdding
灵感画廊
每日更新的创意落地页目录，提供布局与营销灵感。
designengineer.tools
灵感画廊
designengineer.tools
灵感画廊
为 design engineer 工作量身整理的必备工具合集。
insposite.com
灵感画廊
Insposite
灵感画廊
汇集设计参考与工具的目录，需要灵感时可随时浏览。
loader-buttons.appllama.io
灵感画廊
Loader Buttons
灵感画廊
收录 25 个加载按钮动画的画廊，供参考微交互创意。
whatships.com
灵感画廊
What Ships
灵感画廊
从 X 帖子收集的亮眼产品发布演示视频合集。
greatstuff.fyi
灵感画廊
GreatStuff
灵感画廊
经精心筛选的创意工具归档，助你更快找到好用的那些。
greatapps.fyi
灵感画廊
Great Apps
灵感画廊
每周精选值得细看的优秀 iOS 应用画廊。
curated.domains
灵感画廊
Curated Domains
灵感画廊
收录使用创意顶级域名的品牌合集，为命名与品牌提供灵感。
sections.wtf
灵感画廊
Sections.wtf
灵感画廊
收录真实网站区块与 hero 布局的画廊，可逐块参考。
browse.cool
灵感画廊
Browse.cool
灵感画廊
精选以出色触感与交互著称的网站。
folios.gallery
灵感画廊
Folios Gallery
灵感画廊
精选优秀设计师作品集目录，供学习与获取灵感。
wwwtf.site
灵感画廊
wwwtf.site
灵感画廊
展示交互网络中古怪、实验性角落的画廊，值得一探。
early.tools
灵感画廊
Early
灵感画廊
发掘值得先睹为快的早期软件产品的发现平台。
openalternative.co
灵感画廊
OpenAlternative
灵感画廊
为热门 SaaS 工具匹配开源替代品的目录。
everywhere.tools
灵感画廊
Everywhere Tools
灵感画廊
面向动手设计与创作的开源创意工具合集。
gallery.jessyin.world
灵感画廊
Jessy In's Gallery
灵感画廊
一个共享 moodboard，大家在这里收集各种新奇的视觉素材，激发设计灵感。
wallofportfolios.in
灵感画廊
Wall of Portfolios
灵感画廊
汇集设计工程与产品作品集的展示墙，供你浏览找灵感。
detail.design
灵感画廊
Detail Design
灵感画廊
收录各类软件界面中精心打磨的微交互案例的资料库。
betwnstudios.com
灵感画廊
Betwn Studios
灵感画廊
一家为 SaaS 产品设计并打造现代化网页体验的工作室。
saaslandingpage.com
灵感画廊
SaaS Landing Page
灵感画廊
精选值得研究的优秀 SaaS 落地页，供你参考取经。
bestsaaswebdesigns.com
灵感画廊
Best SaaS Web Designs
灵感画廊
精心挑选的 SaaS 网站设计合集，作为设计灵感来源。
a1.gallery
灵感画廊
A1
灵感画廊
汇集各类网站设计的画廊，为你的下一个项目提供灵感。
02 / 03
界面设计工具与 UI 实验室
11
进入分区
figma.com
界面设计
Figma
界面设计
协作平台，与团队一起设计界面并制作原型。
framer.com
界面设计
Framer
界面设计
可视化画布，设计网站后可直接发布到 web。
make.design
界面设计
make.design
界面设计
AI 生成器，将文字 prompt 转化为精致的界面设计。
penpot.app
界面设计
Penpot
界面设计
开源 web 设计平台，以 SVG 为核心，在浏览器中运行。
spline.design
界面设计
Spline
界面设计
基于浏览器的 3D 设计软件，内置物理引擎打造交互场景。
interfacecraft.dev
界面设计
Interface Craft
界面设计
一系列文章，探讨现代数字界面背后的工艺。
uilabs.dev
界面设计
UI Labs
界面设计
一个实验室，拆解动效 UI 组件，展示其构建方式。
uiw.tf
界面设计
UIWTF
界面设计
实验性界面范式的展示，探索 web 能力的边界。
lab01.dev
界面设计
Lab01
界面设计
一家设计工作室发布的精致界面实验合集。
design.dev
界面设计
design.dev
界面设计
AI 辅助编辑器，用于构建与管理设计 token 及设计系统。
uiplaybook.dev
界面设计
UI Playbook
界面设计
一份指南，讲解 UI 组件在设计时会经历的常见状态。
03 / 03
网页设计资源：博客、书籍与课程
33
进入分区
refactoringui.com
设计阅读
Refactoring UI
设计阅读
一本实用指南，满是设计与构建更好界面的实战技巧。
practicaltypography.com
设计阅读
Practical Typography
设计阅读
一本在线书籍，讲解排版规则以及如何排布文字。
web.dev
设计阅读
web.dev
设计阅读
关于网页性能与遵循现代网页标准进行构建的实用指导。
inclusive-components.design
设计阅读
Inclusive Components
设计阅读
一个模式库，教你如何构建无障碍的界面组件。
joshwcomeau.com
设计阅读
Josh Comeau
设计阅读
互动式教程与文章，拆解 CSS 的机制究竟是如何运作的。
design-books.com
设计阅读
Design Books
设计阅读
一个按学科门类整理的必读设计书籍目录。
learn-kernels.com
设计阅读
Learn Kernels
设计阅读
一份互动指南，带你编写并理解 GPU kernel 编程。
designsystemchecklist.com
设计阅读
Design System Checklist
设计阅读
一份详尽的清单，涵盖打造一套可投产的设计系统所需的方方面面。
learn-ui.com
设计阅读
Learn UI
设计阅读
一门视频课程，讲授设计用户界面的实战方法。
designspells.com
设计阅读
Design Spells
设计阅读
一个合集，剖析日常软件中那些不易察觉的设计细节。
goodui.org
设计阅读
Good UI
设计阅读
一个以真实数据为依据、基于实证的 UI 设计模式库。
abduzeedo.com
设计阅读
Abduzeedo
设计阅读
一个每日更新的设计博客，持续分享视觉灵感。
uxdesign.cc
设计阅读
UX Collective
设计阅读
一份精选刊物，汇集关于用户体验设计的深度评论文章。
smashingmagazine.com
设计阅读
Smashing Magazine
设计阅读
一个可靠的资源站，为网页设计师和开发者提供文章与指南。
tympanus.net
设计阅读
Codrops
设计阅读
一个博客，发布富有创意的前端实验及其动手教程。
muz.li
设计阅读
Muzli
设计阅读
一份每日精选摘要，把最新设计趋势汇聚成一个信息流。
boxesandarrows.com
设计阅读
Boxes and Arrows
设计阅读
一本长期运营的刊物，探讨信息架构的实践与理念。
designernews.co
designernews.co
设计阅读
Designer News
设计阅读
一个由社区驱动的信息流，设计师在此发现并讨论最新动态。
webdesignerdepot.com
设计阅读
Web Designer Depot
设计阅读
一个设计刊物，涵盖网页标准以及设计师使用的工具。
designmodo.com
设计阅读
Designmodo
设计阅读
一个刊物，既提供文章，也提供网页设计的实用工具。
99designs.com
设计阅读
99designs Discover
设计阅读
一个设计博客，探讨品牌以及其背后的创意思考。
interfaces.dev
设计阅读
Interfaces
设计阅读
一份每月更新的数字刊物，探讨数字界面的设计。
makingsoftware.com
设计阅读
Making Software
设计阅读
一系列文章，探讨设计师使用的工具最终如何塑造了他们的软件。
visualrambling.space
设计阅读
Visual Rambling
设计阅读
个人化的视觉随笔，一次聚焦一个点深入探讨界面设计。
degreeless.design
设计阅读
Degreeless Design
设计阅读
一份精选的学习路线图，为立志精通产品设计的人而备。
svg.guide
设计阅读
SVG Guide
设计阅读
一份面向设计师和开发者的指南，讲解如何编写并动画化 SVG。
animations.dev
设计阅读
Animations.dev
设计阅读
一门课程，教你创作真正手感到位的网页动画。
ui-skills.com
设计阅读
UI Skills
设计阅读
一门课程，讲授借助 AI 来设计界面的各种技巧。
aiforui.dev
设计阅读
AI for UI
设计阅读
一门课程，讲解如何把 AI 工作流运用到界面设计流程中。
ui.land
设计阅读
UI Land
设计阅读
一系列访谈，与顶尖设计工程师聊他们的手艺。
lawsofux.com
设计阅读
Laws of UX
设计阅读
一套影响界面易用程度的心理学原则合集。
userinterface.wiki
设计阅读
User Interface Wiki
设计阅读
一个知识库，将界面设计的准则与规范集中整理在一处。
shapeof.ai
设计阅读
The Shape of AI
设计阅读
一个模式库，聚焦于 AI 驱动界面的设计模式。
UI 与网页设计灵感网站精选（122） — Designeer
