淺析VI設(shè)計與企業(yè)網(wǎng)站設(shè)計
2023-03-12 分類： 網(wǎng)站設(shè)計
什么是VI，又稱之為 Visual Identity System，視覺識別系統(tǒng)的簡稱。
什么是視覺識別系統(tǒng)呢？通俗地說，就是看到就知道。看到M黃色拱門，就知道是麥當(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)色有自由、的含義，也代表著工程師文化。
三是排版。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)品包裝上，可能需要強(qiáng)烈的對比。但是如果將VI應(yīng)用到網(wǎng)站，色彩對比太過強(qiáng)烈，可能會讓網(wǎng)站失去美感。
第四，借鑒VI的編排。舉一個例子，如微軟的VI，當(dāng)改變成為一個“四格顏色窗口”的時候，VI設(shè)計邊界分明，規(guī)規(guī)矩矩。相應(yīng)地，微軟的官網(wǎng)設(shè)計排版，也是采取了條塊分割的設(shè)計理念。也就是說，VI的排版理念，是可以應(yīng)用到官網(wǎng)設(shè)計上的。
示例
圖 2索尼官網(wǎng)截圖
顏色。索尼的LOGO是黑色的，官網(wǎng)也使用了LOGO黑色的標(biāo)準(zhǔn)色。
背景。索尼LOGO是黑色的，背景是白色。但是如果照搬這一背景色，降低了索尼“高端、奢華感”。所以，官網(wǎng)設(shè)計進(jìn)行了變通，LOGO變?yōu)榘咨尘白優(yōu)楹谏?br />
什么是視覺識別系統(tǒng)呢？通俗地說，就是看到就知道。看到M黃色拱門，就知道是麥當(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)色有自由、的含義，也代表著工程師文化。
三是排版。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)品包裝上，可能需要強(qiáng)烈的對比。但是如果將VI應(yīng)用到網(wǎng)站，色彩對比太過強(qiáng)烈，可能會讓網(wǎng)站失去美感。
第四，借鑒VI的編排。舉一個例子，如微軟的VI，當(dāng)改變成為一個“四格顏色窗口”的時候，VI設(shè)計邊界分明，規(guī)規(guī)矩矩。相應(yīng)地，微軟的官網(wǎng)設(shè)計排版，也是采取了條塊分割的設(shè)計理念。也就是說，VI的排版理念，是可以應(yīng)用到官網(wǎng)設(shè)計上的。
示例
圖 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ù)碼相機(jī)的品牌，索尼官網(wǎng)的排版傾向于“相冊式”排版，這與產(chǎn)品屬性是相符合的。
分享標(biāo)題：淺析VI設(shè)計與企業(yè)網(wǎng)站設(shè)計
文章分享：http://www.2m8n56k.cn/news21/243471.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項目有網(wǎng)站設(shè)計等
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：[email protected]。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 成都常見的成都網(wǎng)站設(shè)計工具 2023-03-11
- 成都網(wǎng)站設(shè)計要注意的一些原則 2023-03-11
- 品牌網(wǎng)站設(shè)計要遵守哪些原則 2023-03-11
- 成都商城網(wǎng)站設(shè)計應(yīng)該考慮哪些問題 2023-03-11
- 自定義網(wǎng)站設(shè)計流程 2023-03-11
- 網(wǎng)站設(shè)計的原則是什么 2023-03-11
- 北上廣深建站公司網(wǎng)站設(shè)計應(yīng)該選擇那家？ 2023-03-11
- 網(wǎng)站設(shè)計好不好聽取用戶反饋有用嗎 2023-03-11
- 成都網(wǎng)站設(shè)計要重視創(chuàng)作靈感的選擇 2023-03-11
- 用95后的“怪異消費”指導(dǎo)網(wǎng)站設(shè)計 2023-03-11
- 網(wǎng)站設(shè)計中的“糾偏”功能如何設(shè)計？ 2023-03-11
- 成都網(wǎng)站建設(shè)_網(wǎng)站制作_成都網(wǎng)站設(shè)計_營銷型網(wǎng)站建設(shè) 2023-03-11
- 網(wǎng)站設(shè)計過程中需要注意的幾點事項 2023-03-11
- 網(wǎng)站設(shè)計哪些要素能加深客戶印象 2023-03-11
- 創(chuàng)新互聯(lián)網(wǎng)站開發(fā)：如何在網(wǎng)站設(shè)計中考慮“爬蟲”？ 2023-03-10
- 網(wǎng)站設(shè)計制作對字體排版有要求嗎？ 2023-03-10
- 網(wǎng)站設(shè)計會被這幾個因素影響，你知道么？ 2023-03-10
- 網(wǎng)站設(shè)計需要注意哪些問題 2023-03-10
- 【成都網(wǎng)頁設(shè)計公司】色彩扁平化網(wǎng)站設(shè)計的優(yōu)勢 2023-03-10