问答详情

如何设计出体验更好的UI底部导航栏?

643次观看
标签: UI底部导航栏
老师回答

1、使用3-5个按钮

确保底部导航的按钮控制在3-5个之间。5个按钮通常会让导航的空间比较紧凑局促,用户可能会误触,这样会让体验非常差。

如果真的有超过5个导航图标的话,建议参考 Google 的做法,使用汉堡菜单将它们隐藏在其他更加易于访问的地方。

2、不要使用滚动式的导航栏

这同样是为了解决导航栏图标过多的问题而诞生的一个思路,但是这个方案其实解决不了问题,因为总会有图标被遮住,这样带来的不确定的问题更多!

3、保持视觉和风格的一致性

保持图标在设计上的一致性其实非常重要,这是保证 APP 在设计上,有着最基本的专业性。不一致的设计非常容易被用户注意到,带来的用户体验的隐患是非常之大的。比如图标的样式尽量保持一致,风格保持统一,等等等等。

4、避免使用多种颜色

作为一个对功能性要求较高的控件,导航栏本身是需要传递「触发」和「非触发」的概念的,而信息的传达更多时候是借助色彩和不透明度来呈现的,使用过多的色彩会导致导航栏失去这种基础的辨识度。

5、文本标签不要截断或换行

文本标签为导航栏提供了快速且易于理解的信息提示,尽量使用单个词汇来予以说明才符合它所处的位置,所以,尽量不要让它被截断或者换行。

免费直播

    精选课程
    相关推荐

    注册电脑版

    版权所有 2003-2020 广州环球青藤科技发展有限公司