Skip to content

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

@mqyqingfeng

Description

@mqyqingfeng

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

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

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

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

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

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

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

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

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

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

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

image.png

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

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

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions