标签页是日常UI设计中经常会使用的组件,无论是C端产品,还是B端产品,都离不开它。今天我们来看下有哪些不一样的标签页设计,来帮助我们打破标签页设计的常规思维,做出不一样的标签页设计,助力产品体验的提升。
图标、文字上下排版,通过添加圆角矩形背景来表示选中状态。可以提升页面丰富度和设计感。
标题、副标题上下排版,副标题要尽量精简,可以描述关键的信息,让用户快速获取,也可以是对标题进行描述,帮助用户理解其含义。通过文字的颜色变化来区分选中态和未选中态。
就是将选中态的背景做成异形,常结合卡片进行设计。体现出设计的差异化和美感。
在标签页的应用场景中,经常会遇到标签页个数大于5的这种场景,针对这种场景有哪些设计方法?接下来我们就来看下:
如果是网页设计,可以在标签两边增加左右箭头,点击展示更多。
如果是移动端设计,一种方式是通过左右滑动手势查看更多;另一种方式是结合下拉菜单展示更多。大家可根据自己的实际业务情况去选择使用。
本次关于标签页设计的分享就到这里,希望可以对大家有一些帮助,感谢大家的关注和支持!
注:以上文中配图均来自于网络或应用截图,仅作学习分享使用。