網站作為互聯網產品如何平衡藝術與商業,網站設計需要掌握哪些思維?( 二 )


識別性:icon的作用即是幫助訪客理解網站信息,特別是在沒有文字說明的情況下,icon的設計需要具備讓訪客快速認出的高識別度,不能讓訪客產生疑惑 。規范性:每個icon要保持視覺大小、色彩等一致性,以及圖標飽滿度等細節都需遵循同一規律,例如:繪制風格是否一致,使用的圓角或直角是否統一等等 。整體性:除了icon自身的設計之外,整體的設計風格要與網站基調達成一致,不同網站有不同定位,面向的目標訪客群體自然有所差別,那么整個網站的icon設計也不一樣 。品牌感:提升品牌辨識度離不開品牌感,icon設計要與品牌調性、理念相符合,傳達給訪客一致的感受 。比如:提取品牌色、采取品牌圖形作為圖標設計視覺元素,從而加深訪客對品牌色的感知 。icon設計中的品牌感是將品牌VI應用到網站的關鍵,比如上方的那套icon,是由增長超人根據英威騰本身的品牌色彩和品牌調性進行設計,應用于官網是這樣的:
另外,icon是網站中不可或缺的元素,充當路標,讓訪客能知道點擊后下一步是什么,也就有明確的心理預期 。如果icon按鈕不夠明確,訪客可能會不知道下一步是要購買產品或者注冊用戶的步驟,并且可能直接瀏覽網站后就直接離開 。
2. 版式設計版式的如何融入品牌調性是很多設計師會忽略的一點,訪客來瀏覽網站時,首先感受到的第一點是色彩,第二則是版式,也就是整體給訪客的感覺 。
符合品牌定位且具有辨識度的網頁版式設計應該怎么做,它更需要從品牌特性中提取,無法像icon一樣從品牌logo和標準色中提取元素就可以做到的,更多是一個風格化的設計 。
【網站作為互聯網產品如何平衡藝術與商業,網站設計需要掌握哪些思維?】
舉個例子,這是一家高端的共享辦公室服務企業,從他們的品牌VI中可以感受到高端、輕奢、個性等關鍵詞,在其官網中,我們可以看到其與眾不同的板式設計,一眼就能感受出其品牌調性 。
3. 動效設計除了靜態的圖形設計,品牌VI也可以融入網站動效,利用品牌LOGO的設計元素和結構,進行設計的動效,可以讓整個網站更有品牌風格 。一個好的動效是能夠滿足網站功能的表達,強化品牌特質,而不是只追求表面炫酷花哨的效果 。
在網站視覺設計中,品牌VI的應用不僅能夠形成區別于同行的差異化,為品牌賦能,還能通過規范化的VI應用,提高訪客對其品牌的信任度 。
品牌的基礎VI設計應用于網站是我們的常規操作,但要注意細節,別忽視了其作為網站基礎的重要性,對于網站視覺設計,我們在保證基礎設計無誤的情況下,需要深入到思維上,一個網站的設計看似簡單,像是色調、排版,都是設計師的基礎功夫,但是要真正做到一個優質的網站,其實并沒有想象中那么容易 。
二、平衡藝術與商業的網站設計思維開頭我們有提到:視覺設計如何平衡藝術與商業?大多數設計師在初入職場時,都不具備商業思維,首先會經歷一段自我懷疑的過程:完成一個稿件后,反反復復被要求改稿,始終無法達到上級的要求,個人價值開始逐漸模糊,淪為一介改稿工具人 。
在我們看來,企業網站的視覺設計必須具備商業思維,也就是視覺設計需要體現其想表達商業價值,因此,在建設企業網站時,我們需要記住一下幾點 。
1. 不為設計而設計不為設計而設計不是將藝術“一棒敲死”,也并非拋棄創新創意,而是應該更注重于強化產品,給滿足需求的產品力加持 。市面上有很多花里胡哨的網站,第一眼可能能夠驚艷到你,但是再深入只是空洞,事實上,能夠讓訪客長時間記住你的并非第一眼,而是其內在,也是我們一直堅持的長期主義價值 。
過于強調設計、藝術、創意,不僅會給網站帶來開發難度,更是給訪客瀏覽帶來沉重的負擔 。
商業環境下,視覺設計的本質應該是強化產品,升華價值,實際上,設計同樣需要具備產品思維,增長超人建站更是將產品思維全流程化,這種模式下,每一環都串聯起來,不管是用戶體驗,還是價值傳遞都非常有利 。
產品思維全流程化
設計需要理解功能目的,為什么策劃這個功能?如何通過設計讓訪客使用更順暢?如何讓訪客愛上這個功能?這都是設計需要不斷探討和思考的問題 。這時設計與產品之間通過產品思維進行聯動,能夠確保核心目標一致、步調一致,真正創造出一個有價值網站 。
2. 重視UX用戶體驗我們一直在講視覺設計,視覺設計不僅是靜態形式,還可以是動態形式,也就是網站上的交互動效,交互不可避免涉及到的領域就是「用戶體驗」 。08年蘋果推出AppStore,App興起至今,用戶體驗就廣為人知,在App的設計領域更是奉為“宗旨”,當然,在網站設計上同樣如此,“以用戶為本”本就是產品的關鍵價值,這是我們不可忽視的方面 。

推薦閱讀