什么是VI，又稱之為 Visual Identity System，視覺識別系統(tǒng)的簡稱。
什么是視覺識別系統(tǒng)呢？通俗地說，就是看到就知道?？吹組黃色拱門，就知道是麥當(dāng)勞；看到對勾，就知道是耐克。
我們了解到兩個事實，第一，一些設(shè)計公司同時從事VI設(shè)計和網(wǎng)站設(shè)計；第二，不少網(wǎng)站設(shè)計師在建設(shè)網(wǎng)站的時候會將VI作為重要參考。所以，有必要將VI與官網(wǎng)設(shè)計放在一起比較和分析。
VI設(shè)計的要點
筆者認(rèn)為，VI設(shè)計有這樣幾個核心要點。
一是圖形。就是企業(yè)的LOGO形狀，一般情況下，形狀能夠反映企業(yè)的文化、業(yè)務(wù)、使命等。
二是顏色。就是企業(yè)LOGO的顏色，顏色也能夠反映企業(yè)的文化和業(yè)務(wù)、領(lǐng)域。例如，科技公司傾向于使用藍(lán)色，藍(lán)色有自由、領(lǐng)先的含義，也代表著工程師文化。
三是排版。LOGO有了，怎么排版，放在什么位置，以什么形式展示。
四是應(yīng)用。VI要用在那些地方，包括手袋、包裝、企業(yè)裝修、前臺、廣告、禮品等等方面。
VI設(shè)計如何應(yīng)用到企業(yè)官網(wǎng)？
VI設(shè)計的核心，如何應(yīng)用到企業(yè)官網(wǎng)呢？
第一，LOGO 必須要使用到企業(yè)官網(wǎng)。這一點毋庸置疑。但是需要注意的一點是，如果VI是動態(tài)的、視頻的，當(dāng)應(yīng)用到官網(wǎng)上的時候，最好使用靜態(tài)和平臺的，以避免拖慢網(wǎng)站的打開速度。
第二，使用VI顏色作為網(wǎng)站的主色調(diào)。因為VI設(shè)計的時候，已經(jīng)考慮了色彩的協(xié)調(diào)和統(tǒng)一。所以，在設(shè)計網(wǎng)站的時候，可以將LOGO的的顏色作為網(wǎng)站的主色調(diào)。
第三，考慮VI背景色的調(diào)整。VI的使用的時候，需要考慮實體背景。例如，如果將VI應(yīng)用到產(chǎn)品包裝上，可能需要強烈的對比。但是如果將VI應(yīng)用到網(wǎng)站，色彩對比太過強烈，可能會讓網(wǎng)站失去美感。
第四，借鑒VI的編排。舉一個例子，如微軟的VI，當(dāng)改變成為一個“四格顏色窗口”的時候，VI設(shè)計邊界分明，規(guī)規(guī)矩矩。相應(yīng)地，微軟的官網(wǎng)設(shè)計排版，也是采取了條塊分割的設(shè)計理念。也就是說，VI的排版理念，是可以應(yīng)用到官網(wǎng)設(shè)計上的。
示例
如上是我們的看法，我們在看看示例。我們可以用索尼的VI和官網(wǎng)設(shè)計來檢驗一下。

圖 1索尼的LOGO

圖 2索尼官網(wǎng)截圖
顏色。索尼的LOGO是黑色的，官網(wǎng)也使用了LOGO黑色的標(biāo)準(zhǔn)色。
背景。索尼LOGO是黑色的，背景是白色。但是如果照搬這一背景色，降低了索尼“高端、奢華感”。所以，官網(wǎng)設(shè)計進(jìn)行了變通，LOGO變?yōu)榘咨?，背景變?yōu)楹谏?br /> 排版。作為一家生產(chǎn)數(shù)碼相機的品牌，索尼官網(wǎng)的排版傾向于“相冊式”排版，這與產(chǎn)品屬性是相符合的。
綜上，我們認(rèn)為，VI與網(wǎng)站設(shè)計存在密切關(guān)系，官網(wǎng)設(shè)計也應(yīng)該考慮VI。