VI設計與網站推廣1網頁設計VI應用2網站推廣1網頁設計VI應用1.1企業識別概念

CI是英文CorporateIdentity的縮寫(有些文獻中也稱CIS，CorporateIdentitySystem)，直譯為企業形象識別系統，意譯為企業形象設計。CI是指企業有意識、有方案地將自己企業的各種特征向社會公眾主動地展示與傳播，使公眾在市場環境中對企業有一個標準化、差異化的印象和認識，以便更好地識別并留下良好的印象。CI一般分為三個方面，即企業的理念識別——MindIdentity(MI)、行為識別——BehaviorIdentity(BI)和視覺識別——VisualIdentity(VI)。1.2網站整體形象規劃與設計開發就網站而言，一個網站上看到的所有圖片、文字、動畫以及它們的編排方式等一切能夠看到的元素都是VI設計的一局部，簡單地說，VI其實就是一個網站的外觀。網站的VI設計重要嗎？要答復這個問題，就得先答復網站的外觀重要嗎？一個網站的內容固然重要，但是如果沒有一個好看而吸引人的外表，哪怕有再好的內容，有再好的結構，相信整個網站的瀏覽效果也會大打折扣。

怎樣才是一個好的VI設計呢？一個好的視覺設計，首先要有一個好的視覺效果。一個網站怎樣才算有一個好的視覺效果？一個最簡單的判別方法是看它三眼：第一眼，看是否搶眼；第二眼，看是否順眼；第三眼，看是否養眼。其實，這三眼就是網站給你的第一感覺。第一感覺很重要，瀏覽者能否接受這個網站在很大程度上就看有否這種一見鐘情的感覺。如果三眼的答案都是Yes，那么這個網站就算是有一個很好的視覺效果了，相信瀏覽者也會有興趣看完整個網站的。

為企業建立的商業網站，更要注重網站的VI設計。如果企業本身已經有了一個統一的CI設計(CorporateIndentity，企業形象識別)，那么網站的VI設計就應該遵循其CI設計。當然，前提是必須有一套適用的CI設計。1.Logo的設計在頁面設計中，Logo常常作為公司或站點的標識出現，起著非常重要的作用。一個制作精良的Logo，不僅可以很好地樹立公司形象，還可以傳達豐富的產品信息。Logo傳統設計重在傳達一定的形象與信息，真正吸引我們目光的不是Logo標志，而是其背后的圖像信息。網站Logo的設計跟傳統設計有著很多的相通性，但由于網絡本身的限制以及瀏覽習慣的不同，它還帶有許多與之相異的特點。另外設計Logo時，應該面向應用的各種條件作出相應標準，這對指導網站的整體建設有著極現實的意義。具體須標準的有Logo的標準色、可能應用的恰當的背景配色體系、反白等，以及在清晰表現Logo的前提下制定Logo最小的顯示尺寸，為Logo制定一些特定條件下的配色、輔助色帶等，以方便在制作Banner等場合的應用。另外文字與圖案邊緣應清晰，字與圖案不宜相交疊。其次還可考慮Logo豎排效果，考慮作為背景時的排列方式等。2.?Banner設計圖1所示的是利用Logo設計的一整套Banner，它們有統一的視覺效果，并且對網站也有較好的宣傳作用。32×3288×31120×60125×30圖1home2v另外，還要精心準備網站的宣傳標語(Banner廣告語)。這種廣告語要表達網站的精神和網站的目標，最好用一句話甚至一個詞來高度概括。例如：鵲巢咖啡的“味道好極了〞；麥斯威爾的“好東西和好朋友一起分享〞；Intel的“給你一個奔騰的心〞等。3.標準色確定網站的標準色彩是相當重要的一步。不同的色彩搭配產生不同的效果，并可能影響到訪問者的情緒。“標準色彩〞是指能表達網站形象和延伸內涵的色彩。舉個實際的例子就明白了：IBM的深藍色，肯德基的紅色條型，Windows視窗標志上的紅藍黃綠色塊，都使我們覺得很貼切、很和諧。如果將IBM改用綠色或金黃色，我們會有什么感覺？一般來說，一個網站的標準色彩不超過三種，太多那么讓人眼花繚亂。標準色彩要用于網站的標志、標題、主菜單和主色塊，給人以整體統一的感覺。其他色彩也可以使用，但只是作為點綴和襯托，絕不能喧賓奪主(見圖2)。圖2computer.love標準色圖2computer.love標準色4.網頁的整體設計(1)字體的統一設計。與標準色彩一樣，標準字體是指用于標志、標題、主菜單的特有字體。一般網頁默認的字體是宋體。為了表達站點的“與眾不同〞和特有風格，可以根據需要選擇一些特別字體。(2)圖片修飾物的統一。例如adobe的縮略圖都是圓形的風格，看到它們很容易就讓人聯想到adobe(見圖3)。圖3adobe(3)框架的統一。頁面布局的統一也會具有識別作用和視覺沖擊。如圖4所示，兩個頁面的插圖、色彩均不相同，但是從頁面布局的風格上依舊可以看出是同一網站的兩個分頁。圖4station755.卡通形象設計新浪的大眼睛小人是網絡桔祥物應用較好的一例，如圖5所示。在網絡中，卡通形象設計有較好的效果，把他們制作成Flash動畫并加上故事情節，一定會有較好的宣傳作用。卡通形象可以來自標志的變形，也可以專門設計，總之應盡量使其簡潔大方，具有明顯的性格特征。圖6中的牙齒先生的形象獨特，讓人過目不忘，具有良好的傳播功能。注意，這個站點的Banner設計也是使用了牙齒先生的統一視覺形象。圖5新浪大眼睛形象圖5新浪大眼睛形象圖6牙齒先生2網站推廣2.1常規方法基于本書主要針對的是網頁前臺制作、網頁設計師、個人主頁斑竹、互聯網愛好者等人群，這局部人沒有過高的經濟條件去做消費性宣傳，所以本節把重點放在免費的推廣渠道上。2.1常規方法基于本書主要針對的是網頁前臺制作、網頁設計師、個人主頁斑竹、互聯網愛好者等人群，這局部人沒有過高的經濟條件去做消費性宣傳，所以本節把重點放在免費的推廣渠道上。1.參加各種廣告交換組織你可以到諸如://或者://這樣的網站去登記，成為它們的會員，把它的廣告加到你的主頁上，而你的主頁圖標也會出現在其他會員的主頁上。2.與相關網站做友情鏈接目前絕大多數網站都有宣傳的積極性，因此大多數站點都愿意與別人的主頁做友情鏈接，也就是設有“互換鏈接〞欄目。3.利用電子郵件群發送消息如果你參加了一個電子郵件群，就可以在你的站點上開辟一個小的欄目來專門介紹該電子郵件群所討論的內容，然后向該電子郵件群地址發一封信，告訴他們在你的網站中有專門欄目介紹這樣的內容，請他們給予更多指導，郵件群的成員收到這封信后，一般都會樂意到該網站去訪問的，利用這種手段也可以到達推廣站點的目的。6.到各大報刊發表文章作為一名電腦愛好者，學習和使用電腦的時間肯定不會太短，而且在理論和實踐中也肯定積累了不少經驗和心得，這時你最好不要把這些經驗獨享，應該用語言把它表達出來，與其他同行或網友進行真摯交流。7.利用電子郵件發出通知如果你手中有許多朋友或者用戶的電子郵件地址，你可以考慮利用電子郵件通知他們來訪問。利用這種方法來宣傳主頁的關鍵之處在于要留心收集用戶電子郵件的地址，擁有的電子郵件數量越多，就意味著你的主頁蘊藏著越大的訪問量。即使是這樣，你的郵件內容也要包含一些有用的東西，盡量不要發那種垃圾郵件。8.在聊天室里發出邀請很多人上網的一個主要目的就是交流，想交到更多的朋友。交友當然首先就去聊天室了。在聊天室里你可以適時地向這些網友發出邀請，請他們訪問你的主頁，并謙虛地請他們能夠給你的網站建設提出一些珍貴建議，同時你在與他們聊天之際，可以把你的站點所具有特色的內容大肆宣傳一番，以引起網友們足夠的興趣和注意。9.在新聞組上發布你的主頁參加過網絡新聞組的網友們可能經常在相關的新聞組討論區中見到諸如“某網站今天正式開張啦！〞、“某主頁最近進行了更新，增添了許多特色的內容〞、“歡送各位網友常到某網站做客！〞等信息，這其實就是這些網站的斑竹們在通過新聞組來宣傳自己的主頁。10.使用專門注冊工具提交到搜索引擎中目前搜索引擎已經有好幾千個了，如果一個一個地申請將自己的網頁的參加進去，而每次又都在做類似的事情，相信你一定會失去耐心的，因為這樣可能需要花費幾個月的時間；這時你可以使用專門的主頁注冊軟件，它只需幾分鐘的時間就能自動在搜索引擎的相關目錄下和主題下注冊。2.2CI推廣1.企業桔祥物推廣網絡上一局部以Flash動畫而著名的動畫角色，給企業帶來了無限大的財富，例如showgood的Q版三國、韓國魔導兔、臺灣春水堂的阿貴等卡通人物。很多企業為自己的網站單獨成立了Flash小組，推出一系列的動畫進行企業推廣，這種方式很容易被群眾接受。只要動畫做得好，動畫角色會給企業帶來很大的受益。另一方面，企業桔祥物不僅僅可以作為Flash動畫的主角，還可以作為網站的代言人，Sina的大眼睛小人和Sohu的狐貍都是著名的網絡代言人，一看到它們，立刻就能想到sina和sohu。2.含有VI的印刷品宣傳一個較大的企業肯定是需要印制大量的印刷品的，因此VI是企業必需品之一。從VI設計可以看出企業的檔次和企業文化。相對于個人主頁或BBS大型論壇而言，在舉辦網友活動中，可以印制含有VI的T恤衫等活動用品，這不僅僅是進行推廣，還可以加深網友彼此間的感情。3.特色壁紙、面板宣傳網友上網除了聊天、查資料等行為活動外，還有一個更主要的行為活動便是下載軟件、圖片、壁紙和面板。利用VI設計一些精美壁紙、面板提供給網友下載，在壁紙上印上網站名稱和地址也是一個很好的宣傳渠道。4.籌劃大型活動進行宣傳有條件的情況下，可以舉辦一些有益的大型活動進行推廣，比方游戲類的網站可以舉辦游戲比賽，文學類網站可以征文等。論壇網站可以舉辦的活動就更多了。大型活動可以吸引人氣，VI可以方便大家識別。2.3草擬網站的戰略性開展方案如果你是一