• 服务支持:点击这里给我发消息
陈柱子微信公众号二维码
柱子开讲竖屏思维
醒觉思维惯性
重新认识战场
重新认识用户
重新认识你自己
柱子十刀
思维进阶

柱子开讲竖屏思维【10】:不懂竖屏,你的舞台被切掉了2/3

原创
陈柱子
2017-02-15

柱子开讲竖屏思维-配图-10-1

不懂竖屏,猛虎都会变成病猫

竖屏突然驾道,让所有人一下子措手不及。绝大多数人人还按照原来横屏的思维和方法在创意、构图、摄影、设计。但是如果不深入琢磨竖屏的规律,你就自己把舞台切掉了三分之二。

在PC横屏上,我们在PC上设计出的图片大都是横方形的。这样的图片会占满整个PC屏幕,最具视觉冲击力,而且也符合“眼帘形状类似”的天生舒适。不仅是PC,其实在包括舞台、广告牌、大屏幕PPT等所有的类横屏上,大家都非常习惯性地横屏构图。

同样一张横方形图片进入了竖方形手机屏,竟然只能占手机屏幕的三分之一!由于只用了三分之一的屏幕面积来展示同一个主体,视觉冲击力、场景带入感、情感诉求等等都大打折扣。

柱子开讲竖屏思维-配图-10-2

PC屏上的猛虎,进入手机屏后变得太小了。小图片丧失了视觉冲击力,传递给用户的整体信息量太少,从而导致了用户对老虎丧失了畏惧之心。

不懂竖屏,猛虎都会变成病猫。更别提那些对用户来无关痛痒的销售性信息了。

竖方形图:竖屏上最舒服的构图形式

那么在手机屏幕上应该如何去构图,才能够保持老虎的原貌呢?

应该用竖方形的图片进入竖屏,这样图片才能把整个屏幕占满。这时老虎的威慑力自然地通过屏幕传递了过来。

柱子开讲竖屏思维-配图-10-3

揭秘屏幕被切掉了2/3的魔术:不同基准的等比缩放

PC屏上的16:9横方形满屏图片,在9:16手机屏上变成了一个更小的16:9横方形满屏图片,这中间做了以手机屏屏宽为基准的等比缩放。用小学算术推导一下就会知道:PC满屏横方形图片进入了竖方形手机屏之后,只占了手机屏幕的0.316(约三分之一)大小!

在9:16竖方形的手机屏上,如果想重新让图片占满整个手机屏幕获得最大化的视觉冲击效果,必须用同样的9:16竖方形图片。

当然,在9:16竖方形手机屏上得以满屏的图片,进入16:9电脑横屏时,做了以PC屏屏高为基准进行等比缩放。同样也只能占1/3的PC屏幕面积。

柱子开讲竖屏思维-配图-10-

这就是不同基准的等比缩放魔术。在不同形状的屏幕,以不同的基准做等比缩放,会得出天壤之别的结果。屏幕形状改变了,构图形状也应该随之改变。否则就会浪费屏幕空间、降低图片视觉冲击力、减少内容的传递信息量。

更直接地说,做手机端设计不尊重竖屏,就会浪费转化率、浪费流量、浪费钱。

看懂上面三张图,启动了竖屏思维的开关

当前在手机屏上到处都是本来适配于PC屏设计的横方形图片。

一方面因为设计师在PC横屏前工作,不由自主地受到了PC屏幕形状的影响;更深层的原因,是长期的传统平面设计思维根深蒂固,设计师潜意识里的绝大多数美术作品,都是横方形构图。

你的手机端设计已经采用竖方形图片了吗?

用心看懂上面四张图,从此你在手机屏上比普通设计师多出了两倍展示舞台。

到此,也恭喜你启动了竖屏思维的开关。

上一篇:柱子开讲竖屏思维【9】:竖屏!竖屏!竖屏
下一篇:柱子开讲竖屏思维【11】:一孔亦可窥豹