《公众号图文横屏旋转提示设计大全》


「看公众号图文就像观赏一幅画卷。」
很多人如此评价一些惊艳的横屏长图文。横屏长图文,在开头通常不会少了一个提示读者将手机横过来看的标识。
「横屏阅读」标识如何设计更好一些?
今天给大家整理了OPPO、喜茶、NIKE等21个品牌中需要横屏阅读的案例,将里面的横屏阅读提示分为了单手机、双手机、旋转箭头、手机+旋转箭头、手机+锁、其他特殊形状6类设计,一起看看吧。

用手机引导用户翻转屏幕是最为常见的一种设计,动态的手机翻转效果提示会更加明确。手机形状通常采用线框设计。




*图片分别来自「水星家纺」「上好佳」「恒泰资产」「OPPO」
双手机的设计样式能够让提示更加明显,尤其是动态的提示,可以明确显示出横屏翻转前后的区别。


*图片分别来自「宾三得利威士忌 有时有你」「Airbnb爱彼迎」
翻转箭头更加的简约和适用于大部分的图文,也可以设计得更加小巧,这样的设计能够减少对版面的影响。



*图片分别来自「美人纪摄影」「HEYTEA喜茶」「奈蔻NEXYCO」
除了普通的手机和箭头的样式,还可以设计为手机和箭头搭配起来使用的提示,使用户能更明确的操作。





*图片分别来自「时尚芭莎」「雷克萨斯中国」「一汽红旗」「长安福特」「NIKE」

“手机+锁”的提示按钮不仅引导大家翻转屏幕,而且提示大家锁屏浏览,这样防止大家错误操作,使屏幕再次回到竖屏。





*图片分别来自「玛莎拉蒂中国」「三星电子」「Pt铂金」「VALENTINO」「GUCCI」
·
除了以上手机、箭头或锁等形状,还有一些图文选择使用文字按钮、手指等特殊形状来引导,这样的设计可能能更好的与整体长图设计相匹配。

*图片分别来自「沃尔沃汽车」「茶乙己」
附:
《公众号图文底部签名区样式大全》
如果你还想查看更多横屏阅读案例,可以到「品牌时光机」交互图文案例库(网址:brandtime.cn)按「横版视频」交互分类去查找。

目前总案例数已达32000+,其中4000+案例支持一键还原。

制作SVG交互图文认准 iPaiban Pro 黑科技编辑器,网址:x.iPaiban.com,复制网址在 PC 端 Chrome(谷歌)浏览器打开,即可开始注册并使用。
现在扫码添加客服还可免费领取15天的案例库会员权限????

????????扫码添加客服????????
领取「品牌时光机」案例库会
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本文禁止转载,侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。




评论
评论
推荐评论
暂无评论哦,快来评论一下吧!
全部评论(0条)