很多站点「看起来还行」,却在 Awwwards、Webby Awards、FWA 的评审标准下立刻露怯:层级摇摆、间距随机、动效自嗨、移动端只是缩小版桌面。获奖级质感不是堆特效,而是一套可重复执行的质量条。本文给出可直接打印的自检清单,适合独立开发者与用 AI 出站的团队。
评审真正在看什么
三秒内说清价值主张;阅读节奏可控;交互有意图;跨设备一致。把「高级」翻译成可勾选条款:主标题是否一眼可读?主 CTA 是否唯一且醒目?滚动时信息是否仍有焦点?若关掉动效,静帧是否依然成立?
八项自检:从结构到细节
1)字阶:标题、副标题、正文、辅助信息是否成比例,行高是否舒服。2)留白:模块间距是否有节奏,而不是处处相等或处处拥挤。3)层级:首屏是否只有一个视觉主角。4)色彩:主色不超过两到三个语义角色。5)动效:时长集中、缓动统一,并尊重「减少动态」。6)微交互:按钮、表单、加载态有明确反馈。7)响应式:断点处是重排,不是简单缩放。8)原创性:符号系统是否属于你的品牌,而不是模板拼贴。
如何迭代到「没什么可改」
每次只改一类问题:第一轮只动层级,第二轮只动间距,第三轮才动效。真机测一遍,并关闭动效再看静帧。若静帧已经成立、动效仍然克制,你就接近获奖站的完成度。把这份清单固定进发布前检查,比临时找灵感更稳。
常见扣分点(可当作反模式)
首屏堆三四个 CTA;卡片阴影层层叠叠;滚动视差抢正文;移动端字号过小或点击热区不足;图片无 alt、对比度不达标。先删噪音,再谈加分项。