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

圖 1索尼的LOGO

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