對大部分訪客而言，進入品牌網站時首先映入眼前的不是網站框架、交互邏輯等，而是網站的視覺設計。然而，企業大多都是以盈利為最終行銷目的，其網站設計不可避免也附帶某些商業屬性，甚至很多品牌網站本身就是為了商業而製作。
因此，在製作品牌網站時，一方面需要保證網站設計的辨識度足夠高，另一方面則確保網站視覺設計能夠有效傳遞正確的商業價值。文本將從品牌基礎VI設計的應用以及平衡藝術與商業的網站設計思維，簡單說說如何品牌網站設計的辨識度，以有效地傳遞正確的商業價值?
▎品牌基礎VI設計的應用
品牌基礎VI設計的應用是品牌網站製作中最基礎也是最容易被忽視的細節，它不僅是存在於初期建站中，更是網站在迭代時持續保持企業網站差異化的關鍵。
什麼是VI設計?VI(Visual Identity)是品牌識別中最具傳播力和感染力的部分，可以將品牌識別系統的非可視化內容，轉化為靜態的視覺識別符號，包括品牌Logo、標準色、icon、標準字體，以及品牌價值和品牌個性等。
很多品牌網站經常存在着一個很嚴重的問題，即缺乏品牌辨識度，比如把網站的品牌Logo遮住，便完全看不出這是某品牌的網站，又或者替換成其他品牌的Logo，就成了別人家的品牌網站。因此我們需要通過與品牌VI相結合的方式進行網站設計，以便讓訪客記住其品牌，甚至在他們心中佔有一席之地。
品牌基礎VI設計如何應用網站中?
1)品牌Logo
品牌Logo是最具品牌辨識度的視覺符號，通過提取Logo中的基因並沿用到網站設計中，更有助於提升品牌辨識度。
通常我們將品牌Logo的外形結構做成相應的icon或動效，以及提取品牌Logo的標準色或代表色應用標題文字、icon、控件等，不僅可以統一網站整體視覺的效果，還可以起到突出重點、有效傳遞信息的作用。
2)icon設計
作為網站中的重點元素，精緻的icon可以充當「路標」，讓訪客知道點擊後下一步是什麼，以有明確的心理預期。如果icon設計不夠明確，訪客可能會不知道下一步操作是什麼，而在瀏覽完網站後直接離開。
通常，設計明確的icon，需要從識別性、規範性、整體性和品牌感入手：
識別性：在沒有文字說明情況下，icon設計需要讓訪客明確知道其含義，不能讓訪客產生疑惑。
規範性：每個icon設計需保持視覺大小、色彩、圖標角度等細節的一致性。
整體性：除了icon的細節設計之外，整體設計風格應與網站基調保持一致。
品牌感：品牌網站辨識度離不開品牌感，icon設計要符合品牌調性和理念，以便加深訪客對品牌的感知。
3)標準字體
標準字體在品牌VI設計中具有舉足輕重的地位。由於標準字體經常與品牌Logo聯繫在引起，因而具有明確的說明性，可以直觀地將品牌所要表達的內容傳達給訪客，並具有強化企業形象與品牌的訴求力。
換句話說，標準字體應該將表述主題的內容所包含的內涵正確無誤地傳達給訪客，不能互相脫離，更不能互相衝突，破壞文字的訴求效果，否則將失去它應有的功能。
在網站視覺設計中，品牌VI系統的應用不僅能夠形成區別於同行的差異化，還可以提高訪客對品牌的信任度。
▎平衡藝術與商業的網站設計思維
正如開頭提到的，網站視覺設計不僅需要一套完整的品牌基礎VI設計系統，還須具備商業思維，即視覺設計需要體現其想表達商業價值。因此，在製作品牌網站時，需要記住以下幾點：
① 不為設計而設計
不為設計而設計並不是拋棄創新創意，而是應該更注重於強化產品。製作品牌網站過程中，過於強調設計、藝術、創意，不僅會給網站帶來開發難度，更會給訪客帶來沉重的負擔。
市面上有很多花里胡哨的網站，雖然第一眼可能會驚艷到訪客，但是過段時間後他們可能會忘記你的網站，甚至你的品牌。因此，將品牌的商業思維融入到網站視覺設計中，不管是用戶體驗，還是價值傳遞都非常有利，從而創造出一個真正有價值的網站。
② 重視UX設計
視覺設計不僅是靜態形式，還可以是動態形式，也就是網站上的交互動效。而提到「交互」就不可避免設計到「用戶體驗」這一領域。隨着用戶愈來愈重視流暢愉悅的操作體驗，「以用戶為本」便逐漸成為互聯網產品的關鍵價值。
換句話說，網站視覺設計的重點應該放在用戶(訪客)身上。香港網頁建議品牌可先通過市場調研分析訪客的畫像，掌握他們的審美和交互邏輯認知，同時盡可能簡化網站多餘的交互，讓網站更貼合訪客的喜好。
③ 保證網站的商業價值
在網站視覺設計中，我們需要先探討「網站哪些內容最重要」、「傳遞這些內容的目的是什麼」……理解這些基礎的商業邏輯後，接下來就要強化它們，加強網站的商業價值。在實際操作中，我們可以參考以下兩個基礎理論：
● 視覺動線
視覺動線，是指人們在閱讀時，視覺移動所形成的方向路徑。一般來說，人們很少會逐字逐句去閱讀網頁上的內容，而是掃描整個頁面並挑選單個單詞和句子來理解內容。這是如此，人們在閱讀時才會習慣使用Z型和F型的視覺動線規律。
基於這兩種常見的視覺動線規律，我們可以更合理地規劃網站的版式設計，以便引導訪客閱讀預設的信息，方便他們快速閱讀、快速獲取信息，從而高效傳遞高價值信息，提高行銷效率。
● 視覺層次
視覺層次，簡單來說就是人們在閱讀時能從視覺中感受到信息的層次。合理的視覺層次能夠非常高效地引導訪客閱讀更多內容，通過大小、色彩、重量形成信息之間的層級對比，以便建立信息優先級設計更直觀地傳達我們想要訪客看到的內容，即：
訪客看一眼就能理解整個頁面的主要內容
↓
訪客通過仔細閱讀瀏覽能獲取關鍵內容
↓
訪客想深入了解並查看更多內容
此外，我們還可以設置CTA按鈕為網站策劃一些轉換路徑，這就需要確保CTA足夠突出且清晰，而常規的網頁設計技巧包括：顏色、對比、位置、層級引導、文案指引等。
【最後】
網站作為常見的互聯網產品，其視覺設計的本質不僅僅是單純的美，更重要實現高效傳遞高價值的商業信息。當我們從這個角度去理解網站視覺設計時，便可打破慣性思維對我們的限制，製造出一個具有高顏值和高價值的網站!
香港網頁提供一站式數碼營商方案服務，包括、網頁設計、網絡推廣、網頁管理與寄存、系統開發及其它增值服務，全方位滿足客戶的業務需要，歡迎隨時聯絡我們，香港網頁是您開拓網路商機的最佳伙伴。
聯絡電話: 37499734 電郵地址: [email protected] 網址: www.hkweb.com.hk
