NEWDesign Details 是本周新收录的网站——如果你用过，欢迎在下方「用户评价」区写下第一条点评，或给它打个分，帮后来的人避坑。
网站介绍
这是一个人工筛选的网页设计参考库，收集了大量真实上线的网站设计案例。 你可以按行业、页面区块分类找参考，每个案例都有桌面端和移动端的整页截图，还能看到滚动动效、用的字体、配色方案这些细节。要是碰到同样的设计需求，能直接看不同团队的实现思路，还能下载参考说明文档转给团队或者AI工具用。 它适合做网页设计、UI设计的从业者找灵感，也适合产品经理参考同行的页面布局。要是你想找海报、插画这类非网页的设计参考，这个站就不太适用。
编辑推荐
它的优势是所有案例都是人工筛选的真实上线站点，不是设计师上传的概念稿，参考性更强，分类维度也很实用，找特定行业或者特定区块的参考特别省心，不用自己瞎逛找。 目前它的内容都是网页相关的设计，没有平面、插画之类的其他设计类参考，要是你做的是APP界面设计，能参考的内容也比较少，这类需求可以再看看其他专门的素材站。
Design Details核心功能
- 按行业、页面区块筛选设计案例
- 提供桌面+移动端整页截图
- 可查看页面滚动动效演示
- 标注案例所用字体和配色方案
- 支持下载设计参考说明文档
- 所有内容免费看，不用注册
适合谁用
关于 Design Details 的常见问题
人工精选的真实网站设计参考库，可按行业和页面区块浏览，查看桌面端与移动端整页截图、滚动动效、字体和配色。免费浏览，无需注册。
https://designdetails.io/ 就是Design Details的官网入口，点页面上的「前往官网」就能直接打开，不用自己到处搜，也能避开搜到的假网站。到现在有 0 个人从本站点过去过，链接最近一次检查是 2026-11-04。
不收费，基础功能免费用。以后要是改了收费规则，得看官网怎么写。
先别在微信、QQ 里直接点，复制链接到手机自带浏览器或者电脑浏览器打开，很多打不开是被 App 内置浏览器拦了。浏览器弹风险提示，多半也是各家自己的拦截，换个浏览器再试试。还不行就切一下 Wi-Fi 和手机流量，多半是线路的问题。
用户评价
还没有人给这个站打分
第一条评分由你来做主——用 30 秒打个分，帮后来的人避坑。
网友点评（0）
还没有点评，说说你用这个网站的体会，帮后来人少踩坑。
类似的网站
Design Details的替代品专页同「设计工具」优先，其次按主题相关；hover 卡片点 VS 可与本站对比
相关搜索
信息有误？
名称、介绍或分类不对？提交修正建议，站长人工核对后立即更新。