每日最佳网站拆解
这个栏目只收录 Awwwards 与 FWA 当日最佳里的精选站点,即 Awwwards 官方总分 7.60 以上,或 FWA 85 分以上的站。每篇报告从创意概念、视觉设计、交互动效到前端实现,系统分析它的获奖原因,并附有在真实浏览器中测得的性能与资源数据。
- 报告
- 14
- Awwwards
- 10
- FWA
- 14
- 最近
- 2026.10.12

Sleep Well Creative
Sleep Well Creative 是设计师 Victor Costa 为创作者做的一本网页版睡眠指南,它把关于睡眠的科学知识画成一本滚动阅读的三维插画书。故事从斑点沙丘上一个女人的背影开始,访客滚动时会依次经过飞满药片的隧道、一长串咖啡罐、一只握着手机的手和一盏台灯,每一幕讲一个让人睡不好的习惯。这些场景和网页文字用同样的奶油色与群青色,模型带着描边和手绘斑点,所以场景和文字读起来像同一本书里的插画。

Jesper Landberg
Jesper Landberg 的个人作品集把整张网页做成了一块能弯、能被顶起、能被黑洞吸进去的材料。首页的八个项目连成一条弯曲的缎带,访客滚得越快,缎带左端越朝镜头翘起,右侧的卡片拧成细条。光标像一颗在页面底下滚动的球,把经过的画面顶出鼓包。访客点开 PROFILE,页面正中会张开一个黑洞,把周围的画面弯成一圈光环,几只黑色的羊驼在洞里漂浮。

Heron AI
Heron AI 是设计公司 Bearplus 为一款虚构的审图 AI 助手做的官网,首页让访客亲手当一回审图员。首屏是画在图纸上的一栋住宅立面,光标拖着一对十字准星。访客拖出一个框,把房子上的问题点圈进去,就会弹出一张橙色卡片,写明按建筑规范这里少了扶手。Heron 在网站的设定里卖的正是一个替建筑师检查模型、找出这类违规的 AI 助手,首页先让访客亲手做一遍它要替人做的事。

Léo Parpeix - Portfolio 2026
Léo Parpeix 的作品集一打开,就是一间可以走进去的三维雕塑工作室。房间正中的台子上立着一朵长着脸的石膏雏菊,右边墙上挂着同一朵花的设计图。成品和它的图纸摆在同一个画面里,访客一进门就同时看到了结果和做出这个结果的过程。这朵留着小胡子的雏菊贯穿全站,在 About 页上,它又变成了湖边木平台上一盆巨大的真花。

Lidar Drone Scanning
Lidar Drone Scanning 是一个为一台不存在的无人机做的官网。波兰工作室 Riotters 虚构了一个叫 Aevion 的激光雷达巡检无人机品牌,再照着真正的产品官网,从悬停的机身、参数表一路讲到数据软件。整页最像真东西的是结尾那张三维地形图,访客点开图上一个点,镜头飞过去,旁边弹出写着风险等级和置信度的面板,像一份真的巡检报告。

Gil Huybrecht
比利时设计师 Gil Huybrecht 的作品集网站把 19 个项目的全部截图排成一面黑底的截图墙,每一张都画在同一块铺满屏幕的画布上(网页上专门用来绘制图像的区域)。站点因此可以让同一张图从网格飞进项目的详情,飞进另一种排列方式,或者放大到屏幕中央。右下角的开关还能把整个站换成星球大战版,光标变成一把蓝色光剑,访客挥剑划过截图,截图上会被烧出一道发光的裂口。

The Singularity
The Singularity 是 Squarespace 为 2023 年超级碗广告做的活动网站,它把广告里的笑话做成了一个玩具。广告里的 Adam Driver 想通了 Squarespace 是“做网站的网站”,于是不断复制自己。网站角落的圆形头像里有一个三维的 Adam,访客每点一下,Adam 就说一句“website”,从嘴里吐出一张真实的网站模板。访客点到第五下,Adam 分裂成两个,再变成三个,最后被漩涡吸走。

illoca
这是加州创业公司 illoca 为第一款产品 Tracing Paper 做的发布网站,网站的主体是一个跟着滚动推进、不切换画面的镜头,一直对着一位建筑师的书桌。访客往下滚动,镜头就从建筑师身后推到桌面,描图纸上的铅笔草图先变成干净的平面图,平面图再从纸上升起,长成一栋楼。产品的五项功能排在这条路上,桌上的楼随着每一项被切开、摆进家具、换上新的外墙。整个场景只用米色和钴蓝两种颜色画成,像一张印出来的插画。

Maria Vasilyeva Portfolio
Maria Vasilyeva Portfolio 是设计师 Maria Vasilyeva 的个人作品集,设计师把整个站做成了一份乐谱和一台播放器。首页的谱线上排着一长串作品缩略图,一根播放头随着滚动从屏幕左边走到右边,走到哪件作品,那件作品的十几张图就从谱线上弹起来,上下错开散成一团。打开声音后,光标每划过一张缩略图就响一个音,菜单的四个词和作品列表里的十一件作品也各配了一段音乐或环境声。

The Tuscan Journey Begins
The Tuscan Journey Begins 是 Weekend Max Mara 为 Pasticcino 手袋做的互动网站。佛罗伦萨工作室 MONOGRID 把手袋背后的三处托斯卡纳手艺画成一趟油画风格的火车旅行。访客每到一站就亲手做一道工序,先翻看面料,再把大理石凿成扣上的圆珠,最后用剪刀、胶笔和圆珠把手袋做出来。