这样的例子比比皆是：企业网站的风格、图片、布局与产品的包装，乃至品牌格调，力图保持一致。如麦当劳的网站，配色以金黄色为主，布局采用宫格布局，文案欢快，就如同是一张麦当劳的“菜单”。
但是，也有反例。比如娃哈哈的官网，似乎不太考虑不同产品的特点以及公司文化。
如果我们将网站、小程序、APP称之为线上设计，将产品包装、招商手册，乃至厂房颜色等称之为线下设计，这里就有一个问题——线上设计是否需要与线下设计保持一致？
辨析
我们可以看这样两个例子：一个是农夫山泉，一个是娃哈哈。两者同属于快消行业，并且公司运营战略也有一定的相似性。
但是两家公司的网站却风格差异很大。
农夫山泉的网站显然是希望保持与产品和企业输出价值观一致的。企业网站布局简洁，使用不少的插画作为配图，给访客纯净之感。这与农夫山泉的众多产品情怀是一致的，特别是农夫山泉矿泉水。
同样是做饮料产品的娃哈哈则不一样。其公司官网倾向于“新闻发布会”风格，展示了大量新闻，布局、配色、格局，参考企业线下物料的地方极少。
通过如上分析，我们似乎可以得出这样的结论：当产品强势，消费者“认”产品而不认识公司的时候，网站设计需要与产品设计等相匹配；相反，当公司强势，公司走在产品认知之前的时候，公司网站设计可以不匹配产品设计。另外，当一个公司的产品线很多的时候，并且各个产品较为平均，网站设计则可以不参考产品设计。我们可以进行验证。
验证
例如娃哈哈集团旗下的产品非常之多，并且企业较为强势，所以，官网设计几乎不参考产品设计。包括百事可乐、可口可乐也属于此种情况。
但是，如王老吉、汇源果汁等公司，产品线较为单一，所以，企业官网设计无论是字体、布局、配色等都参考了产品设计。
这里就出现了另一个问题：如果网站设计需要参考线下物料设计，需要参考哪些呢？
参考
字体：网站设计需要参考线下字体，包括产品名称字体、企业强制使用的字体等等。如王老吉，因为强调传统文化，所以网站选择使用隶书这一书法字体。
颜色：网站设计可以参考产品的配色，如百事官网以蓝色作为主要颜色；可口可乐则选择了红色。
图片：网站设计可以使用与产品包装一致的图片。或者与公司投放的广告片一样的图片。
活动：网站可以上线正在线下进行的活动。
情怀：如果产品力图输出某些情感和情怀，网站设计的时候，可以借助图片、配色等体现。
交互：产品与消费者之间也有交互，如打开方式、使用方法等等。如果此类交互较为新颖，是产品的一个卖点，可以在网站上实现类似的交互，增强消费者对品牌的认同。
