對獨立站賣家而言,網站設計是品牌的“門面”。那么,好的網頁設計,需要具備哪些元素?【快速開啟獨立站,入門級禮包限量領取】
1. 布局合理高效,各板塊“各司其職”
相對雜亂無章的網頁排布和繁雜的按鈕,適當留白、布局合理、有清晰文案指引的網站可以幫助消費者聚焦注意力,提升消費者體驗感。而響應式網頁設計是其中的關鍵:優秀的響應式網站,可以適配不同消費者使用的不同展現端口,從而為消費者提供更好的體驗。對賣家而言,就需要定期、徹底的展開對應市場調研,并結合調研結果,為品牌網站后續優化提供思路,以適應消費者不斷變化的需求——技術在不斷迭代,品牌的網站設計更新也要能跟上市場需求。
2. 清楚傳達品牌定位&形象
對獨立站品牌而言,網站是對外展現品牌形象不可或缺的渠道之一。基于此,賣家品牌網站頁面需要包含Logo、標語、品牌形象,并融合品牌價值觀信息在內,能讓消費者一眼看清品牌定位。
3. 值得參考的網頁設計元素
·巧用色彩搭配
網站配色方案將直接影響消費者在網站的停留時長。中性色調和粉色調能給人平靜放松的感覺;而相對純黑/純白,自然的綠色、靜謐的藍色、溫暖的棕色、淺粉色、冷灰色等顏色更為柔和,帶來的視覺沖擊力更低。另外,在整體顏色較為柔和的網站主色調中,賣家也可以在需要的板塊使用對比強烈的深色,以吸引消費者注意:
這類風格的網頁設計就比較適合生態友好型(如,走可持續性路線的時尚品牌)或是“愛自己(Self-Care)”型(如,個護產品)的品牌,如下圖,一家售賣床上用品的品牌,就采用了大面積的輕柔配色,給人舒適、安定的感覺:
而對于科技產品或是媒介產品網站而言,大膽活潑的配色方案能給予消費者“前沿、自信”的觀感。畢竟通過色彩來展現品牌創造力的簡單有效方式之一,就是將不同的色調進行融合,再采用色調漸變:
漸變是一種觀感美好、操作簡單的美學展現方式,網頁設計中的漸變圖層,形成了一種吸人眼球的美感,設計人員還可以采用3D色彩進行擴展,并使用精細的陰影來讓網頁色彩具有“圓潤”的立體感。
漸變色是一種較為通用的視覺效果,適用于想緩和消費者視覺體驗的賣家;賣家甚至可以如下圖一樣,使用漸變色來對比暗色模式的霓虹燈,去打造令人回味十足的氛圍感網頁界面。漸變色設計本身就是對早期互聯網和數字設計時代的一種回溯,賣家當下將懷舊風或某些復古風格與當代網頁設計融合確實別有一番趣味:
·UI設計吸睛
網頁UI設計的玩法可謂是五花八門。現階段,品牌要是想設計出貼合品牌調性,又吸引用戶眼球的UI設計,就可以使用數字化手段,打造AR體驗;也可以采用視頻模塊,甚至是使用手繪插圖或動畫、抽象藝術或雕塑靜物,為品牌網站打造不同UI設計,重塑視覺效果:
上述UI設計方式均是賣家可參考借鑒的方向。以新擬物化(new skeumorphism)為例,新擬物化,指的是在“扁平的基礎上呈現真實物體質感的設計風格”。雖然其最終呈現效果并不十分逼真,但相對而言更有觸感和吸引力。在此種UI設計之下,選擇性的下拉陰影可以實現新形態美學。陰影與半色調相疊加的設計也很適合按鈕、搜索欄和文本框等元素運用,圖標及產品功能同樣可以采用此種UI設計風格:
·動態化設計或成市場主流
在線下推廣活動中,隨風搖擺的氣球人往往比傳單更能吸引路人的注意力——這在網頁設計中同樣適用:“動感”的頁面呈現,比靜態模式更能吸引消費者注意力。近年來,技術的轉型升級,讓網頁設計逐漸從“極簡主義”的設計風格,轉向了“實用美學”的境地。在這種微妙變化之下,越來越多品牌開始通過互動交互的方式進行網頁設計。以擺脫“靜態”感。
·利用抽象設計,打造網站氛圍感
使用幾何圖案或是抽象形狀進行創意設計是另一個常用的網站設計創意點。更為抽象的圖形,可以成功讓消費者的目光聚焦到關鍵產品或是CTA轉化口上:
哪怕是正方形和圓形這樣簡單基礎的圖形,也可以在經由設計之后形成復雜的、蔓延的構圖,從而達到給網頁帶來有趣的、創新得氛圍感,為消費者展示網頁設計的表現力和藝術性。99designs公司的創意總監Tristan Le Breton曾表示,2021年,抽象藝術元素或將大面積地被運用到初創企業、科技產品和應用程序的網頁設計中。
·復古元素
對一些走復古風的賣家(如,服裝、首飾)而言,采用復古風的網頁設計能給受眾帶來溫暖、懷念以及熟悉的感覺。相對于前文所提的種種數字化、前衛的網頁設計風格,老式的字體、褪色的“紋理感”能給喜歡復古風的消費者舒適感。
以上圖的Textilschmiede網站為例:該網站通過使用褪色的米白色紙張背景、老式的的印刷機插圖、打字機式的字體和褪色的紡織過程的照片,打造了經典、復古的網站外觀。
·善用文字排版
不同字體選擇、字體大小、顏色和排版可以滿足文字多樣化設計的不同需求。雖然字體設計可以是簡單的,但是需要能傳達必要的信息點。如果賣家品牌是精致的、低調的,且目標受眾是邏輯思維強、欣賞簡單且直奔主題的消費者,字體設就可以考慮采用無襯線字體的排版設計,剝離非必要的元素進行字體設計:
如果賣家品牌是風格是大膽的、夸張的、有活力的,就可以考慮更夸張的文字排版設計,甚至可以用大的文字塊占滿整個屏幕:
通過網頁設計與品牌受眾建立情感聯系是“爆單”的另一個渠道。賣家可參考文中給出的設計建議,搭建品牌專屬的網頁設計風格。
(來源:谷哥運營寶典)
以上內容源自外媒,由雨果跨境后臺編輯整理匯總,其目的在于收集傳播行業新聞資訊,雨果跨境不對其真實性、可靠性承擔任何法律責任,如有侵權請聯系刪除。特此聲明!