底部导航栏图标重要性及维度
重要性
底部导航栏的图标是路牌,承担着指路的作用,给用户指明进入产品后可以分别通往什么页面。早期的底部导航栏是单一的指路功能,经过多年的交互设计迭代后,附加了「信息展示」和「引导操作」的作用,这点会在下文中详细阐述。
三个重要评估维度
品牌调性
品牌调性决定了图标的体量感、差异化和创意延展。怎样评估图标设计能够体现出品牌调性呢? 最简单直接的方法: 截屏首页,不看顶部栏,仅从底部导航栏能看出来这是什么产品,就算成功体现了品牌调性。
底部导航栏的图标是路牌,承担着指路的作用,给用户指明进入产品后可以分别通往什么页面。早期的底部导航栏是单一的指路功能,经过多年的交互设计迭代后,附加了「信息展示」和「引导操作」的作用,这点会在下文中详细阐述。
品牌调性决定了图标的体量感、差异化和创意延展。怎样评估图标设计能够体现出品牌调性呢? 最简单直接的方法: 截屏首页,不看顶部栏,仅从底部导航栏能看出来这是什么产品,就算成功体现了品牌调性。
导航分很多类别,如标签导航、抽屉式导航、九宫格导航、混合组合导航、列表式导航、Tab 导航、平铺导航等等。
现在用到更多的导航其实是标签导航(tabbar),它随处可见,相信目前大部分的 App 用的导航都是标签形式的。
相信很多设计师在设计导航时,一上来就开始 YY 自己的导航要放什么,因为这个时候他已经被标签形式的导航洗脑了,认为自己的 App 就应该用标签导航。然后继续 YY 产品的功能,自己理出个最适合的,放上去就好了。
其实不然。做好一个导航要考虑的问题其实非常多,还要考虑产品后期发展的延展性。必须定好整个产品的框架,把最核心的功能放在第一层页面,再根据产品的深度来设计导航的模式。