1. 首頁 > 生活百科 > >

網站作為互聯網產品如何平衡藝術與商業，網站設計需要掌握哪些思維？

網站生活百科

作為互聯網產品，網站扮演著舉足輕重的角色 。它既需要滿足用戶視覺上的藝術體驗，又不可忽略通過其所傳遞給用戶的正確商業價值 。因此，網站視覺設計該如何平衡藝術與商業價值？又需要掌握哪些商業網站的設計思維？作者在本文中詳細論述了這兩大問題，推薦設計小伙伴們閱讀學習～
相信網站視覺設計的重要性大家應該都清楚，對于訪客來說，網站的框架、交互邏輯等這些都是其次的，訪客首先感受到的是網站的視覺設計，同時通過視覺也能夠直觀地表達出我們所要傳遞的價值 。因此，我們在建設網站時，一方面需要確保網站的視覺效果足夠優秀，另一方面需要保證視覺能夠傳遞正確的商業價值 。
網站視覺設計需要平衡藝術與商業 。
藝術與商業的本質其實是感性與理性，兩者之間沒有絕對的好與壞，相輔相成才是發揮價值的關鍵 。
企業以盈利為目的，其網站不可避免也附帶了商業屬性，甚至是網站本身就是為了商業而創造出來的，其商業價值占比也更重 。但人類作為視覺動物，視覺感受對于訪客來說尤為重要，視覺上的演繹比起網站其他內容，更會影響網站的可信度，因此，網站的視覺起碼需要保證符合受眾群體的基礎審美 。
我們這些年接觸了大大小小幾千家企業及企業官網，深入探究之后我們找到了一些規律，網站的視覺設計其實關鍵在于：
一、品牌基礎VI設計的應用我們常見的企業網站存在著一個嚴重的問題，缺乏品牌辨識度，假如你把左上角的品牌LOGO遮住，你可能完全看不出這是那家公司的官網，又或者把左上角的品牌LOGO替換一下，就成了別家公司的企業官網，這是網站嚴重缺乏品牌視覺識別所導致，這種網站無法讓訪客記住其品牌，更無法在訪客心里占領一席之地 。
品牌基礎VI設計的應用是最基礎也是最容易忽視的細節，它不僅是存在于初期建站，更是在網站迭代中，持續保持企業網站差異化的關鍵 。
如何設計一個高辨識度的網站？

VI（視覺識別系統）是品牌的視覺符號化，是品牌識別中最具傳播力和感染力的部分，它可以將品牌識別系統的非可視化內容，轉化為靜態的視覺識別符號，它包含了品牌LOGO、標準色、象征圖形、標準字體等等 。另外還會包含品牌核心價值和個性，不同的品牌VI是各個品牌之間形成差異化的根本原因之一 。
因此，我們可以通過與品牌VI相結合的方式進行設計，品牌VI可以有非常豐富多樣的應用形式，在廣泛的層面上進行直接的傳播，能夠在不同場景中的進行應用，讓人們快速辨認出該品牌 。
品牌LOGO則是最具辨識度的視覺符號，通過提取LOGO中的基因，延用到我們網站中，更有助于提升品牌辨識度 。我們可以從兩個維度來提?。?br /> 1. LOGO的“形”首先，我們可以通過提取logo的形狀作為網站視覺設計中的「視覺符號」，也可以參考VI手冊中的「象征圖形」進行延展，提取logo外形結構做成相應的icon或是動效等，是logo元素的直觀體現 。
舉個例子，天虹的logo是一抹橙色極簡的彩虹形狀，天虹企業簡介的Banner以及每個頁面的底部導航，都有將Logo這一特征延展出來的圖形設計 。
天虹【企業介紹】頁面頭尾展示（增長超人出品）
這種方法需要我們很好地提取logo中的部分結構，或根據造型轉變為動效、icon等，這樣在網頁中的融入感是十分可觀 。
2. LOGO的“色”提取logo中的標準色或代表性的顏色與網頁元素相呼應，也是一種常見的方式 。將Logo顏色通過網站中的文字、頁面板式、icon設計表現出來，這是很好的一種呼應方法 。

比如：綠色是綠革的標志性顏色 。打開綠革官網，可以清晰直觀地看到綠革將logo中的兩種綠色元素，融入到網站界面UI中，需要突出的文案也會運用這兩種綠色去做表達和強調 。
綠革LOGO
綠革官網首頁展示
在網站設計中，我們可以將標準色換到標題文字、icon、控件 。訪客打開網站時會很容易被這些顏色吸引，也不會感到突兀，合理運用logo顏色，可以統一網站的整體視覺，且做到突出重點與更有效地傳達信息 。
品牌VI在網站設計中的應該如何應用？
品牌VI可以在三個維度應用到網站設計，來提升網站的辨識度：
1. ICON圖標設計品牌VI的應用常見的方式就是在icon圖標的設計上，icon作為網站的重點圖形，能夠讓訪客感知品牌，精致的icon可以讓表達更簡單高效，要打造一套精致的icon，我們可以從識別性、規范性、整體性和品牌感四個方面著手 。

推薦閱讀