「看公众号图文就像观赏一幅画卷。」
很多人如此评价一些惊艳的横屏长图文。横屏长图文,在开头通常不会少了一个提示读者将手机横过来看的标识。
「横屏阅读」标识如何设计更好一些?
今天给大家整理了OPPO、喜茶、NIKE等21个品牌中需要横屏阅读的案例,将里面的横屏阅读提示分为了单手机、双手机、旋转箭头、手机+旋转箭头、手机+锁、其他特殊形状6类设计,一起看看吧。
1、单手机
用手机引导用户翻转屏幕是最为常见的一种设计,动态的手机翻转效果提示会更加明确。手机形状通常采用线框设计。
*图片分别来自「水星家纺」「上好佳」「恒泰资产」「OPPO」
2、双手机
双手机的设计样式能够让提示更加明显,尤其是动态的提示,可以明确显示出横屏翻转前后的区别。
*图片分别来自「宾三得利威士忌 有时有你」「Airbnb爱彼迎」
3、旋转箭头
旋转箭头更加简约,适用于大部分的图文,也可以设计得更加小巧,这样的设计能够减少对版面的影响。
*图片分别来自「美人纪摄影」「HEYTEA喜茶」「奈蔻NEXYCO」
4、手机+旋转箭头
除了普通的手机和箭头的样式,还可以设计为手机和箭头搭配起来使用的提示,使用户能更明确地操作。
*图片分别来自「时尚芭莎」「雷克萨斯中国」「一汽红旗」「长安福特」「NIKE」
5、手机+锁
「手机+锁」的提示按钮不仅引导大家旋转屏幕,而且提示大家锁屏浏览,这样防止大家错误操作,使屏幕再次回到竖屏。
*图片分别来自「玛莎拉蒂中国」「三星电子」「Pt铂金」「VALENTINO」「GUCCI」
6、其他特殊形状
除了以上手机、箭头或锁等形状,还有一些图文选择使用手势、文字按钮等特殊形状来引导,这样的设计可能能更好的与整体长图设计相匹配。
附:
如果你还想查看更多横屏阅读案例,可以到「品牌时光机」交互图文案例库(网址:brandtime.cn)按「横版视频」交互分类去查找。
现在新用户注册登录iPaiban Pro 黑科技编辑器,在「新手礼包」可领取3天企业标准版会员体验权,以及22个常用必备组件的大礼包(1年)。
认准编辑器网址:x.iPaiban.com,复制网址在 PC 端 Chrome(谷歌)浏览器打开,即可开始创作SVG交互排版(又称公众号交互图文、互动图文、黑科技排版、互动式排版)