1、使用3-5个按钮
确保底部导航的按钮控制在3-5个之间。5个按钮通常会让导航的空间比较紧凑局促,用户可能会误触,这样会让体验非常差。
如果真的有超过5个导航图标的话,建议参考 Google 的做法,使用汉堡菜单将它们隐藏在其他更加易于访问的地方。
2、不要使用滚动式的导航栏
这同样是为了解决导航栏图标过多的问题而诞生的一个思路,但是这个方案其实解决不了问题,因为总会有图标被遮住,这样带来的不确定的问题更多!
3、保持视觉和风格的一致性
保持图标在设计上的一致性其实非常重要,这是保证 APP 在设计上,有着最基本的专业性。不一致的设计非常容易被用户注意到,带来的用户体验的隐患是非常之大的。比如图标的样式尽量保持一致,风格保持统一,等等等等。
4、避免使用多种颜色
作为一个对功能性要求较高的控件,导航栏本身是需要传递「触发」和「非触发」的概念的,而信息的传达更多时候是借助色彩和不透明度来呈现的,使用过多的色彩会导致导航栏失去这种基础的辨识度。
5、文本标签不要截断或换行
文本标签为导航栏提供了快速且易于理解的信息提示,尽量使用单个词汇来予以说明才符合它所处的位置,所以,尽量不要让它被截断或者换行。
声明:本网站尊重并保护知识产权,根据《信息网络传播权保护条例》,如果用户发布的作品侵犯了您的权利,请联系管理员:wupeng@hqwx.com
环球青藤
官方QQ群扫描上方二维码或点击一键加群,免费领取大礼包,加群暗号:青藤。 一键加群
应《中华人民共和国网络安全法》加强实名认证机制要求,同时为更加全面的体验产品服务,烦请您绑定手机号.