手机APP底部导航设计

日期:2022-07-28  作者:小天  来源:www.txunda.com  人气:3919

研究发现爱49%的人用一只手操作设计,而单手操作手机时,手指在屏幕中的活动舒适度范围如下

上面两点可以得出将最重要和最常用的行动放在底部很重要,因为他们可以很舒适的用单手和单指进行操作


手机App底部导航设计的三个关键点


第一点:仅显示最重要的三到五个目的地

超过五个,靠的太近,难以点击

每多加一个目的地,app就会变得复杂


不要尝试在手机App底部导航上加滚动

第二点,有效传达当前位置

使用恰当的视觉线索(图标,颜色和标签)

图标:使用识别度高的图标,避免使用意义不大的图标,图标下面最好配文字

颜色:避免在手机App底部导航上出现不同颜色的图标和文字,最好使用应用程序的主颜色来着 色当前活动的标签或文字。

手机App底部导航是彩色的,当前活动的标签和文字用黑色或白色。

文本标签:避免长文本

手机App底部导航的宽度,让所有导航上的标签可以获得最大的可操作区域。

计算标签上的提示

可以在标签上显示小的信息提示。


第三点让导航心照不宣

不要在点击手机App底部导航选项卡后打开一个菜单或者弹出一个窗口。

点击手机App底部导航图标应该直接带用户到相关的视图,或者刷新当前的活动视图。

手机App底部导航应该在每一次切换都保持相同的标签,这样可以给用户带来视觉上的稳定

不要在标签不可用的时候删除标签,最好的解决方式是,保持标签被选中的状态,并解 释一下为什么选项卡的内容不可用。

可以在用户滚动屏幕的时候隐藏标签栏。

当停止滚动视图回到顶部时在显示标签栏。

避免在标签切换中使用横向运动的动画

活动和非活动视图之间的过渡应该使用淡入淡出动画。


天津天迅达科技有限公司经过多年来对APP、小程序、以及网站建设的探索,已经帮助每一个客户快速开发出属于自己的APP、小程序、网站,是万千企业之选。

标签:天迅达科技 天津APP开发 天津网站建设 网站建设