UI 标签栏的作用有哪些?
导航是移动 UI 中最常见的组成部分,通常放置在 UI 标签栏上,以帮助我们在不同的页面之间切换。UI 标签栏可以保持界面的可控性,并提高可用性。简而言之,UI 标签栏可以加强交互,让用户熟悉界面。
导航变得清晰可见
移动导航起着主要的界面控制作用。UI 标签栏考虑了用户习惯的实际视觉外观,可以轻松划分层次。
内容会变得更有条理
UI 标签栏可以组织内容并将其划分为合理的部分,使空间有限的移动屏幕不会显得凌乱。
使视觉上更加一致
UI 标签栏允许用户确定优先级,并了解关键界面的功能。平面风 UI 趋势往往能赢得用户的青睐
UI 标签栏的应用场景有哪些?
分类同级视图
如即时设计社区中的 UI 设计套件所示,界面有两个独立的标签条:“保存图片” 和 “共享邀请”,它们相互排斥。通过 UI 标签栏,您可以在不同的视图之间转换,并且可以很容易地预测特定类别的内容,而不需要交替搜索或导航到另一个区域。
显示平行内容
大多数时候,用户不会对单个 UI 标签栏的内容感兴趣,但在滑动平行标签栏时,用户会选择他们想要的标签栏进行跳转。如果您认为用户对当前内容感兴趣,则不需要使用 UI 标签栏,因为要求用户来回切换会增加内存负荷,影响可用性。
过滤器和范围栏
标签可以嵌入整个范围栏,这样用户就可以看到他们可以搜索的所有领域和类别。如 UI 设计工具即时设计模板服装电子商务应用程序设计界面所示,标签将商品分为男装、女装、儿童、婴儿等类别。
UI 标签栏设计总结
UI 标签栏的设计应定义清晰,易于识别,并能为用户带来有效的导航。优秀的 UI 标签栏设计应确保以下要点:
可识别性。重要的操作和应该看起来一样,无论 APP 在哪里都能找到。如果设计技术符合用户的认知,他们可以毫不费力地找到它。
可预测性。用户希望事情总是以同样的方式进行,所以要避免复杂的设计,以免让他们感到困惑。
明确的目标。设计师应该定义哪些功能是可用的,并形成用户需要的确切动作来实现目标。
效率。用户不应花时间学习如何使用功能,或迷失在不连贯、不清晰的页面内容中。
通过以上的设计规则和技巧,你一定有很多感受。你不妨打开即时设计工作台,自己试试!如果您想了解更多关于设计规范的信息,请进入即时设计社区查看更多高质量的 UI 标签栏设计。我相信它能给你带来学习上的帮助和灵感。
即时设计是一种可以在线使用的标签设计软件,不仅可以在线使用,而且是免费的,可以说非常认真,非常适合预算较少的设计师。即时设计还提供了全面的设计工具,如矢量编辑、笔工具等,以及大量的标签设计模板,以及商业字体、图片等,只需要在即时设计的资源广场中找到各种你想要的资源,并免费使用。此外,即时设计还支持团队合作,不仅可以进行标签设计,还可以进行界面设计、原型设计等,是一个非常全面的设计软件。