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

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

淘寶詳情頁排版技巧之豎屏思維

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

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

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

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

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

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

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

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

淘寶詳情頁排版技巧之輕視覺 淘寶詳情頁格式

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

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

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

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

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

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

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

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

舉個例子：

一屏論：一眼看見，一目了然，一語擊中(一句話說中要害)，一屏表達一個重點思想。用最短的時間讓別人知道你在講什么。那么輕視覺具體如何落地?這個是我們要思考的。

那么接下來就是5張主圖，這是核心。

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

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

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

淘寶詳情頁格式

淘寶詳情頁怎么做

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

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

5張主圖的設(shè)計點的邏輯：

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

淘寶詳情頁怎么做

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

以上圖例，用第一屏的時間去告訴大家最大的賣點、和最核心的競爭力是什么，這個就是豎屏思維，用第一時間展示出來的第一屏，展示它的賣點是什么，我們也愿意去買他們家產(chǎn)品。

淘寶詳情頁排版技巧的重點是什么?是豎排思維!豎排思維是最好的“文案殺手”兼“視覺殺手”，它可以很好地幫你提高轉(zhuǎn)化率。還在猶豫什么?趕緊試試豎排思維吧!

樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進貨渠道。超市進貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內(nèi)超市采購商與批發(fā)市場供應(yīng)廠商搭建網(wǎng)上批發(fā)市場平臺,是全國批發(fā)市場行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。

本文內(nèi)容整合網(wǎng)站：百度百科、知乎、淘寶平臺規(guī)則

本文來源： 淘寶詳情頁排版技巧之豎屏思維！