zoukankan      html  css  js  c++  java
  • 底部导航栏的表现形式

    底部导航栏的表现形式有三种:

    1.文字 + 图标:文字的存在能够更好的让用户对图标进行理解,提高用户的识别效率;

    2.文字:主要出现在以图片和视频为主的产品和界面中,抖音,美图秀秀,小红书这三款app的底部导航栏都是以文字作为模块的切分,在使用过程中,更能够的  关注 与阅读内容,底部导航栏的视觉层级相比上面的那种层级比较低,不影响浏览视觉,同时文字按钮也降低了用户的理解成本。

    3.图标:很少用,很多图标没有很强的辨识度,只用图标,会造成用户的认知负担,不建议使用独立的图标。

    小总结

    1.当页面图片以图片为主时,使用纯文字或者纯图标能够降低底部图标对用户造成的干扰,但是纯图标的底部导航栏降低了用户的识别度,引起用户使用时的认知负担。

    2.文字+图标的搭配属于最稳妥的方式,适用于大部分的产品底部图标设计。

    3.图标是由有识别度的特征线索组成的,而面性图标的识别度速度更快。

    4.线性图标的内部间距比较宽的时候,更容易识别,内部间距比较窄的时候,使用面性图标会更好。

    5.图标的特征线索在边缘的地方,使用线性的图标识别度更高。

  • 相关阅读:
    Win10下 Docker Flask实例
    4.1 线性映射的概念
    桥梁的基本组成和分类
    Qt5字符串编码转换学习
    在右键菜单中添加用Jupyter Notebook打开
    左右手(直角)坐标系叉乘计算公式
    __new__方法与单键实例
    向量组的秩
    从线性组合的角度理解三维运算
    Hexo使用小结
  • 原文地址:https://www.cnblogs.com/wangqian888/p/10850434.html
Copyright © 2011-2022 走看看