【说明】:严格意义上说,标题中的“错误”用“瑕疵”表述更加准确,我对取这样标题可能给锤子科技带来的负面效应表达诚挚歉意,同时锤科作为一家以优秀工业设计和软件设计见长的科技公司,公众对其设计水准的期望的确会苛刻一些。

一、从锤子科技的一张配图说起

如果我说老罗的锤子科技在某些设计方面也犯过业余的错误你肯定会反驳,不着急,请接着往下看,下面是一条锤子科技今年5月重要手机产品——坚果Pro发布时,官方微博的主配图:

没错,这张图是坚果Pro在微博客户端里呈现的效果,这张横版图只占据了屏幕不到的三分之一面积,它孤单地站在手机的中央,显得有些怯弱,并不能将坚果Pro优秀的工业设计完全表现出来,至少第一眼是这样的。

而这本是可以避免的,假如把这张图换成竖版设计,效果就会立马变得不一样,如果只看手机呈现的面积,足足是横版图片的六倍,其视觉冲击感用一个天上一个地下来形容也不为过。

同样的疏忽延续到了刚刚发布的坚果Pro2,展示坚果Pro2全面屏是的主配图是下面这张,当时我看一边看发布会一边刷微博刷到这张图的时候,总感觉到了一丝说不出的别扭:一款主打全面屏手机第一次在网络上出现的时候并没有占据屏幕的全部。

很显然,锤子科技微博其实是直接拿着发布会的演示幻灯图片发出来的,我们可以理解老罗为排期紧张的发布会殚精竭力的同时并没有时间将幻灯片重新设计成竖版,但这是一款工业设计优秀的手机在老罗1400万微博粉丝中第一次亮相,本可以做的更惊艳一些。

作为一家初创企业,老罗是如此重视微博这一传播阵地(从他购买微博的粉丝头条的频率可以看出来),然而在对发布会传播起重要作用的微博图片却留下这样的瑕疵,不得不说是一个遗憾。

不仅仅锤子,卫夕查看了小米、华为等无数在这个时代领先的公司在发布会微博配图也都是横版图片,由此引发一个值得所有市场推广人思考的问题:为什么即使是业内最出色的公司都会忽视横竖屏的问题?

小米MIX2和华为Mate10发布会官微的配图

很多互联网人并没有意识到横竖屏问题的重要性,有些人会下意识的反驳:你把手机横过来不就完了嘛!看完下面的分析你或许就不会这么认为了:

二、从横屏到竖屏:潮水的方向是如何改变的?

要解答这个问题,我们先看来人眼是如何工作的?由于生理结构的原因,人的双眼在大脑前呈横向排列,这样导致的结果就是我们的视场角横向要大于竖向,科学家曾对人类视场角做了一项著名研究,研究结果显示人类的视野大致如下:可以明显看到,整个人类的视场角明显呈横向分布。

即使是单眼,我们眼珠的左右活动范围也要大于上下活动范围,因此注定了我们一眼看过去左右的视场角要大于上下的视场角,为了适应人眼的生理结构。

几乎我们能看到的所有视觉场景的设计都是横版的:从古代的剧场到现代的电影,从客厅的电视机到台式个人电脑,这样的设计的确能更符合我们的视觉直觉,横屏无疑能让我们的眼睛更舒服。

眼睛是横的这一点毫无疑问,然而我们会发现一个明显的悖论:为什么从东方到西方的书籍都是竖版的呢,从毕昇的印刷术产生的《资治通鉴》到古腾堡印出的《圣经》都是清一色的竖版,这只是一种巧合吗?

不,这恰恰说明了一个重要的人体工程学原则:当我们双手的舒适性和双眼的舒适性出现冲突的时候,双手的舒适性的优先级要高于双眼,即首先要保证我们拿着舒服,然后才是我们看的舒服。

这也解释了同属微软office的办公软件,为什么Word默认是竖版排列而PPT是横版排列,因为office刚诞生的时候,PC和互联网还远没有今天普及,电脑从某种意义上就是一台打字机,Word文件的典型使用场景是:用电脑输入、用打印机打印出来双手查看,PPT就不存在这个问题。

手机的出现让这一趋势迅速加剧,准确地说是智能手机的出现,功能机时代很多屏幕都是横版的,智能机是人类增长最迅速的竖版设备,当手机成为人们一个器官的今天,我们随时随地能消费信息的前提是我们能拿住它,因此单手操作的竖版就成为我们和手机日常接触最符合人体工程学的姿势。

当我们竖版拿着手机但出现了横版的构图的时候,就出现了锤子科技坚果Pro那样感觉别扭的构图。这种现象屡见不鲜,从微博配图到电商着陆页,从广告投放到应用设计,毫不夸张地说,如今移动设计的基本矛盾就是:显而易见的竖版手机和汗牛充栋的横版构图之间的矛盾。

有些人一定会反驳:你把手机横过来不就完了嘛!没错,我们的确是可以把手机横过来,然而我们忽略了使用频率的问题,我们看电影或玩大型游戏的时候的共同特征是横过来频率很低,我们横过来可以看一个小时,但让我们一分钟横过来五次我们就疯了。

当一个电商产品在第一眼没有用充满整个屏幕的竖版构图吸引用户的时候,用户为什么要横过来?拜托!大家都很忙滴!你以为你是TFBOYS啊!

数据说明了一切:英国一家调研机构Unruly的一项调查显示,52% 的手机用户习惯将屏幕方向锁定为竖向;MOVR Mobile的报告也显示:智能手机用户有94%的时间将手机竖版持握而非横版。

记住:用智能手机的这一代是人类发展到今天最懒惰的一代人:“横过来,太TM费劲了!”,如果说互联网行业有一条必须遵循的铁律,那么这条铁律八成是:纵容人类的懒惰,而不是改变它!

三、视频的情况也好不到哪里去

微博故事、微信小视频升级成竖版、Facebook快拍、Snapchat的发现频道、Instagram的Story功能.......它们有神马共同特征?

答案是他们都是中美互联网市场上的国民应用在过去两年推出的最重要的功能,而这些功能有一个共同的特征——竖版视频,在整个移动互联网的内容都在不可避免地视频化的大背景下,从长视频到短视频的进化是一个明显的趋势,从横版视频向竖版视频的转变却很少有人注意到,而这恰恰是一个势不可挡的历史潮流。

当我们横版拿着手机看一个小时的《权利的游戏》一点问题都没有,然而当你一分钟内看四个小视频,你不可能把手机横过来四次,从长视频到短视频,从横版视频到竖版视频,背后的逻辑是统一的。

敏锐感知到这一潮流的APP已经尝到了甜头,比如中美短视频领域近年迅速崛起的新贵快手和Snapchat:Snapchat在视频领域提出了3V原则:即video、Vertical、View,即视频化、竖屏化及可看性,即你如果不是竖版的视频素材,那么你就无法在这个全球风头正劲的应用上投放广告。

无独有偶,快手合伙人曾光明也对媒体说:“快手的大数据系统对每天6000万用户的每一个行为进行判断归纳,在当前的用户行为、技术和市场下,“竖屏、57秒”可能是短视频行业的工业标准。”

然而,当整个短视频内容都在向移动转型的时候,我们很多内容提供商和广告主却还没有迅速转变过来,到Instagram的故事页看一看,会发现我们很多熟悉的知名媒体并没有那么多竖版的视频填充,于是他们只能用横版视频拼凑或者竖版的图片拼接成一个幻灯在放映,下面是美国著名的脱口秀节目艾伦秀的官方账号在Instagram的竖屏页面的表现。

我们再来看一个典型的例子,下图是六神花露水投放的应用开屏广告,直接把一个视频放到了素材的顶部,我不知道大家看到这个创意是神马感受,我的感觉是好像在无数跑车飞驰的高速公路上一辆精致的马车在缓缓蠕动,这显然是直接把它在电视上的横版视频素材直接搬到了开屏广告上,六神这个广告从某种意义上就是国内品牌营销观念滞后的一个典型缩影。

在这个问题上,OPPO显然敏锐地走在时代的前列,在微博推出故事后,OPPO就请TFBOYS的三小只在微博故事上进行了广告投放,当王源用竖屏视频透过整个手机屏幕向你介绍R11的时候,OPPO早已在营销理念的前瞻性上将其他品牌远远抛在身后。“比你们不知高到哪里去了!”


四、用户已经变了:横版设计后果很严重

这本质上是一个理念滞后的问题,移动互联网这个伟大的进程推进的是如此迅速,以至于我们很难再短时间之内转变理念、更新思维,因为PC工业的烙印深深地刻在了我们的脑中,横版构图本质上就是一个PC思维。

我们的用户已经发生了深刻的变化,主要体现在:

  • 阅读时间和场景的碎片化,用户在看页面的时候可能在地铁、餐厅,也可能是在马桶上,它的注意力被严重分散。

  • 用户阅读体验走向浅阅读,两秒钟内不抓住用户的眼球他就走了,他还有很多的朋友圈、头条、微博要刷,争取注意力成为一场更加残酷的战争。

信息的消费者早已发生了变化,然而信息的生产者却没有转变思维,由于过去我们在PC上投了太多资源与精力,我们的设计师都是从PC时代过来的,而且即使是在今天,设计师使用的电脑依然是横版电脑,他们没办法把漂亮的苹果iMac电脑竖过来。

如果依然用PC的横版思维来作图,后果非常严重,特别是对投入产品要求特别高的广告行业来说,横版和竖版的的效果可能千差万别,Snapchat的副总裁在戛纳创意节上告诉媒体,经过他们测试,横版视频广告的播放完成率是竖版广告的1/9。正因为竖版效果立竿见影,微信的朋友圈采用竖版视频的广告在2016年增长了46%。

横版构图对于内容生产者来说是一个表现力的问题,对于商家和广告主而言来说就是ROI的问题了:一家每天流水10万的电商店铺,如果利用竖版构图去做信息流广告提升20%的转化,每天的营收就能增加2万,电商从业者会明白我说这句话的意义。

五、我们应该如何做?

明白了竖屏是趋势以及它的重要意义之后我们能做神马呢?

“能做神马?当然是以后用竖版图片发朋友圈啦!终于明白我朋友圈晒新买的一双耐克为什么点赞那么少了,原来我犯了和锤子科技一样的错误!”

哈哈哈,能明白这一点其实悟性非常高,我并木有开玩笑(认真状.......)

更进一步,我们可以从以下方面重视横竖屏的问题:

首先,从“道”层面,我们需要从理念上认识到竖屏的意义,从思想上彻底和PC时代说拜拜,重新梳理我们对于手机频幕和手机用户的认识,这需要整个团队一起转变思维:如果你是运营,请将这篇文章发给你们产品;如果你是产品,请转给技术和设计;如果你是老板,请转给你的员工。

其次,从“术”的层面:

1).学习竖版构图,横屏更适合全局性,大场面的叙事方式,竖屏更适合去表达个体,专注于人物和事件本身等等,基于这一点,竖屏制作中需要重新考虑内容的重点、画面的构图等等,比如PC时代常见的图片和文字的左右结构可以修改成上下结构,本来是横着摆放的拍摄可以竖着排放。

锤子科技的PC网站和移动网站其实已经注意到了这个问题

2).对自己所负责的业务做一个全面的检查。把你负责的所有页面进行了一个全面的检查,不管是常规内容素材还是广告素材,不管是公司官方还是广告落地页,不管是公司微博还是微信。在注意力成为稀有资源的今天,谁的图有冲击力谁就能获得更多的展现机会。

3).重视视频的竖屏化,整个内容趋势都在向视频转型,我们需要对这个趋势保持敬畏,不管你是做内容还是做广告,竖版的视频都能更好地在移动设备上展示。当相机厂商和视频剪辑软件还没有转过湾来的时候你可以从手机拍摄开始,手机天然是一个竖屏拍摄工具,你做电商,可以让你的模特拍两个竖版视频;你做APP,直接上录屏应用的操作界面。事实上,Facebook上超过三分之一以上的应用广告都是直接放应用录屏画面。同时竖屏构图的一个简单实用的技巧就是把镜头对准单一的个人,哪怕你只对准他的头部,移动直播如此火爆不是没有原因滴。

不要怕增加成本,这些成本将以更多倍的方式返回。

人是任何产业的核心,而人恰好是竖版的,这是一种巧合还是一种宿命?

本文转载于“卫夕聊广告”微信公众号。

作者简介:卫夕,新浪微博广告产品经理,致力于剖析互联网广告的基本逻辑、思路及技巧。想看作者后续更多深度好文,请关注作者微信公众号:“卫夕聊广告”,或直接微信搜索:weixiads

锤子科技犯过的构图错误你一定也犯过相关推荐

  1. MTK王者归来,它曾犯的5个错误也值得本土芯片公司引鉴

    首页┆ 日志┆ 博客┆ 推荐┆ 热评┆ 热门┆ 管理┆ 登录 bubblepao的专栏 首页┆博文目录┆订阅 正 文 MTK王者归来,它曾犯的5个错误也值得本土芯片公司引鉴 (2017-9-1 10: ...

  2. 当上 CTO 才发现:程序员时常犯的 4 个错误有多可怕!

    ‍‍ [CSDN 编者按]随着网络科技的创新,IT行业迎来了长足的发展,程序员群体也在不断扩大当中.尽管程序员能够解决开发或测试或运维等各自方向的大部分问题,但程序员毕竟不是万能的,也会出现常见的错误 ...

  3. 数据挖掘中最容易犯的几个错误,你知道吗?

    按照Elder博士的总结,这10大易犯错误包括: 0. 缺乏数据(Lack Data) 1. 太关注训练(Focus on Training) 2. 只依赖一项技术(Rely on One Techn ...

  4. 《经理人常犯的11种错误》观后感

    这几天又看了余世维先生几年前的录制的<经理人常犯的11种错误>,感触良多,兹为笔记. 余先生的眼光高远,看问题视角独到,往往从小处入手,令人耳目一新. 现在我们还是强调去国际接轨,我们一些 ...

  5. 胡玮炜卸任后美团将优化裁员;爆料称罗永浩卸任锤子科技CEO;华为麒麟985首次曝光 | 雷锋早报...

    胡玮炜辞去摩拜 CEO后 传美团将进行优化裁员 雷锋网(公众号:雷锋网)消息,12 月 23 日,赶在 2018 年冬至的后一天,摩拜单车创始人胡玮炜在给公司的内部信中宣布,辞去摩拜 CEO 一职,接 ...

  6. 我来说说2015年8月25日锤子科技夏季手机发布会的内情

    我来说说2015年8月25日锤子科技夏季手机发布会的内情, 虽然我也没去现场,我也不是锤子科技的,我跟锤子科技的人也不熟.那算什么内情啊?好吧,改一下,我来瞎说一下2015锤子科技夏季手机发布会的内情 ...

  7. 锤子手机失败的原因:错误的定位

    在2014年,锤子遇到了不少麻烦,产品发布供不上货,产品品质和设计被质疑,降价清库存让老罗说的"定价低于2500当你孙子"被挖出来打脸. 但是锤子在2014年末.2015年初拿到了 ...

  8. 【转】程序员的职业生涯该如何过——前锤子科技研发总监池建强

    http://www.jizhuomi.com/career/701.html 1.写在前面 加入极客邦的第一天就被拉到了「大咖说」的现场,这也是我始料未及的事情.从锤子科技正式离职之后,我享受了一个 ...

  9. 大数据学习(机器学习)初学者常犯的9个错误

    原文:9 Mistakes to Avoid When Starting Your Career in Data Science 如果你想从事大数据行业(包含机器学习,下同),那么你一定要避免以下9个 ...

最新文章

  1. 五点讲述C++智能指针的点点滴滴
  2. [转] 使用nginx sticky实现基于cookie的负载均衡
  3. python 函数 日期区间_python-如何获取两个日期之间的日期
  4. 把佳佳的博客搬出去了
  5. linux 修改 java 内存_Linux 和 Windows修改Java虚拟机内存大小
  6. 如何用Pygame写游戏(三)
  7. 当前主要使用的python版本_动力火车当歌词
  8. Cover V2将启用两条产品线 本周开始进行V2 UI开发
  9. JS编辑器获取选择内容的HTML多浏览器兼容性写法(支持Chorme、Firefox)
  10. PL/SQL Developer图形化窗口创建数据库(表空间和用户)以及相关查询sql
  11. 计算机动画原理课程设计,Flash动画优化的原理和常用优化方式,毕业论文,课程设计,PPT,开发报告,外文翻译 - 论文助手...
  12. [easyui] - 在easyui的table中展示提示框
  13. 计算机英语emulated,【英语词汇】 imitate、mimic、mock、 simulate、emulate 这组词都有...
  14. UR5 UR10 ------六自由度机械臂
  15. DRP系统知识点总结
  16. glide 设置宽高_Android之ImageView加载图片保持宽高比
  17. centos7连接WiFi,并设置开机自动连接WiFi
  18. java 霍夫变换_霍夫变换(Hough Transform)
  19. 郑州大学现代远程教育《商务礼仪》课程考核作业要求院校通智慧校园
  20. 709元我上了斐讯K2P的车

热门文章

  1. OpenYurt 深度解读:如何构建 Kubernetes 原生云边高效协同网络?
  2. 函数计算自动化运维实战2 -- 事件触发 eip 自动转移
  3. Serverless 与容器决战在即?有了弹性伸缩就不一样了
  4. cfile清空文件内容_电脑C盘文件夹哪些可以删除?教你如何快速清理,旧电脑还能用3年...
  5. 广联达2018模板算量步骤_工程人必须掌握:这9份软件算量教程+24份算量计算表,无偿分享...
  6. python异常处理_汇总三大python异常处理、自定义异常、断言原理与用法分析
  7. 回顾2018,计划2019
  8. 全球及中国七氟二甲基辛二酸铜(II)行业竞争策略与投资前景研究报告2022版
  9. 全球及中国冷冻玉米粒行业盈利分析与投资机会评估报告2022-2028年版
  10. 实用:Google Chrome 键盘快捷键大全