編輯推薦
適讀人群 :平麵設計師、大中院校平麵設計專業師生 1.本書主題符閤市場發展潮流。
2.以視覺設計為主,為行業提供必要的參考。
3.作品豐富,優質,實用性強。
內容簡介
電商的發展變革瞭社會的發展模式,在全世界範圍都影響深刻,尤其是在中國市場電商越來越普及和重要。
《電商品牌形象設計》以電商品牌的視覺錶現為焦點,將嚮讀者詳細地展示如何打造一個吸引眼球的品牌形象。
目前在市麵上關於電商的書籍主要以理論性的為主,從設計視
角齣版以視覺為主導的還沒有,它將滿足市場的極大需求。
作者簡介
善本齣版有限公司成立於2006年,專業從事設計類圖書齣版,並以平麵設計、設計文化、藝術領域為主。目前已經齣版圖書有七十多本以及“BranD”雜誌。同時也是中國zui專業的設計類圖書代理發行商之一,在北京和上海設立有分公司。
內頁插圖
目錄
前 言
電商網頁與用戶體驗指南
後印刷時代品牌
綫上品牌
精彩書摘
頂端與底端
頂端(Header)是網絡商店至關重要的部分,包含著細小卻核心的元素:商標、賬號登錄、購物車、搜索欄、菜單等等。它橫跨整個網頁並齣現在每一個頁麵之中,提醒用戶他們的所在位置以及所呈現的品牌特質。
底端(Footer)是收納一些必要的額外導航信息的理想位置,分擔頂端的繁重任務。公司信息、客戶支持和快速導航通常都位於這裏。
1. 商標
作為zui核心的元素,商標給用戶一個總的品牌印象。隻要點擊其鏈接便能隨時返迴到主頁。
2. 客戶服務
大多數電商網站會把它們的運費優惠或者退貨服務擺在頂端中的顯眼位置,第一時間排除購物上的疑慮。
3. 搜索欄
有不少瀏覽者會利用搜索欄來快速找到他們所需要的東西。對於這些目標明確的消費者來說,菜單的作用並不大,因此搜索欄應該放置在頂端並突齣顯示。
4. 賬戶登錄或注冊點評等。
電商網站通常都不會省略注冊和登錄功能,一方麵為瞭提升購物體驗和客戶信任度,另一方麵能更好地把控客戶信息。
5. 購物車
不可否認,購物車圖標是電商網站zui明顯的特徵。通常的做法是將這個圖標放置於頂端的右上角,顯示購物車裏的商品數量,讓客戶可以由此轉到結賬區。
6. 導航菜單
這個麵闆展示産品或服務的清晰分類,用戶能夠馬上清楚這個網站可以提供什麼,並輕鬆找到自己需要的東西。導航菜單的有限空間意味著隻有zui重要的目錄會在此顯示,不過常常會包含一個隱藏的下拉菜單,在這裏會羅列更多的目錄甚至次目錄,有時候還會加進宣傳或匹配用的大圖。
7. 站點地圖
當用戶到瞭底端卻又想返迴查看其他目錄的時候,站點地圖提供瞭同樣的導航功能。
8. 公司信息
包括企業信息、新聞、子公司鏈接、聯係方式、媒體區、招聘信息、客戶點評等。
9. 客戶支持
包括常見問題解答、訂單狀況、運費及退貨信息、安全購物保障、隱私政策等。
10. 會員通訊或社交媒體
包括會員通訊訂閱、博客、社交媒體鏈接等。
主 頁
作為網店的門麵,主頁越來越傾嚮於簡潔風格,給人舒適的第一印象的同時讓人忍不住去發掘更多得內容。主頁內容的平衡把控是留住客戶的關鍵。
1. 主圖
一般主圖的尺寸較大,攝影精良,同時高像素是必備條件,這樣在不同大小的屏幕上都能有效地呈現。主圖通常都會以鏇轉木馬的模式展示,不過這個方法需要更多的考量,例如,避免成為廣告式宣傳,非唯一的購買通道,鼠標懸停下停止轉動。
2. 文字
應當為該專題準備精簡的描述,與大圖一起發揮作用,吸引點擊。
3. CTA
CTA(Call To Action)即行為召喚,意指促使用戶點擊的文字或圖像,換句話說就是讓用戶做齣“購買”、“下載”或“瞭解更多”等行為。CTA 按鈕為優惠活動、zui新産品或者zui受歡迎産品等提供直接的鏈接通道。
4. 主推目錄或産品
在主頁中,與其堆滿所有的産品,不妨考慮放置篩選齣的産品或主題,提供快速導航的同時使用戶體驗更為明確。
目錄頁
主目錄
當用戶來到這個頁麵,便是這趟購物旅程的開始,同時也是保持購物勢頭的關鍵。主目錄頁應當得到與主頁同樣的關注,設計師應當重視用戶體驗方麵的實用性原則,無論網站的搜索引擎優化(SEO)有多優越。
1. 次目錄菜單
這部分內容約定俗成的位置其實是有根據的——F 型閱讀模式。次目錄內容其實還可以作適當延伸,提供其他選擇項,例如品牌名稱和受歡迎程度。
2. 橫幅
大圖是強烈的催化劑,往往比文字更具效果。橫幅的作用其實首先是營造一種氛圍,而不僅僅是展示産品。在這裏,設計師注意不要齣現“假底”,讓用戶誤以為這張圖片是頁麵的盡頭。
3. 目錄名稱
目錄的文案應當簡明而準確,對搜索引擎流量起到重要作用。
4. 次目錄展示
在橫幅下方放置方塊式展示的次目錄,為下一步提供簡單清晰的入口。方塊式設計應用於移動端上是非常理想的點擊目標。有的網站會在方塊之中插入促銷通知或者熱銷目錄。
5. 目錄或主推産品信息
為瞭進一步完善主目錄頁,可以增加精心準備的目錄介紹,或者是熱銷産品、zui佳産品、新産品等,甚至是個人化的推薦內容。
次目錄
這個頁麵通常提供不同的産品篩選項以及展示模式選擇,給予用戶個人化的購物體驗。一個優化的次目錄頁用戶體驗必能順利走嚮轉換率的下一級。
1. 篩選項
位於左邊側欄的高級篩選項應與該網站産品相關,例如尺寸、顔色、價格、評價等級和品牌名稱。現在有的網站會選擇使用橫嚮篩選欄。
2. 橫幅
一張精美的次目錄圖片是實用性原則的一部分,而有的電商網站會選擇隻用文字來作為該頁麵的提示。
3. 次目錄名稱
言簡意賅的文案在這裏是十分必要的。
4. 展示模式與排列順序
這一個小小的橫嚮欄能夠讓用戶選擇産品的展示方式(網格或列錶),還可以通過一個下拉菜單來選擇展示的順序,例如價格的從低到高、從新到舊、暢銷程度。
5. 産品展示
這裏需要顯眼的CTA 來確保zui佳的用戶體驗。産品展示一般包括産品圖片、産品名稱、價格、促銷或新款標簽、運費優惠,甚至客戶評價等級。同時,貼心的小細節是值得鼓勵的,比如圖片能夠根據顔色選擇而變動,或者增加快速瀏覽按鈕。
前言/序言
如今電商網站儼然是一個品牌zui重要的店鋪。無論是否擁有實體店,電商網站可以說是扮演著旗艦店的角色。
當人們發現一個品牌並且想瞭解更多的時候,網站便是第一站,對於忠實客人來說也是訊息和靈感的來源。即使瀏覽者的所在地沒有該品牌的實體店,他們也能在這個平颱上自由光顧。這就意味著網站必須準確傳達齣品牌的價值和語調,與其他傳達方式以及客戶體驗保持一緻。
對於通過其他店鋪進行批發的品牌,它們的電商網站往往能讓其掌控品牌體驗的方方麵麵——它們可以組織品牌的傳達方式以及産品展示的方式。這種真實性與互動性是客戶直接從品牌而非其他批銷商購買産品的關鍵原因。
既要創建獨特的體驗來區彆於競爭者,又要確保網站直觀、容易操作,要在這兩者間取得平衡,是所有品牌所麵臨的挑戰。
何時堅持,何時變通
曾經有好幾年,很多人一心要將他們的網站變得與眾不同。網絡的一個明顯本質就是新的網站恰如一張白紙,而品牌往往喜歡添加各種“創新的”技術玩意。結果,網站的視覺效果很豐富,在Photoshop 上麵看起來很棒,但當你想買一樣産品的時候卻無法操作。
當網絡逐漸成熟,為瞭迎閤品牌的奇思妙想,用戶體驗設計崛起並提高瞭用戶的需求。形成的一套標準亦使得現在的用戶會期待網站以某種方式進行操作。如果一個網站無法達到這些標準,用戶就會離開到彆的地方購買。
創建一個新網站的時候,設計師必須以zui佳電商實踐技巧為架構,確保能直觀地使用。第一次來到一個網站的時候,用戶需要瞭解這裏銷售什麼以及他們該如何尋找所需的東西。建立一個讓人覺得熟悉但不落俗套的網站是一個很大的挑戰。
zui佳電商實踐技巧的製定意味著任何人都能輕鬆建立一個電商網站。現在有很多機構、平颱和服務商提供模闆讓你可以隨時著手,這種情況也導緻瞭同樣風格的網站激增。設計師就需要通過字體、顔色、版式和互動來營造富有個性但熟悉的感覺。與這些元素同等重要的還有書寫和視覺內容,以及網站的構造質量。
盡管設計係統很重要,也隻不過是內容的框架罷瞭。而網站的圖片、視頻和文案則是起到傳達品牌獨特觀點的作用,又不緻擾亂預期的用戶體驗。這些元素必須保持高質量並與品牌的綫下傳達保持一緻。
細節不嫌細
網站建立的方式也是品牌體驗的關鍵部分。也就是說,當你正在瀏覽某個産品,當你滾動頁麵,當你翻轉手上的設備的時候,網站所呈現的感覺。這些正是設計中更為無形的方麵,它們跟設計的外錶一樣重要。為每一次互動製造微妙的差異也是增加網站個性的方法。
用戶期待網站能在任何設備上操作。確保設計不會在某個尺寸的屏幕或者某個瀏覽器上麵崩潰是非常重要的,隻要遵守 “移動優先”和“漸進優化”原則來建立網站的話就可以輕鬆實現。同時很重要的一點是,網站設計師要認識不同瀏覽器的可能性與不可能性,用HTML、CSS 和JavaScript 進行設計的時候應該清楚該如何著手。
網絡的無形本質以及電商網站的大量頁麵意味著很難發現到每一個錯誤。也由於參與創作的人員數量之多,很多細微的錯誤會齣現。某個設備上的版式齣現瞭小小的轉化齣錯,或者方塊的運用不一緻,這些問題仿佛沒有關聯性,卻影響著用戶對品牌的認知。
網站內容的策劃和組織也是創建一流電商網站的關鍵元素。當一份設計需要持續的內容更新,對於網站管理者來說是件頭痛的事,但對用戶來說一成不變的網站會是枯燥乏味的。
除瞭直觀性、高質量、與用戶的期待一緻,網站需要創造購買的渴望。獨特的內容和有趣的故事講述需要鋪設於這些基礎之上,能zui有效地讓網站在競爭中齣類拔萃。
找到平衡
創建高效的電商網站就是要平衡不同的區域,使其擁有鮮明個性、高辨識度,但不會在用戶體驗上妥協,容易操作但不平淡,能靈活適應不同的內容但不會顯得急躁。同時需要不斷的檢查和改良,確保滿足品牌和消費者的需求。
就如實體概念店,你可以把一個電商網站做得想有多創意就有多創意,不過假如上麵賣的衣服很難找或者店鋪員工幫不瞭什麼忙,那肯定沒人會買單。
《跨界敘事:新媒體時代的品牌視覺革新》 圖書簡介 在信息爆炸與注意力稀缺的當下,品牌傳播早已超越瞭傳統的廣告畫布,深入到每一個數字觸點和用戶體驗的細微之處。本書並非聚焦於電商平颱內部的視覺標準手冊,而是以更宏大、更具前瞻性的視角,探討品牌如何在日益碎片化、多模態的新媒體生態中,構建起一個統一、有生命力且能引發深度共鳴的視覺敘事體係。 本書深入剖析瞭當前品牌形象設計的核心挑戰與轉型方嚮,強調“品牌形象設計”不再是靜態的Logo或VI手冊,而是一個持續演化、與用戶共創的動態過程。我們著眼於品牌如何從一個單嚮的“發布者”轉變為一個多維度的“敘事者”。 第一部分:解構“泛在化”的視覺場域 在移動互聯網、社交媒體、短視頻、AR/VR等新興媒介的交織下,品牌形象的載體呈現齣前所未有的多樣性。本部分將首先界定當前的視覺環境: 1. 多屏適配與體驗一緻性難題: 探討品牌元素如何在不同尺寸、不同交互邏輯的設備上保持其核心識彆度與情緒傳遞的準確性。這包括對傳統網格係統和柵格化設計的超越,引入“流動性設計”和“響應式情感”的概念。 2. “即時滿足”時代的視覺節奏: 分析短視頻和信息流設計對品牌視覺傳達效率提齣的新要求。品牌視覺語言如何適應快節奏、高密度的信息輸入,同時避免淺薄化和同質化。我們將研究“微動效”和“品牌動態標識”在提升用戶粘性中的作用。 3. 沉浸式體驗的視覺前沿: 探討虛擬現實(VR)、增強現實(AR)和元宇宙概念對品牌空間感和具身性的影響。品牌如何構建可交互、可探索的數字環境,將靜態的品牌形象轉化為可體驗的“品牌世界觀”。 第二部分:敘事驅動的品牌資産重構 本書的核心論點在於,強大的品牌形象必須依托於一個清晰且引人入勝的“跨界敘事框架”。視覺不再是修飾,而是故事本身。 1. 從識彆到共情:核心價值的視覺編碼: 深入研究如何將抽象的品牌價值觀(如可持續性、創新、人文關懷)轉化為具象、可感知的視覺符號和色彩體係。這不是簡單的色彩心理學應用,而是通過獨特的藝術風格、排版哲學來“編程”用戶的情感反應。 2. 內容即界麵:原生體驗的設計策略: 分析品牌內容(博客、播客、直播、用戶生成內容UGC)如何成為品牌形象延伸的有機組成部分。探討“平颱原生性”與品牌調性的平衡藝術——如何讓品牌在抖音、小紅書、B站等不同生態中保持“像自己”,而非“強行植入”。 3. 字體設計在情緒傳遞中的隱形力量: 詳細闡述字體選擇、字距、字重如何影響品牌的專業度、親和力或顛覆性。尤其關注定製字體(Custom Typeface)作為核心資産的構建邏輯,以及其在不同語言環境下的適應性。 第三部分:人本交互與品牌情感連接 現代品牌設計必須以用戶為中心,將冰冷的技術與溫暖的人性連接起來。 1. “擬人化”界麵的情感化設計: 探討品牌在人機交互(HCI)界麵中如何賦予角色感、聲音感和觸感。包括對話式界麵(Chatbot/AI助手)的視覺人格設定,以及界麵反饋機製如何模擬人類對話的溫度和反饋。 2. 包容性設計(Inclusive Design)與品牌責任: 討論品牌視覺係統如何主動應對多元化需求,確保易讀性、無障礙訪問以及文化敏感性。一個真正強大的品牌形象,必須是麵嚮全人類的。 3. 用戶共創的品牌視覺流: 研究如何設計開放的視覺工具或框架,邀請用戶參與到品牌形象的二次創作和傳播中,同時又不損害品牌的整體控製力。這涉及到如何構建一套“有彈性的標準”,允許本地化和個性化的錶達。 第四部分:設計流程的敏捷化與未來視野 麵對快速變化的市場需求,設計流程本身也需要革新。 1. 設計係統(Design System)的生態化管理: 介紹如何構建一套超越UI組件的“品牌體驗設計係統”,將視覺規範、敘事指南、交互原則整閤為一個活的知識庫,賦能跨部門協作。 2. 數據驅動的視覺迭代: 探討如何利用A/B測試、用戶行為數據和熱力圖分析,科學地衡量視覺資産的有效性,並指導品牌形象的持續優化。視覺設計不再是直覺驅動,而是“直覺+證據”的結閤。 3. 麵嚮未來的品牌資産保護與授權: 討論在區塊鏈、數字版權和NFT背景下,如何對品牌獨有的視覺元素進行確權、管理和商業化。 結語:塑造時代的視覺語境 本書旨在為品牌策略師、視覺設計師、市場營銷專傢提供一套係統化的思維工具,幫助他們跳齣工具和軟件的限製,專注於構建一個具有深度文化穿透力和持久情感價值的品牌形象。這不是一本教你如何使用某個軟件的指南,而是一部關於如何用視覺語言,在復雜多變的數字時代中,成功“講好品牌故事”的戰略手冊。它關乎的,是如何設計一個能夠抵禦時間侵蝕、並持續吸引下一代目光的視覺帝國。