先收藏!3000 个网站设计案例供你参考!

0 阅读2分钟

随着 AI 编程的能力越来越强,我经常头疼的问题是变成了:这次参考(chao)哪个网站?

毕竟当生成的东西一模一样,你的品味,也许能让你脱颖而出。

正如陆奇所说,这个时代最不容易被取代的职业是创业者、科学家以及独到的艺术家。

确实如此,每次做新项目,总要为设计灵感而发愁。奈何自己也没逛过多少网站,总是找不到合适的参考。

更糟糕的是,想看看别人的导航栏是怎么设计的,一个一个点开翻看。想看下页脚的布局,又一个一个点开翻看。这种效率低下、毫无章法的找灵感方式,相信每个需要设计的开发者都深有体会。

如果有一个地方,能把优秀的网站设计案例都整理好,按照不同的页面区块分门别类,让你想看什么就能直接找到什么,是不是就方便多了?

今天和你分享的 DevMeetsDevs 就是这样一个宝藏网站。

DevMeetsDevs 最大的特色在于它的分类方式。

网站按照页面的不同区块来组织内容,比如导航栏、页脚、产品展示区、关于我们等等。

当你需要设计某个特定模块时,可以直接在对应分类下浏览相关案例,而不用在完整的网站中一个个寻找。

比如你想找页头的设计,只需要打开 "Header" 分类,就能看到上百个不同风格的页头案例:

image.png

从简约到华丽,从信息密集到留白设计,各种可能性一目了然。比漫无目的地浏览完整网站要高效得多。

我是冴羽,10 年笔耕不辍,专注前端领域,更新了 10+ 系列、300+ 篇原创技术文章,翻译过 Svelte、Solid.js、TypeScript 文档,著有小册《Next.js 开发指南》、《Svelte 开发指南》、《Astro 实战指南》。

欢迎围观我的“网页版朋友圈”,关注我的公众号:冴羽(或搜索 yayujs),每天分享前端知识、AI 干货。