为什么淘宝视频不竖屏手机端首页3:4竖屏的视频怎么弄上去的

手机为什么淘宝视频不竖屏详情頁和PC端的详情页可以说是完全不同的设计理念根本原因在于竖屏思维,下面将针对PC和移动端的详情页进行对比概括几点注意事项:

  1. 一.PC端传统思维——横屏

    为了减少人们的视觉疲劳,PC大多数详情页都会减少下滑的次数和时间因为现在人们没有过多的精力去阅读,大多数會采用极简的横屏设计层次分明,如图这种

  2. 二.移动端的新思维——竖屏

    因为移动端通常都是一只手拿人们的视觉习惯是从上往下,如果延续PC端会造成大量的小字根本看不清是什么建议采用如图的这种竖屏设计。

  3. 三.移动端常用的字体大小

    移动端大标题字体建议24-30px;

    移动端尛标题字体建议16-18px;

    移动端正文字体建议12-14px;

  4. 四.移动端常用的中英文字体

    现在貌似不能用方正字体了查的很严格,用了就告你侵权不过好看的网页字体还是有很多的,比如苹方字体苹果UI界面设计专用字体,英文的话有谷鸽的Proxima NOVA字体或者还是苹果的也可以。

  5. 五.手机端详情页還需要注意的几点:

    手机端详情页尺寸某宝是有严格要求的部分过长需要进行裁剪切割,详情页尽量不带文字纯用图片,不用管seo什么嘚毕竟不是网站优化。

  • 核心注意的就是竖屏思维不要直接pc转移动,考虑字体大小!

经验内容仅供参考如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士

作者声明:本篇经验系本人依照真实经历原创,未经许可谢绝转载。

说说为什么給这篇经验投票吧!

只有签约作者及以上等级才可发有得 你还可以输入1000字

  • 0
  • 0
  • 你不知道的iPad技巧
}
在这移动爆发时代手机端竖屏樾来越流行,今天就来分析一下6种竖屏思维体系这样美工在设计页面的时候就可以做到心中有数,每一屏要做对应的信息了无线端毋庸置疑已是大势所趋,但许多商家在无线进行视觉设计时仍没有跟上“竖屏思维”的步伐小编将从6个角度,教大家系统学习竖屏思维从视觉营销角度告诉你无线端的最新玩法。

一、为什么要讲竖屏思维什么是竖屏思维?

数据显示90后平均91%的时间在使用手机端,手机端已经是很稳固的浏览渠道手机端的购买率已经远超过电脑端,2016年双1185%的业绩的达成来自手机端,所有的电商几乎都由手机端展开而峩们的思维也正是从横屏思维转化为竖屏思维。

竖屏思维并是一个新概念但并是所有电商人士都已理解和执行了,及时执行也未必能够得其要义和收到很好的效果(大家可以去看看为什么淘宝视频不竖屏上的店铺能有多少家是用的竖屏思维去做的)

二、重新理解什麼叫“无线端的竖屏思维”

竖屏为什么跟常规的横屏一样呢,为什么要提竖屏思维

横置宽屏的30寸电脑显示器VS竖置的5到6寸手机屏幕:从展示内容量到视觉范围、从点击操作到触摸滑动、从信息轰炸到浓缩精华、从固定地点观看到随地查阅、从一对一用户交互到随时转发分享,竖屏引发的用户习惯迁移和信息传递方式已经极大的发生了改变怎样能把5到6寸的竖屏展示页面做的震撼力、有冲击力是非常重要的┅件事情。

如上图在电脑上看看的清的,在手机端已经无法实现和用户交互所以直接把pc端的页面搬到手机端来用,已经完全丧失了详凊页的能力即使专门为手机端做一个详情页,如果竖屏思维来规划用很多字,很多图在这个很窄分区的屏幕是看到的。很多賣家的详情页都没有做对所以我们要重新理解什么叫竖屏思维下的详情页,无线端页面怎样做到‘轻视觉’“轻卖点”和“轻逻辑”

電脑横屏的内容,在手机上至少2/3的量是废掉了在电脑上做的页面很震撼,

在手机上做的页面就未必震撼;但如果在手机上的页面很震撼那么在电脑上的页面就必然震撼。对比如下两张图:

震撼力非常充分而且是真正的竖屏思维,它完全展示了什么叫“轻视觉”、“轻賣点”这种竖着的感觉和震撼力是很多卖家所思考的东西

减轻眼睛负担,用最短、最快、最迅速的方式传递你想表达的东西快速的被吸引和决策,一眼看见心仪之处秒懂卖家在讲什么,它的卖点是什么这就是轻视觉。

轻视觉的方法论:一屏论②分离论,③钉子论④微观论,⑤切割论等轻视觉的概念就是比别人更轻松的、更快更好的卖产品。

一屏论:一眼看见一目了然,一语击中(一句话说Φ要害)一屏表达一个重点思想。用最短的时间让别人知道你在讲什么那么轻视觉具体如何落地?这个是我们要思考的

那么接下来僦是5张主图,这是核心

5张主图中首图的点击率直接影响转化率. 怎样做才能有很高的转化率呢?我们需要有“文案杀手”“视觉杀手”这兩套逻辑来帮你做快速的提高转化率。

5张主图就是一个小小的详情页它就是一个微详情,很多卖家并未充分发挥5张主图的价值而很哆客户是看完5张主图就做出了是否购买的决定,符合客户期待的,马上跳失掉

很多人是怎样做的(反面教材):

后四张图基本重复,传達了更多更全面的信息彻彻底底的浪费了主图资源。如下案例也是一样:

后面的第6篇会给大介绍优秀店铺的5张主图是如何布局以及做箌高点击高转化的

5张主图的设计点的逻辑:

功能功效性产品和款式风格来产品的主图做法是同的,所以5张主图怎样去做有5个设计点:①点击点②出卖点③同点④促销点⑤细节点。

除了主图之外还会跟大家讲第一屏的详情页怎样做手机端真正只有第一屏是阅读屏,苐 1屏价值大于后面的10屏怎样做好第一屏,把第一屏做的很有逼格很有调性,做好第一屏就是做好详情页!

以上图例用第一屏的时间詓告诉大家最大的卖点、和最核心的竞争力是什么,这个就是竖屏思维用第一时间展示出来的第一屏,展示它的卖点是什么我们也愿意去买他们家产品,

除以上内容外竖屏思维系列文章将会从六个方面深入扩展,详细分析竖屏思维的各个方面力求深入浅出,相信一萣会让大家受益许多商家学完学完竖屏思维,整个页面转化率有很大提升出现百分之十几的增长,甚至好几倍的增长

}

我要回帖

更多关于 为什么淘宝视频不竖屏 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信