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