首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

《公众号图文滑动按钮设计大全》

随着SVG交互的普及,各种滑动玩法层出不穷,滑动的交互形式在图文中越来越常见了。

但无论什么滑动玩法,品牌都会设计一个滑动按钮来引导用户滑动。这小小的滑动按钮也是很有讲究的。

今天给大家整理了Apple、百事中国、完美日记等品牌的28个滑动案例,将其分为拐线箭头半箭头三角形手势圆圈圆圈+拐线或箭头其他特殊形状8类滑动设计样式,希望为大家设计时提供一些参考。

1

拐线

来自「石头科技ro‍borock」:

·

用拐线引导用户滑动是最为常见的一种设计,拐线数量一般为1条、2条或3条,也可以是更多条,有时也会设计为从一边滑向另一边的动态效果,提示更明显。

单拐线:

*图片来自「我乐家居官方号」

双拐线:

三拐线:

2

箭头

来自「Burberry」:

用箭头表示向左滑的引导设计,能够体现更明显的方向感。符合日常生活中人们的使用习惯,也更具有标志性。

3

半箭头

半箭头在兼顾箭头方向感的同时,设计更加简洁和独特,能够更好地吸引用户的注意力。

4

三角形

来自「别克」:

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20220412A022NY00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券