提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
在丰富多彩的界面时代如何设计一套清晰、有效、简洁的底部栏
设计的目的不只是为了让界面好看。无论是讨喜的小动效,还是酷炫的交互。这些同样是设计所需要考虑的。设计本身就是一次设计师与用户在视觉上的一次碰撞。因为你的用户在使用app的时候不知该如何进行下去的话,设计得再好也没有luan用。
所以借今天谈谈,底部导航栏的爱与美的纠缠不清。根据调查,49%的人依赖一个手指完成所有app的操作。
很多app都把底部栏作为界面的最重要组成部分。把主要的几个核心功能放在一个导航,通过一次点击就能在功能间快速切换。
导航栏通常是使用者最快捷的找到使用的部分。底部栏应该用于到达几个重要性相近的一级页面。这些页面要求可以从app中的任意位置直接进入。
好的底部导航设计遵循以下三个原则:
1. 展示重要功能
在底部栏中放置三到五个功能。如果超过五个,标签间触控的区域会太近,导致用户难以点击到自己想要的那个。另外一点,功能太多会让你的app变得复杂。
2.告诉用户现在所处的位置
告知用户应该知道如何从A点去到B点。应用正确的可视化的提示(图标、标签和颜色),这样导航才不需要任何其他的解释。
3. 导航设计的一致性
结构正确(三至五个icon且避免有可滑动内容,且有足够的空间避免不会误触) 清晰(导航中元素应该容易辨识) 简单(确保每个icon去到正确的页面,保证你的产品的一致性)
最后送上福利
这款app可能成为广大单身狗的福音,因为他能帮你们买(xuan)机(kong)票(jie)
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册