《品牌图文长按按钮设计大全》
随着使用交互图文的品牌越来越多,大家也更加重视引导按钮的设计,那么,如何根据图文内容设计相应的「长按」引导按钮呢?
截至目前,「品牌时光机」案例库(Brandtime.cn)已收录案例36000+,今天给大家整理了Airbnb爱彼迎、梅赛德斯-奔驰、乔万尼时尚女装、vivo范儿等40个引导「长按」案例,分为按钮、手势、圆圈、文字、指纹、箭头、其他特殊形状7类引导「长按」按钮设计样式,大家可以参考。
来自「梅赛德斯-奔驰客户服务」:
点此查看案例原文
用按钮引导用户长按是最为常见的一种设计,这样的设计可以适用于绝大部分的图文内容。
*图片分别来自「Airbnb爱彼迎」「乔万尼时尚女装」「恒生中国」
来自「宝马中国」:
用手势引导大家「长按」,能够使交互提示更明显,而且可以根据图文内容设计不同的手指。
*图片分别来自「施洛华眼镜」「一汽大众奥迪二手车」「Chopard萧邦」「舒化」「iRobot机器人」「别克」「雷克萨斯中国」「FOTILE方太」
来自「一汽大众奥迪二手车」:
点此查看案例原文
用圆圈引导大家「长按」,能够使交互提示和图文内容结合的更紧密,而且可以设计为动态按钮,让提示更明显。
*图片分别来自「AlexanderMcQueen」「沈阳市府恒隆广场」「佳叽Jargee」「MARNI」「捷豹路虎中国」「长安马自达」
来自「OPPO」:
点此查看案例原文
用简单的文字提示也能达到很好的提示效果,在设计上可以采用渐隐渐显的动效,使文字提示和正文区分开。
*图片分别来自「凯乐士科技」「万宝龙MONTBLANC」
来自「梅赛德斯-奔驰」:
指纹做的引导按钮在视觉上会显得更加精致和具有设计感,一般结合引导长按的文案进行呈现,也适合增加渐隐渐显的动画,突出主体。
*图片分别来自「梅赛德斯-奔驰」「一加科技」「德国BEBA3」「PRphoto」「一汽丰田丰享汇」「Bananain蕉内」「OnitsukaTiger」「宝马中国」
来自「长安马自达」:
箭头做的引导按钮会更具有设计感,一般是在提示文字的两边或者某一侧边加上箭头用作修饰,引导用户进行交互。
*图片分别来自「老碗会」
除了常规的按钮、手势、圆圈、文字、指纹、箭头等设计,也可以通过排列组合不同的形状设计成长按引导按钮。
*图片分别来自「德国BEBA3」「长安马自达」「北京现代」「梅赛德斯-奔驰客户服务」
附:
《公众号图文底部签名区样式大全》
《图文视频号图片设计大全》
《品牌图文滑动按钮设计大全》
《品牌图文点击按钮设计大全》
《公众号图文横屏旋转提示设计大全》
《品牌图文引导在看设计大全》
如果你还想查看更多引导长按相关案例,可以到「品牌时光机」交互图文案例库(网址:brandtime.cn)去查找,目前总案例数已达36000+。
制作SVG交互图文认准 iPaiban Pro 黑科技编辑器,网址:x.iPaiban.com,复制网址在 PC 端 Chrome(谷歌)浏览器打开,即可开始注册并使用。
现在扫码添加客服还可免费领取15天的案例库会员权限????
????????扫码添加客服????????
领取「品牌时光机」案例库会员
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本文禁止转载,侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。
评论
评论
推荐评论
暂无评论哦,快来评论一下吧!
全部评论(0条)