为什么我们建议官网设计跟品牌VI保持点距离？

有些客户会说：“我们品牌VI都做好了，官网就按这个来套吧。”乍听之下没毛病，但我们通常不会这么做。不是不尊重VI，而是官网这个载体，本身就有自己独特的表达语境——它是交互的，是可滚动的，是面对用户的行为式体验，不是一本静态的VI手册。完全照搬，只会让网站看起来“样子对了，气质却怪了”。

● VI是基础，但官网是延展

我们更喜欢把VI当作“视觉底盘”——从中提取风格线索、色彩系统、图形语言、排版气质，再在官网这个场景里做真正适配的延展设计。比如印刷品的留白比例可能在网页上就显得空，LOGO的构图在移动端可能得重新调整，甚至颜色的对比度，也要根据屏幕显示做微调。VI提供了方向，但官网设计还得走出自己的节奏。

● 用户行为，才是官网的出发点

VI系统最关注的是品牌统一性，而官网设计的第一关注点，是“用户怎么看、怎么点、会不会想留下来”。我们要考虑的信息层级、动效节奏、页面引导，这些都不是VI能直接提供答案的。如果我们一味追求VI还原度，反而可能会牺牲用户体验。
所以我们经常会在项目初期跟客户说：“我们会尊重VI，但我们也希望官网是一个活生生、为用户服务的界面，而不是一本被摆上架的设计书。”

● 做得好的官网，既有“家族感”，也有“个体感”

最理想的状态是什么？是用户一看这个网站就知道你是谁，但又能感受到，这个网站是专门为浏览而设计的、有温度、有节奏的。它和VI是一个调性的“兄弟”，但不是复制粘贴的影子。

这种感觉说不上来，但你看得出来。我们设计过的一些官网，可能只用了VI手册中的颜色和一两个图形元素，整体看上去却像是“这个品牌专属的数字空间”，这就是延展的力量。

● 所以，我们从来不只是“套版”

如果你已经有一套完整的VI，我们很开心，这样我们就有了一个共同的语言。但我们依然会花时间去“重新理解”它，把那些看似确定的东西，转换成能真正适配网站语言的节奏感和层级感。

你不希望你的网站变成“海报轮播图集”，我们也不愿意网站只是“另一份手册”。官网值得拥有更自由的设计呼吸权，也值得成为品牌表达中，最有生命力的那个部分。