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

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

VI設計的幾個核心要點：

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

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

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

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

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

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

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

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

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

示例

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

VI設計

顏色。索尼的LOGO是黑色的，官網也使用了LOGO黑色的標準色。

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

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

綜上，我們認為，VI與網站設計存在密切關系，官網設計也應該考慮VI。