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

原创 收藏 评论
举报 2022-05-10


「看公众号图文就像观赏一幅画卷。」


                                                                                    

很多人如此评价一些惊艳的横屏长图文。横屏长图文,在开头通常不会少了一个提示读者将手机横过来看的标识。


「横屏阅读」标识如何设计更好一些?


今天给大家整理了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) 后台授权,侵权必究。

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    暂无评论哦,快来评论一下吧!

    全部评论(0条)