編輯導語：相信很多人都對電商設計中的可視化一知半解，那到底什么才是可視化？這篇文章作者詳細介紹了買點可視化的5大原則的第一點：精準傳達，有效溝通，感興趣的小伙伴一起來看看吧。

電商設計中的可視化，一直是個老生常談的話題。什么是可視化？就是將我們的電商文案通過技術手段轉化為可供“看見”的圖片或者視頻。無論是可視化為圖片或是視頻，它都是作為一名電商設計師，成功所必須掌握的一項能力。

夸張?zhí)幚?，僅供說明

在成熟的買點可視化方案中，生動的表達可以降低消費者理解成本、引發(fā)消費者共鳴，消費者亦可以輕松獲取價值信息。

至于我為什么沒有稱“賣點”，而是“買點”，主要是因為以消費者核心需求為中心的“買點”與以產(chǎn)品特色為主張的“賣點”不同，我會在《張詳情4步走》中的“詳情頁邏輯”這章進行具體說明，希望可以給大家?guī)硇碌乃伎寂c收獲。

回歸主題！其實張詳情?針對詳情頁提供的方法論一共有4個主要步驟，分別是詳情邏輯、買點包裝策略、買點文案策劃和買點可視化。為什么沒有先講前面3步，主要有兩個原因，一是越前面的知識點廣、難度越高，二是買點可視化更貼近當前電商設計師的主職工作內(nèi)容，更容易帶來新的思考、引發(fā)大家交流。

好了，先進入今天的主題！

一、買點可視化5大原則之一：精準傳達，有效溝通

精準傳達，有效溝通，是買點可視化最基礎的一個原則，但也是最重要的，它直接影響可視化的對與錯。

何為精準有效？

有效的前提是精準，不是精準在我們“賣”啥，而是精準知道消費者來“買”啥。

惠特曼博士在《吸金廣告》中寫道：“人們到底想要什么？很多廣告的失敗在于一廂情愿地自我表白，但要知道消費者從來都不關心你，他們只關心自己?！?/p>

做設計最危險的就是以個人的角度出發(fā)，而并不是消費者真正需要的解決方案。許多設計師可能在說他每天都在工作，但可能不完全是。電商設計師工作的本質(zhì)是解決問題，有可能你一天8小時做的設計，全都是在表達自我，但對消費者而言價值甚微。

“商業(yè)設計與藝術不同，藝術完全遵從于創(chuàng)意人的觀念，它的可見價值體現(xiàn)在有買主為這個觀念買單；而商業(yè)設計完全不同，它提供的是一種服務，這種服務是充分了解客戶需求后提供的最優(yōu)解決方案。商業(yè)設計的價值不是由美不美衡量，而是由對不對評判。如果是對的，美不美就是次要的問題?！?/p>

也就是說，我們做的可視化內(nèi)容不能偏離消費者“買啥”的方向。消費者購買產(chǎn)品，就是滿足其某種需求的過程。實際上，消費者購買的，不是某一款“產(chǎn)品”，而是其某種需要的滿足，是產(chǎn)品所為消費者提供的的價值，帶來的好處。

這時我們通常需要對消費者有較為精準的定位，換而言之，是在合適的地方，針對合適的人，做合適的事情！是清楚消費者的痛點，知道消費者最想要什么，恰好產(chǎn)品最能給他什么。

當我們知道消費者最想要什么的時候，自然我們運作可視化的方向不會偏離。

所以，電商設計師需要反思我們設計的畫面是否深刻表達消費者最關心的內(nèi)容并提供解決方案，根據(jù)文案內(nèi)容和需求尋找合適的視覺元素制作可視化內(nèi)容，精準傳達，有效溝通，以避免大方向的偏差。

總結以上，使可視化精準有效的解決方法需對準人、對準需求。

二、何為傳達溝通？

我曾聽過某一設計總監(jiān)說過的話，“藝術到了極端沒人看的懂，設計到了極端傻子都能看的懂?！币簿褪钦f，電商設計師降低產(chǎn)品與消費者的溝通成本，很有必要！

為什么我們總說視覺傳達，是因為詳情頁的一切內(nèi)容都以視覺（文字、圖片、視頻、直播等）為表現(xiàn)形式，只有當“傳達”給消費者，才能形成有效的信息溝通。溝通是“溝”了之后還要“通”給消費者，傳達也不能只是“傳”，是“傳”了之后要“達”到消費者心中。

即，溝通重要的不是溝而是通，傳達重要的不是傳，而是達！這就是信息送達率的定義！

例如，在電商設計常規(guī)工作的文案編排中，如對文字信息進行對比、對齊、層級分類等各種手段，其最終目的絕不只是為了視覺上的設計感，更是通過這些手段使信息傳達率提高。提升信息的傳達率，推薦熟讀下陳柱子老師的《豎屏思維》，這也是我認為移動端豎屏時代設計師必讀的書物之一。

原研哉說過，“設計行為是對信息的提取、整理和呈現(xiàn)”，做設計，本質(zhì)就是處理信息。

解決產(chǎn)品與消費者間的溝通問題是設計的本質(zhì)。電商設計師的本質(zhì)目的是幫助消費者做出準確的購物決策，在信息大爆炸的時代，能為消費者節(jié)約諸如點擊成本、閱讀成本、理解成本，最終降低消費者的決策成本的設計才是高效能的設計！

所以，讓信息“通”、“達”是我們在可視化方向精準后所必須展開的工作。

三、設計調(diào)性上如何精準傳達？

前面展開的主要是一些理論和思維上的探討，如果切入到實際的電商設計工作中，我們?nèi)绾巫龈珳实膫鬟_呢？

詳情頁的調(diào)性設定是電商設計師日常工作的主要一部分。我們經(jīng)常需要將詳情頁主圖、詳情描述頁等模塊進行風格調(diào)性上的統(tǒng)一，但為此，很多設計師常常偏題。

1. 今年流行“新中式”風，我的頁面需要緊跟設計潮流，實際上目標人群并不中意中式風，產(chǎn)品風格也與“新中式”毫無聯(lián)系；
2. 最近很流行“馬卡龍”、“莫蘭迪”色系，真是好看！實際上產(chǎn)品外觀質(zhì)感都偏向硬朗；
3. 剛學會炫酷合成，這次可以好好展示下我的“設計水平”，實際上產(chǎn)品和品牌調(diào)性偏向簡約……

好吧，我相信不少設計師有踩過這樣的“坑”，但并不可笑，我本人也是如此！值得慶幸的是，隨著學習和思考，我意識到這樣不好。

至于為什么說這是“坑”，還是因為這些行為的背后，更多的是設計師第一出發(fā)點的自我表達，而非商業(yè)呈現(xiàn)，無法在消費者角度解決問題。

四、說到調(diào)性，不得不提配色

色彩會帶來映入眼簾的第一感受。那么，在電商頁面配色上怎樣設計才能更為精準呢？以電商平面海報為例，我總結了三種相對可靠的配色方法：

1. 根據(jù)產(chǎn)品主色配色

色調(diào)的選擇根據(jù)產(chǎn)品瓶身主色決定。

2. 根據(jù)主題性質(zhì)配色

比如促銷活動用紅色。

色調(diào)的選擇根據(jù)主題性質(zhì)決定。

3. 根據(jù)標題文案配色

如文案表達空氣清新則可以用淺藍、綠色。

根據(jù)標題中關鍵詞提煉色彩。

這里，我并不太提倡設計師第一時間為了提升設計沖擊力或美感，設計出發(fā)點以諸如霓虹燈配色、比色配色、撞色配色等方式就馬上開展工作。單論傳統(tǒng)平面設計，并不是說這些方式不好，主要還是希望電商設計師更多的視角是以商業(yè)出發(fā)，少一些片面的自我表達。

再聊聊服裝詳情頁，詳情頁所對應的風格并不是由設計行業(yè)的流行風格決定，而是基于產(chǎn)品購買人群、產(chǎn)品本身的風格來提供視覺方案。服裝自身的風格可以決定模特類型、模特造型、字體選擇、版式、顏色等。

實際上，目標購買人群就是通過對你詳情頁的描述來獲取有價值的信息，知道“這件衣服是否符合她的氣質(zhì)”、“在哪穿合適”、“她們穿了會是怎樣”。

五、結尾

在做電商的買點可視化之前，要確保我們可視化的方向能進行精準傳達，方能有效溝通，否則就會脫離消費者需求，導致客戶的流失。

好了，今天分享的內(nèi)容就到這里，同時劇透一下買點可視化的第二大原則——化繁為簡，希望大家保持關注！

我們馬上再見！

作者：張棟夫；公眾號：張詳情

原文鏈接：https://mp.weixin.qq.com/s/Ay1bXI6YjX8wQlQovdhX2w

本文由 @張詳情 授權發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉載。

題圖來自 Unsplash，基于CC0協(xié)議。