欢迎来到培训无忧网!

全国切换

咨询热线 400-001-5729

位置:培训无忧网 > 新闻资讯 > 电脑/IT > UI设计 >  ui底部导航栏设计规范

ui底部导航栏设计规范

来源:培训无忧网 发布人:裴裴

2022-05-11 21:56:17|已浏览:2689次

ui底部导航栏设计规范

ui底部导航栏设计规范

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

      简单

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

      可见

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

      明确

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

      一致性

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

      标签栏

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

      图标

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

      颜色

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

      注:尊重原创文章,转载请注明出处和链接 https://www.pxwy.cn/news-id-32832.html 违者必究!部分文章来源于网络由培训无忧网编辑部人员整理发布,内容真实性请自行核实或联系我们,了解更多相关资讯请关注UI设计频道查看更多,了解相关专业课程信息您可在线咨询也可免费申请试课。关注官方微信了解更多:150 3333 6050

留下你的信息,课程顾问老师会一对一帮助你规划更适合你的专业课程!
  • 姓名:

  • 手机:

  • 地区:

  • 想学什么:

  • 培训无忧网
免 费 申 请 试 听
提交申请,《培训无忧网》课程顾问老师会一对一帮助你规划更适合你的专业课程!