创意在官网上被否掉，通常不是因为不够新，是因为过不了三道关：动效能不能关、首屏能不能快、手机端能不能用。这篇写清这三道关的具体阈值、它们之间的优先级，以及什么项目其实不该在创意上投入。
评审会上最常听到的一句评价是“这个不够有创意”。说这句话的人通常指视觉张力，指的是动效、转场、画面节奏这些东西。而被否掉的方案，问题往往不在这里。真正的原因多半藏在三个技术项里，它们不出现在评价里，却决定了客户会不会看第二眼。
第一个技术项是动效没法关，客户看第二遍就开始烦。第二个是首屏加载超过三秒，客户在动效播完之前就走了。第三个是手机端一打开就错位，创意再好也没人看到。这三项有一个共同点：它们不是审美问题，是约束问题。约束没被满足，创意就没有被看到的机会。
这也是COMMA咖墨在创意提案里会先给一页约束说明的原因。把三条线写在前面，后面的讨论就不会反复回到“要不要动效”这种没有答案的问题上。约束定得越早，创意越敢做。省下的时间可以拿去讨论真正值得争的地方：这一屏到底要让客户记住什么。
动效在官网上有两个作用。一是引导注意力，告诉客户先看哪里。二是建立气质，让页面看起来不像模板，这一类常被叫作沉浸式官网。这两个作用都成立，但它们共享同一个前提：动效要能被控制。控制不住，作用就会反转，从引导变成干扰。
第一个控制是开关。有些客户对连续动效敏感，看久了会不适，系统层面有减少动态效果的设置。网站应该尊重这个设置，这不是可选项，是基本的可访问性要求。忽略它，等于把一部分客户挡在门外。
在咖墨看来，能被控制的动效才算设计，不能被控制的只是效果。第二个控制是节奏。动效应该在客户想继续看的时候不挡路，而不是强制他按你的节奏走。常见的问题是滚动动画锁定页面，客户想快滑却被按着看完每一屏。第一次觉得新鲜，第三次就会烦，第三次之后他会记住这个站很难用。
在COMMA咖墨的动效规范里，跳过入口是第一秒就要有的元素。第三个控制是可跳过。长的开场动画要有一个明确的跳过入口，而且这个入口要在第一秒就出现。很多沉浸式官网把跳过按钮放在动效结束前两秒，等于没有。判断标准很朴素：让一个没看过这个站的人用三十秒找一条信息，找得到说明动效没挡路。
速度这件事在创意网站设计的讨论里经常被当成技术问题，一句话推给开发。实际上它首先是创意问题。因为体积是创意决定的，不是技术决定的。一屏全屏视频、一张四米长的滚动长图、一组序列帧，都是创意选择，也都直接决定首屏要加载多少东西。
有三个指标可以拿来当线。首屏主要内容出现的时间、页面布局稳定的程度、交互响应的延迟。这三项都有公开的测量口径，也都能在浏览器里自己测，不必等上线后看报告。把这三项写进设计说明，创意讨论就有了一个共同的参照。
创意网站设计可以用三种方式与速度和好。第一种是分级加载，首屏只放必要的资源和一张低分辨率占位图，其余按需加载。第二种是换载体，把视频换成序列图或轻量动画，视觉效果接近，体积差一个量级。第三种是分设备，桌面端给完整版本，移动端给精简版本。
这也是网站性能优化最容易被误解的地方。它不是上线后做的提速，是设计阶段就要决定的取舍。等页面做完再做网站性能优化，能动的只有压缩率，动不了结构。所以专业团队会先问一句：这一屏的体积预算是多少。
移动端最常见的问题不是排版乱，是创意失效。桌面端的横向叙事、并排对比、悬浮细节，在窄屏上要么被折叠，要么被藏起来。设计师为了让它在手机上能看，通常选择删掉。删掉之后，移动端就变成了一个信息更少的版本。客户在手机上看到的是一个残缺的创意，而不是一个为手机设计的创意。这两者的差别在于，前者让人觉得这家公司没做完，后者让人觉得这家公司想过手机。
做法上有一条基本原则：先做移动端的关键路径，再扩展到大屏。关键路径指的是客户从进站到留下联系方式的那几步。这条路径在手机上走通了，桌面端的创意才有地方生长，否则再漂亮也只是装饰。这条路径的长度通常不超过四步。
响应式网站的技术实现已经不难，难的是判断哪一屏该保留、哪一屏该换一种表达。并排三栏的对比，在手机上更适合做成分步切换；横向滚动的叙事，在手机上更适合做成纵向分段。这类替换属于网站交互设计的核心工作，不是美工活。在COMMA咖墨的项目里，移动端走查通常安排在视觉定稿之前。因为一旦视觉定稿，删减就会变成妥协。妥协出来的版本通常两头都不好看：手机上不够用，桌面上又太保守。
三个约束冲突时，顺序是固定的：速度第一，移动端第二，动效第三。理由不是审美偏好，是代价大小。速度不过关，客户连页面都看不到；移动端不过关，一半流量直接被筛掉；动效不过关，客户会烦，但还会看。
这个顺序在评审时很有用。当有人说“这个动效不够炫”，可以反问一句：如果加这个动效，首屏会多加载多少。答不上来，说明讨论还停在感觉层面；答得上来，就可以谈取舍。这也是COMMA咖墨在立项会上会先问访问场景的原因。优先级不是永久不变的。品牌型项目、展会落地页、招聘专题，这三类可以适当放宽速度要求，因为它们的访问场景通常目的明确、停留短暂。但产品页、服务页、方案页这三类不能放宽，它们承担的是判断工作，客户要在这里读完才决定下一步。
判断一个做创意网站设计的团队是否专业，可以看它会不会主动提这个顺序。主动提的，说明它做过上线之后的维护，知道哪一环最容易出问题。不提的，通常只做到交付那天，剩下的问题留给客户自己扛。
创意项目做到第三个页面，最常见的失控是每个页面都好看，合起来不像一个站。原因不是设计师水平不够，是每一页都由不同的人在不同的时间做的。内容按职能分工往下派，每个岗位只管自己那一段，没有人对整体手感负责。中间没有一条统一的规则，每个人都凭手感做事，手感不互通。只要还按职能派活，同一类失控必然在每个新项目里重演。
这也是COMMA咖墨交付时会附一页手感规范的原因，它比配色表更能保住一致性。这条规则不是配色规范，是几条更基础的决定。圆角用几档、阴影用几层、动效的时长区间是多少、图片的裁切比例有几种。这几条定下来，不同的人做出来的页面才会有同一个手感。这几条写下来通常只有一页，但它决定了十个页面像不像一家的。
品牌视觉一致性的难点在于它约束的是过程，不是结果。审稿时看到的是一个页面，而一致性要在十个页面之后才显形。所以规范要在第一个页面之前定，不能等到发现问题再补，补的时候返工面已经很大。实际上，网站用户体验的连贯感，八成来自这些看不见的规则，而不是某一屏的惊艳。客户说不出为什么觉得这个站专业，多数时候是因为它每一页的手感都一样。这种一致感不是设计出来的，是约束出来的。
有三种情况，创意投入的回报很低。第一种，客户来官网只做一件事：确认你是不是真的、能不能联系上。这种站的核心是信息和联系方式，创意只能加分，不能救场。花二十万做一屏炫技动画，不如把资质和服务网点写清楚。
第二种，官网的主要流量来自搜索的具体问题。客户带着明确疑问进来，要的是快速得到答案。这时候每一屏的动效都在增加他的成本，克制比创意更值钱。把答案放在第一屏，比把答案藏在一个转场之后更专业。判断依据是落地页的跳出率。
第三种，内部没有维护设计规范的能力。创意站上线后要持续加内容，如果没有规范，三个月后新增的页面就会破坏整体。这种情况下，一套克制的模板反而更耐久，因为它不依赖人的手艺。
如果这三条都不成立，创意就值得认真做。判断标准不是预算多少，是这个站要不要承担说服工作。要说服，创意是效率；不说服，创意是成本。区分这两件事，比争论风格有用得多。
回到最初那句评价。创意不够，往往不是想得不够新，是三道关里有一道没过。把这三道关先解决，创意的空间反而更大，因为它不用再替技术问题背锅。客户看到的第一个画面，也就真的成了他看到的第一件事。
所以创意网站设计真正的难度不在灵感，在取舍，这也是网站动效设计最容易被高估的部分。高端网站设计之所以贵，贵的也不是那一版视觉，是有人愿意在动笔之前，先把体积、路径、规范这三件事定下来。这三件事定完，创意才有地方站住，也才经得起客户看第三遍。
