什么是VI，又稱之為 Visual Identity System，視覺識別系統(tǒng)的簡稱。什么是視覺識別系統(tǒng)呢？通俗地說，就是看到就知道。看到M黃色拱門，就知道是麥當勞；看到對勾，就知道是耐克。

我們了解到兩個事實，第一，一些設計公司同時從事VI設計和網(wǎng)站設計；第二，不少網(wǎng)站設計師在建設網(wǎng)站的時候會將VI作為重要參考。所以，有必要將VI與官網(wǎng)設計放在一起比較和分析。

VI設計的幾個核心要點：

一是圖形。就是企業(yè)的LOGO形狀，一般情況下，形狀能夠反映企業(yè)的文化、業(yè)務、使命等。

二是顏色。就是企業(yè)LOGO的顏色，顏色也能夠反映企業(yè)的文化和業(yè)務、領(lǐng)域。例如，科技公司傾向于使用藍色，藍色有自由、領(lǐng)先的含義，也代表著工程師文化。

三是排版。LOGO有了，怎么排版，放在什么位置，以什么形式展示。

四是應用。VI要用在那些地方，包括手袋、包裝、企業(yè)裝修、前臺、廣告、禮品等等方面。

VI設計的核心如何應用到企業(yè)官網(wǎng)呢？

第一，LOGO 必須要使用到企業(yè)官網(wǎng)。這一點毋庸置疑。但是需要注意的一點是，如果VI是動態(tài)的、視頻的，當應用到官網(wǎng)上的時候，更好使用靜態(tài)和平臺的，以避免拖慢網(wǎng)站的打開速度。

第二，使用VI顏色作為網(wǎng)站的主色調(diào)。因為VI設計的時候，已經(jīng)考慮了色彩的協(xié)調(diào)和統(tǒng)一。所以，在設計網(wǎng)站的時候，可以將LOGO的的顏色作為網(wǎng)站的主色調(diào)。

第三，考慮VI背景色的調(diào)整。VI的使用的時候，需要考慮實體背景。例如，如果將VI應用到產(chǎn)品包裝上，可能需要強烈的對比。但是如果將VI應用到網(wǎng)站，色彩對比太過強烈，可能會讓網(wǎng)站失去美感。

第四，借鑒VI的編排。舉一個例子，如微軟的VI，當改變成為一個“四格顏色窗口”的時候，VI設計邊界分明，規(guī)規(guī)矩矩。相應地，微軟的官網(wǎng)設計排版，也是采取了條塊分割的設計理念。也就是說，VI的排版理念，是可以應用到官網(wǎng)設計上的。

示例

如上是我們的看法，我們在看看示例。我們可以用索尼的VI和官網(wǎng)設計來檢驗一下。

VI設計

顏色。索尼的LOGO是黑色的，官網(wǎng)也使用了LOGO黑色的標準色。

背景。索尼LOGO是黑色的，背景是白色。但是如果照搬這一背景色，降低了索尼“高端、奢華感”。所以，官網(wǎng)設計進行了變通，LOGO變?yōu)榘咨?，背景變?yōu)楹谏?/p>

排版。作為一家生產(chǎn)數(shù)碼相機的品牌，索尼官網(wǎng)的排版傾向于“相冊式”排版，這與產(chǎn)品屬性是相符合的。

綜上，我們認為，VI與網(wǎng)站設計存在密切關(guān)系，官網(wǎng)設計也應該考慮VI。