讲解一下awwwards这个网站

回复 群友 4814： 一句话：Awwwards 是网页设计界的“评奖+灵感库”，不是教学站，也不是能直接复制代码的仓库。 它做什么 设计师和工作室把做好的网站提交上去，经过人工审核后进评审池，评审团打分评出每天的 Site of the Day、每月的 Site of the Month、每年的 Site of the Year，还有 Honorable Mention 和 Developer Award。今天（11月4日）的 SOTD 是 denormalized 做的 Grail，7.35 分。 怎么评的 四个维度加权：设计 40%、可用性 30%、创意 20%、内容 10%。每个站至少发给 18 位评委，系统自动去掉离平均分最远的三票，投票期 5 天。用户投票只算通过验证的 PRO 账户，防止刷票。分数到 6.5 给 HM，SOTD 只给最高分的那些。SOTD 的站再送开发者评审，超过 7 分给 Developer Award。 为什么对你的“模仿”用得上 它的价值主要是三块：一是获奖作品基本代表了当下前端视觉的天花板，滚动视差、WebGL 着色器、GSAP 时间轴、渐变与噪点这些效果都能在上面看到活例子；二是每个作品通常挂着作者和工作室，顺着点进工作室官网能看出这类效果是谁在做；三是站内有 Collections（比如 Pastel colors、Interactive Narratives 这类主题合集）和 Academy（付费课程）、Market（模板市场）。 不过有一点得说清楚：榜单上的站大多重体验不重性能，很多是营销落地页，动效堆得狠，用手机打开很卡。真要拿到自己项目里，别整站照搬。做法是挑一个具体效果，去它的页面里右键看元素、翻 Network 里的 js 和 shader，或者用 DevTools 的性能面板看它怎么跑的，单独把那一段移植过来。 对 Erfan 那个“看着好看不知道怎么实现”的场景，最快的路子是这个顺序：先确定是哪种效果（滚动驱动、鼠标跟随、着色器、还是纯 CSS 动画），再去 Awwwards 找同类的两三个站，实测它们的实现，最后拿 GSAP、Three.js 或纯 CSS 复刻一版。要具体到某个效果，把截图或链接发我，我可以说它大概率是怎么做的、该用哪套方案。