很多客户在找我们做官网时，都会说一句话：“我们之前做了品牌VI，官网就照这个来吧。”这其实挺正常的。但我们经常会遇到的情况是：VI是VI，网站是网站，两者没办法直接套用。
为什么？因为品牌手册大多是给印刷、物料、包装这些线下场景用的，而网站是动态的、互动的，用起来完全不一样。我们需要做的，是在不违背品牌调性的前提下，重新“翻译”一次。
Logo、主色、字体这些基础元素肯定是要沿用的，但官网需要考虑屏幕显示、阅读节奏、动效这些新的维度。
比如客户VI里选了深蓝作为主色，但如果整站都是深蓝背景 + 白字，用户看个三分钟眼睛就累了。
所以我们会在配色、字体大小、排版方式上做一些微调。不是改掉，而是为了让品牌在网页上“看起来更顺眼”。
品牌风格不仅是“长什么样”，更是“感觉是什么”。有的品牌很科技、有的很亲切、有的有点调皮……我们做风格延展时，就会把这些“感觉”转译到动效、滚动节奏、交互细节里去。
举个例子：一个走高端路线的品牌，我们可能会做一些慢节奏、简洁留白的设计；一个有点年轻感的品牌，滚动动效就会活泼一点，图文切换也会更有节奏。
除了颜色字体这些，我们还会看品牌的语言风格：它是偏理性还是感性？是强调产品力还是品牌理念？
这些东西决定了网站的文案怎么写、内容怎么组织、导航结构怎么设计。
有时候客户VI没说这些，我们就会在整理官网内容的时候，顺便帮客户把品牌的表达方式“捋一遍”。久而久之，官网反过来也帮客户补全了VI体系。
最后想说一点，统一不是“照一个样子重复做十页”。我们在设计时，会根据内容和场景的变化，在整体风格下做出差异化。
比如首页要震撼、内页要清晰，品牌故事页可以感性一点，产品页就实用一点。该统一的统一，该灵活的灵活，让用户在逛网站时既有“连贯感”，又不会“审美疲劳”。
VI给了我们一个起点，但不是终点。我们做的，是在这个基础上，把品牌延伸到网页里、互动里、体验里。
风格统一，不是表面一致，而是每一屏、每一动，都有品牌的影子。