淘宝详情页排版技巧之竖屏思维!

淘宝详情页布局技巧：竖屏思维！现金社会已经是一个低头族的社会。大多数年轻人使用手机浏览淘宝。淘宝详情页布局技巧要点是什么？如何制作淘宝详情页？续接下来小编给大家分享一下淘宝详情页的布局技巧。

数据显示，90后平均有91%的时间使用手机。手机已经是一个非常稳定的浏览渠道。手机的购买率已经远远超过电脑。 2016年双11，85%的业绩来自手机。几乎所有的电商都是在手机上开展的，我们的淘宝详情页布局技巧也从横屏思维转变为竖屏思维。

淘宝详情页布局技巧：竖屏思维

从一个简单的公式开始：“转化率=内容质量X信息传递率”。通常我们把大部分精力花在“内容质量”上。信息传递率是整个行业普遍忽视的一个维度。其目标是让用户轻松、舒适地接收您所表达的内容。

以天猫华为荣耀旗舰店、京东雅诗兰黛旗舰店为例，所表达的内容几乎是看不见的，这就说明了什么是“信息传递率”。大品牌也存在思维盲点，对信息传递率视而不见。

雷军微博图片示例。图片很小，字体也很小。再好的文案也被浪费了，信息传递率也被忽视。

华为、雅诗兰黛、小米之所以也会犯如此低级的错误，当然不是设计师水平的问题。这是整个行业的思维盲点。无论是天猫、淘宝、京东、微博还是微信，移动电商中的大部分信息都是流量垃圾，因为内容无法传递到客户手中，关键信息丢失。

思维盲点之一是手机屏幕的像素密度是PC屏幕的3-4倍。表达相同的像素，在手机上只需要使用PC屏幕上绝对距离的1/3~1/4即可；表达同样的面积，就会直接小一个数量级。当设计师认为它在电脑上刚刚好时，它在手机上实际上就太小了。

还有一个被忽视的事情是手机屏幕是垂直的。由于人眼的视野是一个水平的矩形，所以人类发明的屏幕大部分都是水平的矩形。智能手机屏幕是人类第一次大规模面对竖屏。在移动互联网时代，用户从早上起床到晚上睡觉前，大部分时间都在通过竖屏看世界、获取信息。

电脑屏幕上铺满屏幕的老虎图片，在手机上只占屏幕的三分之一，完全体现不出老虎的威慑力。如果你不懂竖屏，你的显示舞台就会被截掉2/3。

手机应该使用类似于手机屏幕形状的竖直矩形图片，这样可以利用整个手机屏幕进行表达，并且可以最大程度地保持老虎的视觉冲击力。

淘宝详情页布局技巧——光视觉淘宝详情页格式

为什么竖屏与传统的横屏不同？为什么要提到竖屏思维呢？

横式宽屏30英寸电脑显示器VS竖式56英寸手机屏幕：从显示内容量到可视范围、从点击操作到触摸滑动、从信息轰炸到浓缩精华、从固定位置观看到随处观看，从一对一的用户交互到随时转发分享，竖屏带来的用户习惯和信息传播方式的迁移发生了很大的变化。如何让5到6英寸的竖屏显示页面震撼、有冲击力，是一件非常重要的事情。

如上图所示，在电脑上可以清楚地看到，但在手机上已经无法与用户交互了。所以直接把PC页面搬到手机上使用，详情页面的能力已经完全丧失了。即使你专门为手机做了一个详情页，如果你不以竖屏思维来规划，使用大量的文字和图片，在这个很窄的分区屏幕上你也看不到。许多卖家的详细信息页面没有做好。因此，我们需要重新认识什么是竖屏思维下的详情页，以及无线终端页面如何实现“轻视觉”、“轻卖点”、“轻逻辑”。

电脑横屏上至少有2/3的内容在手机上被丢弃。电脑上做出来的页面非常震撼。

用手机做的页面，可能并不震撼；但如果说手机上的页面震撼，那么电脑上的页面也一定会震撼。比较下面两张图：

非常震撼，是真正的竖屏思维。彻底诠释了什么是“光视觉”、“光卖点”。这种垂直感和震撼力是很多卖家所想到的。

减轻眼睛负担，用最短、最快、最快的方式传达你想要表达的内容，快速被吸引并做出决定，一眼看到你喜欢的东西，瞬间明白卖家在说什么、在卖什么点是。这就是轻盈。想象。

光视觉的方法论：一屏理论、分离理论、钉子理论、显微理论、切割理论等。光视觉的理念是比别人更容易、更快、更好地销售产品。

例如：

一屏论：一目了然、一目了然、一句话击中要点（一句话切中要害）、一屏表达一个要点。用尽可能短的时间让别人知道你在说什么。那么光视觉到底是如何实现的呢？这是我们需要思考的。

然后是5张主图，是核心。

五张主图中第一张的点击率直接影响转化率。如何实现高转化率？我们需要“文案杀手”和“视觉杀手”两套逻辑来帮你做到，快速提升转化率。

5张主图是一个小细节页，是微细节。很多卖家没有充分利用5张主图的价值，很多顾客是在看到5张主图后才决定是否购买。如果不符合客户的期望，它将立即被丢弃。

有多少人做到了（反面教材）：

淘宝详情页格式

如何创建淘宝详情页

最后几张图基本都是重复的，无法传达更全面的信息，完全是对主图资源的浪费。以下情况也是如此：

下面第6篇将介绍优秀店铺的五个主形象如何布局以及如何实现高点击和高转化。

5张主图的设计要点逻辑：

功能型产品和风格型产品的主图方式不同，那么如何制作5个主图就有5个设计点：点击点卖点差异点促销点细节点。

如何创建淘宝详情页

除了主图之外，我还会告诉你如何制作首屏详情页。在手机上，只有第一个屏幕才是真正的阅读屏幕。第一个屏幕的值大于接下来的10 个屏幕。如何把首屏做好，把首屏制作得非常时尚、有色调。想要把第一屏做好，首先就要做好详情页！

上图用首屏时间告诉大家它最大的卖点和核心竞争力是什么。这就是竖屏思维。它利用第一时间展示的首屏来展示它的卖点是什么。我们也愿意购买他们的产品。

淘宝详情页布局技巧要点是什么？这是垂直思维！垂直思维是最好的“文案杀手”和“视觉杀手”。它可以很好地帮助您提高转化率。你还在犹豫什么？现在就尝试垂直思维吧！更多精彩内容，请继续关注淘街网。