柱子开讲竖屏思维【10】:不懂竖屏,你的舞台被切掉了2/3
- 原创
- 陈柱子
- 2017-02-15
-
不懂竖屏,猛虎都会变成病猫
竖屏突然驾道,让所有人一下子措手不及。绝大多数人人还按照原来横屏的思维和方法在创意、构图、摄影、设计。但是如果不深入琢磨竖屏的规律,你就自己把舞台切掉了三分之二。
在PC横屏上,我们在PC上设计出的图片大都是横方形的。这样的图片会占满整个PC屏幕,最具视觉冲击力,而且也符合“眼帘形状类似”的天生舒适。不仅是PC,其实在包括舞台、广告牌、大屏幕PPT等所有的类横屏上,大家都非常习惯性地横屏构图。
但同样一张横方形图片进入了竖方形手机屏,竟然只能占手机屏幕的三分之一!由于只用了三分之一的屏幕面积来展示同一个主体,视觉冲击力、场景带入感、情感诉求等等都大打折扣。
PC屏上的猛虎,进入手机屏后变得太小了。小图片丧失了视觉冲击力,传递给用户的整体信息量太少,从而导致了用户对老虎丧失了畏惧之心。
不懂竖屏,猛虎都会变成病猫。更别提那些对用户来无关痛痒的销售性信息了。
竖方形图:竖屏上最舒服的构图形式
那么在手机屏幕上应该如何去构图,才能够保持老虎的原貌呢?
应该用竖方形的图片进入竖屏,这样图片才能把整个屏幕占满。这时老虎的威慑力自然地通过屏幕传递了过来。
揭秘屏幕被切掉了2/3的魔术:不同基准的等比缩放
PC屏上的16:9横方形满屏图片,在9:16手机屏上变成了一个更小的16:9横方形满屏图片,这中间做了以手机屏屏宽为基准的等比缩放。用小学算术推导一下就会知道:PC满屏横方形图片进入了竖方形手机屏之后,只占了手机屏幕的0.316(约三分之一)大小!
在9:16竖方形的手机屏上,如果想重新让图片占满整个手机屏幕获得最大化的视觉冲击效果,必须用同样的9:16竖方形图片。
当然,在9:16竖方形手机屏上得以满屏的图片,进入16:9电脑横屏时,做了以PC屏屏高为基准进行等比缩放。同样也只能占1/3的PC屏幕面积。
这就是不同基准的等比缩放魔术。在不同形状的屏幕,以不同的基准做等比缩放,会得出天壤之别的结果。屏幕形状改变了,构图形状也应该随之改变。否则就会浪费屏幕空间、降低图片视觉冲击力、减少内容的传递信息量。
更直接地说,做手机端设计不尊重竖屏,就会浪费转化率、浪费流量、浪费钱。
看懂上面三张图,启动了竖屏思维的开关
当前在手机屏上到处都是本来适配于PC屏设计的横方形图片。
一方面因为设计师在PC横屏前工作,不由自主地受到了PC屏幕形状的影响;更深层的原因,是长期的传统平面设计思维根深蒂固,设计师潜意识里的绝大多数美术作品,都是横方形构图。
你的手机端设计已经采用竖方形图片了吗?
用心看懂上面四张图,从此你在手机屏上比普通设计师多出了两倍展示舞台。
到此,也恭喜你启动了竖屏思维的开关。
- 上一篇:柱子开讲竖屏思维【9】:竖屏!竖屏!竖屏
- 下一篇:柱子开讲竖屏思维【11】:一孔亦可窥豹