這樣的例子比比皆是：企業(yè)網(wǎng)站的風(fēng)格、圖片、布局與產(chǎn)品的包裝，乃至品牌格調(diào)，力圖保持一致。如麥當(dāng)勞的網(wǎng)站，配色以金黃色為主，布局采用宮格布局，文案歡快，就如同是一張麥當(dāng)勞的“菜單”。

但是，也有反例。比如娃哈哈的官網(wǎng)，似乎不太考慮不同產(chǎn)品的特點(diǎn)以及公司文化。

如果我們將網(wǎng)站、小程序、APP稱之為線上設(shè)計(jì)，將產(chǎn)品包裝、招商手冊，乃至廠房顏色等稱之為線下設(shè)計(jì)，這里就有一個(gè)問題——線上設(shè)計(jì)是否需要與線下設(shè)計(jì)保持一致？
 

辨析

我們可以看這樣兩個(gè)例子：一個(gè)是農(nóng)夫山泉，一個(gè)是娃哈哈。兩者同屬于快消行業(yè)，并且公司運(yùn)營戰(zhàn)略也有一定的相似性。
但是兩家公司的網(wǎng)站卻風(fēng)格差異很大。

農(nóng)夫山泉的網(wǎng)站顯然是希望保持與產(chǎn)品和企業(yè)輸出價(jià)值觀一致的。企業(yè)網(wǎng)站布局簡潔，使用不少的插畫作為配圖，給訪客純凈之感。這與農(nóng)夫山泉的眾多產(chǎn)品情懷是一致的，特別是農(nóng)夫山泉礦泉水。

同樣是做飲料產(chǎn)品的娃哈哈則不一樣。其公司官網(wǎng)傾向于“新聞發(fā)布會”風(fēng)格，展示了大量新聞，布局、配色、格局，參考企業(yè)線下物料的地方極少。

通過如上分析，我們似乎可以得出這樣的結(jié)論：當(dāng)產(chǎn)品強(qiáng)勢，消費(fèi)者“認(rèn)”產(chǎn)品而不認(rèn)識公司的時(shí)候，網(wǎng)站設(shè)計(jì)需要與產(chǎn)品設(shè)計(jì)等相匹配；相反，當(dāng)公司強(qiáng)勢，公司走在產(chǎn)品認(rèn)知之前的時(shí)候，公司網(wǎng)站設(shè)計(jì)可以不匹配產(chǎn)品設(shè)計(jì)。另外，當(dāng)一個(gè)公司的產(chǎn)品線很多的時(shí)候，并且各個(gè)產(chǎn)品較為平均，網(wǎng)站設(shè)計(jì)則可以不參考產(chǎn)品設(shè)計(jì)。我們可以進(jìn)行驗(yàn)證。

驗(yàn)證

例如娃哈哈集團(tuán)旗下的產(chǎn)品非常之多，并且企業(yè)較為強(qiáng)勢，所以，官網(wǎng)設(shè)計(jì)幾乎不參考產(chǎn)品設(shè)計(jì)。包括百事可樂、可口可樂也屬于此種情況。

但是，如王老吉、匯源果汁等公司，產(chǎn)品線較為單一，所以，企業(yè)官網(wǎng)設(shè)計(jì)無論是字體、布局、配色等都參考了產(chǎn)品設(shè)計(jì)。

這里就出現(xiàn)了另一個(gè)問題：如果網(wǎng)站設(shè)計(jì)需要參考線下物料設(shè)計(jì)，需要參考哪些呢？

參考

字體：網(wǎng)站設(shè)計(jì)需要參考線下字體，包括產(chǎn)品名稱字體、企業(yè)強(qiáng)制使用的字體等等。如王老吉，因?yàn)閺?qiáng)調(diào)傳統(tǒng)文化，所以網(wǎng)站選擇使用隸書這一書法字體。
顏色：網(wǎng)站設(shè)計(jì)可以參考產(chǎn)品的配色，如百事官網(wǎng)以藍(lán)色作為主要顏色；可口可樂則選擇了紅色。
圖片：網(wǎng)站設(shè)計(jì)可以使用與產(chǎn)品包裝一致的圖片?；蛘吲c公司投放的廣告片一樣的圖片。
活動：網(wǎng)站可以上線正在線下進(jìn)行的活動。
情懷：如果產(chǎn)品力圖輸出某些情感和情懷，網(wǎng)站設(shè)計(jì)的時(shí)候，可以借助圖片、配色等體現(xiàn)。
交互：產(chǎn)品與消費(fèi)者之間也有交互，如打開方式、使用方法等等。如果此類交互較為新穎，是產(chǎn)品的一個(gè)賣點(diǎn)，可以在網(wǎng)站上實(shí)現(xiàn)類似的交互，增強(qiáng)消費(fèi)者對品牌的認(rèn)同。