ui底部导航栏设计规范

来源：杭州天琥设计培训学校时间：2023/6/16 9:06:13

导航模式是提高可用性的捷径，当你看到近年来成功的交互式导航设计时，明显的赢家是那些实施基本原则的人。今天小编主要给大家分享ui底部导航栏设计规范，希望对你们有帮助!

简单

首先，导航系统必须简单。好的导航应该感觉像一只无形的手在引导用户，一种方法是根据移动用户有可能执行的任务，来确定移动应用内容和导航的级。

可见

识别物体比记忆更容易。这意味着你应该通过操作和选项的可见来小化用户的内存负担。导航应该始终可用，而不仅仅是当我们期望用户需要它的时候才能用。

明确

导航功能是不言而喻的，你需要以简洁明了的方式传达信息。在没有任何外部指导的情况下，用户应该一眼就知道如何从点a移动到点b。想一下购物车图标，它作为一个标签或标识符，用户不需要考虑如何导航就进行购买，该元素指导他们执行适当的操作。

一致性

所有视图的导航系统都应该相同，不要在不同页面的位置放置导航控件，不要欺骗你的用户。永远保持言行一致，你应该的导航中使用“不意外的原则”。导航应该激励用户参与你提供的内容并与之交互。

标签栏

许多应用程序使用标签栏来显示应用程序重要的功能，Facebook可以通过触摸提供核心功能的主要部分，允许在功能之间切换。

图标

底部导航应该与图标内容进行适当的结合，虽然有一些用户熟悉常用的图标，但大多数图标代表的功能包括搜索、电子邮件、打印等都很常见。

颜色

避免在底部标签栏中使用不同颜色的图标和文本标签，相反，遵循这个简单的规则，用应用程序的主色给当前底部导航(包括图标和任何显示的文本标签)着色。