UI素材|标签页 Tab实用案例,可临摹学习

在导航类中有一种很基础也很重要的模块:tab选项卡与分段控件。它们功能一致,分别来自于安卓和苹果。其物理原型为书本上的小标签:

标签页 Tab

用于让用户在不同的视图中进行切换;标签数量,一般 2-4 个;其中,标签中的文案需要精简,一般 2-4 个字。

UI素材|标签页 Tab实用案例,可临摹学习

tab选项卡

Tab选项卡(tabs)是安卓系统中用来在不同页面或不同数据组之间切换的模块,这些页面或数据组分别用tab选项卡中的一个标签项(tab item)来表示,它们所代表的内容是属于同一层级、相互独立的的--没有顺序关系或比较关系,所以,tab选项卡不适合用在带有操作顺序的场景中(不能用一个tab表示一个步骤),这类场景最好用步骤条来展示。

Tab选项卡通常位于页面上方,在内容区和顶部应用栏之间,有时候也存在于某个容器顶部。

UI素材|标签页 Tab实用案例,可临摹学习

分类

它分为固定tab选项卡(fixed tabs)和可滑动tab选项卡(scrollable tabs)。固定类在手机上不能超过4个标签项,每个等宽且全部可见。

搜UI (SOOUI) 带来UI设计日常用到的标签页 Tab素材模板,看看优秀实际案例,分层素材便于初学者进行了解设置原理!

 

UI素材|标签页 Tab实用案例,可临摹学习

可读标签栏

UI素材|标签页 Tab实用案例,可临摹学习

个性化标签栏

UI素材|标签页 Tab实用案例,可临摹学习

每日UI价格标签

UI素材|标签页 Tab实用案例,可临摹学习

标签栏互动

UI素材|标签页 Tab实用案例,可临摹学习

标签库

UI素材|标签页 Tab实用案例,可临摹学习

标签应用

UI素材|标签页 Tab实用案例,可临摹学习

Android的标签

UI素材|标签页 Tab实用案例,可临摹学习

iOS的标签栏