淘寶詳情頁(yè)排版技巧之豎屏思維!

淘寶詳情頁(yè)排版技巧之豎屏思維!現(xiàn)金社會(huì)，已經(jīng)是低頭族的社會(huì)，大部分年輕人看淘寶都是用的手機(jī)端，淘寶詳情頁(yè)排版技巧重點(diǎn)是什么呢?淘寶詳情頁(yè)怎么做?接下來(lái)，小編將和大家一起分享淘寶詳情頁(yè)排版技巧。

數(shù)據(jù)顯示，90后平均91%的時(shí)間在使用手機(jī)端，手機(jī)端已經(jīng)是很穩(wěn)固的瀏覽渠道，手機(jī)端的購(gòu)買(mǎi)率已經(jīng)遠(yuǎn)超過(guò)電腦端，2016年雙11，85%的業(yè)績(jī)的達(dá)成來(lái)自手機(jī)端，所有的電商幾乎都由手機(jī)端展開(kāi)，而我們的淘寶詳情頁(yè)排版技巧也正是從橫屏思維轉(zhuǎn)化為豎屏思維。

淘寶詳情頁(yè)排版技巧之豎屏思維

從一個(gè)簡(jiǎn)單公式開(kāi)始“轉(zhuǎn)化率=內(nèi)容質(zhì)量X信息送達(dá)率”。平時(shí)我們大部分精力都花在“內(nèi)容質(zhì)量”。而信息送達(dá)率，是被全行業(yè)普遍忽略的一個(gè)維度，其追求的目標(biāo)是讓用戶(hù)能夠輕松地、舒服地接受到你表達(dá)的東西。

天貓華為榮耀旗艦店、京東雅詩(shī)蘭黛旗艦店的例子，表達(dá)的內(nèi)容幾乎都看不見(jiàn)，說(shuō)明了什么是“信息送達(dá)率”，大品牌也一樣有思維盲區(qū)，對(duì)信息送達(dá)率視而不見(jiàn)。

雷軍微博配圖的例子，圖小字小，再好的文案也浪費(fèi)了，信息送達(dá)率也被忽略了

華為、雅詩(shī)蘭黛、小米的之所以也犯這樣的低級(jí)錯(cuò)誤，當(dāng)然不是設(shè)計(jì)師水平問(wèn)題，這是全行業(yè)的思維盲區(qū)。天貓?zhí)詫氁埠?、京東也好、微博微信也好，手機(jī)電商中的絕大部分信息都是流量垃圾，因?yàn)闆](méi)能把內(nèi)容傳遞給客戶(hù)、關(guān)鍵信息都送丟了。

思維盲區(qū)之一，忽略了手機(jī)屏的像素密度是PC屏的3-4倍。表達(dá)同樣的像素，手機(jī)上只需要用PC屏上1/3~1/4的絕對(duì)距離;表達(dá)同樣的面積，則直接會(huì)小一個(gè)數(shù)量級(jí)。當(dāng)設(shè)計(jì)師在電腦上覺(jué)得剛剛好的時(shí)候，其實(shí)手機(jī)上就一定小了。

另外一個(gè)被忽略的，是手機(jī)屏是豎屏。由于人的眼簾視野是橫的長(zhǎng)方形，所以人類(lèi)發(fā)明的大部分屏幕都是橫的長(zhǎng)方形。智能手機(jī)屏是人類(lèi)第一次大規(guī)模面對(duì)豎屏。手機(jī)互聯(lián)網(wǎng)時(shí)代，用戶(hù)從早上起床開(kāi)始到晚上入睡前，大部分時(shí)間都是用豎屏在看世界、獲取信息。

電腦屏上一滿(mǎn)屏的老虎圖片，進(jìn)入手機(jī)屏后，只占手機(jī)屏的三分之一，完全無(wú)法體現(xiàn)老虎的威懾力。不懂豎屏，你的展示舞臺(tái)被切掉了2/3。

手機(jī)上應(yīng)該采用和手機(jī)屏幕形狀類(lèi)似的豎方形圖片，才可以用滿(mǎn)整個(gè)手機(jī)屏幕來(lái)做表達(dá)，最大程度地保持老虎的視覺(jué)沖擊力。

淘寶詳情頁(yè)排版技巧之輕視覺(jué) 淘寶詳情頁(yè)格式

豎屏為什么跟常規(guī)的橫屏不一樣呢，為什么要提豎屏思維?

橫置寬屏的30寸電腦顯示器VS豎置的5到6寸手機(jī)屏幕：從展示內(nèi)容量到視覺(jué)范圍、從點(diǎn)擊操作到觸摸滑動(dòng)、從信息轟炸到濃縮精華、從固定地點(diǎn)觀(guān)看到隨地查閱、從一對(duì)一用戶(hù)交互到隨時(shí)轉(zhuǎn)發(fā)分享，豎屏引發(fā)的用戶(hù)習(xí)慣遷移和信息傳遞方式已經(jīng)極大的發(fā)生了改變。怎樣能把5到6寸的豎屏展示頁(yè)面做的震撼力、有沖擊力是非常重要的一件事情。

如上圖，在電腦上看看的清的，在手機(jī)端已經(jīng)無(wú)法實(shí)現(xiàn)和用戶(hù)交互。所以直接把pc端的頁(yè)面搬到手機(jī)端來(lái)用，已經(jīng)完全喪失了詳情頁(yè)的能力。即使專(zhuān)門(mén)為手機(jī)端做一個(gè)詳情頁(yè)，如果不用豎屏思維來(lái)規(guī)劃，用很多字，很多圖，在這個(gè)很窄分區(qū)的屏幕是看不到的。很多賣(mài)家的詳情頁(yè)都沒(méi)有做對(duì)。所以我們要重新理解什么叫豎屏思維下的詳情頁(yè)，無(wú)線(xiàn)端頁(yè)面怎樣做到‘輕視覺(jué)’“輕賣(mài)點(diǎn)”和“輕邏輯”。

電腦橫屏的內(nèi)容，在手機(jī)上至少2/3的量是廢掉了。在電腦上做的頁(yè)面很震撼，

在手機(jī)上做的頁(yè)面就未必震撼;但如果在手機(jī)上的頁(yè)面很震撼，那么在電腦上的頁(yè)面就必然震撼。對(duì)比如下兩張圖：

震撼力非常充分，而且是真正的豎屏思維，它完全展示了什么叫“輕視覺(jué)”、“輕賣(mài)點(diǎn)”這種豎著的感覺(jué)和震撼力是很多賣(mài)家所思考的東西。

減輕眼睛負(fù)擔(dān)，用最短、最快、最迅速的方式傳遞你想表達(dá)的東西，快速的被吸引和決策，一眼看見(jiàn)心儀之處，秒懂賣(mài)家在講什么，它的賣(mài)點(diǎn)是什么，這就是輕視覺(jué)。

輕視覺(jué)的方法論：一屏論，②分離論，③釘子論，④微觀(guān)論，⑤切割論等。輕視覺(jué)的概念就是比別人更輕松的、更快更好的賣(mài)產(chǎn)品。

舉個(gè)例子：

一屏論：一眼看見(jiàn)，一目了然，一語(yǔ)擊中(一句話(huà)說(shuō)中要害)，一屏表達(dá)一個(gè)重點(diǎn)思想。用最短的時(shí)間讓別人知道你在講什么。那么輕視覺(jué)具體如何落地?這個(gè)是我們要思考的。

那么接下來(lái)就是5張主圖，這是核心。

5張主圖中首圖的點(diǎn)擊率直接影響轉(zhuǎn)化率. 怎樣做才能有很高的轉(zhuǎn)化率呢?我們需要有“文案殺手”“視覺(jué)殺手”這兩套邏輯來(lái)幫你做，快速提高轉(zhuǎn)化率。

5張主圖就是一個(gè)小小的詳情頁(yè)，它就是一個(gè)微詳情，很多賣(mài)家并未充分發(fā)揮5張主圖的價(jià)值，而很多客戶(hù)是看完5張主圖就做出了是否購(gòu)買(mǎi)的決定,不符合客戶(hù)期待的，馬上跳失掉。

很多人是怎樣做的(反面教材)：

淘寶詳情頁(yè)格式

淘寶詳情頁(yè)怎么做

后幾張圖基本重復(fù)，傳達(dá)不了更多更全面的信息，徹徹底底的浪費(fèi)了主圖資源。如下案例也是一樣：

后面的第6篇會(huì)給大介紹優(yōu)秀店鋪的5張主圖是如何布局以及做到高點(diǎn)擊高轉(zhuǎn)化的。

5張主圖的設(shè)計(jì)點(diǎn)的邏輯：

功能功效性產(chǎn)品和款式風(fēng)格來(lái)產(chǎn)品的主圖做法是不同的，所以5張主圖怎樣去做，有5個(gè)設(shè)計(jì)點(diǎn)：①點(diǎn)擊點(diǎn)②出賣(mài)點(diǎn)③不同點(diǎn)④促銷(xiāo)點(diǎn)⑤細(xì)節(jié)點(diǎn)。

淘寶詳情頁(yè)怎么做

除了主圖之外還會(huì)跟大家講第一屏的詳情頁(yè)怎樣做，手機(jī)端真正只有第一屏是閱讀屏，第 1屏價(jià)值大于后面的10屏，怎樣做好第一屏，把第一屏做的很有逼格，很有調(diào)性，做好第一屏就是做好詳情頁(yè)!

以上圖例，用第一屏的時(shí)間去告訴大家最大的賣(mài)點(diǎn)、和最核心的競(jìng)爭(zhēng)力是什么，這個(gè)就是豎屏思維，用第一時(shí)間展示出來(lái)的第一屏，展示它的賣(mài)點(diǎn)是什么，我們也愿意去買(mǎi)他們家產(chǎn)品。

淘寶詳情頁(yè)排版技巧的重點(diǎn)是什么?是豎排思維!豎排思維是最好的“文案殺手”兼“視覺(jué)殺手”，它可以很好地幫你提高轉(zhuǎn)化率。還在猶豫什么?趕緊試試豎排思維吧!更多精彩內(nèi)容，歡迎繼續(xù)關(guān)注幕思城電商。

這個(gè)問(wèn)題還有疑問(wèn)的話(huà)，可以加幕.思.城火星老師免費(fèi)咨詢(xún)，微.信號(hào)是為: msc496。

推薦閱讀：

淘寶新店沒(méi)有訪(fǎng)客流量，開(kāi)直通車(chē)花費(fèi)太高該怎么辦？

淘寶淘寶客推廣會(huì)被降權(quán)嗎？淘寶客降權(quán)的主要原因是什么？

淘寶店鋪的淘寶客好還是直通車(chē)好？怎么選擇？

更多資訊請(qǐng)關(guān)注幕 思 城。