如何让导航设计实现所见即所得?

  • 行为

这就需要你避免使用标签烂去提供当前屏幕/模式下才能发挥作用的控件元素,若果你要提供给用户控件,最好使用工具栏。

  • 一致

尽可能地在让每个导航、每个标签都使用相同或者相近的颜色、文案、风格等。这是视觉效果的稳定性基础要求。再者,还有,保持所有的标签向用户开放也是最有效的方式。

  • 隐藏

若果你的页面设计是以滚动形式来呈现信息流的话,那麽标签栏可以在用户向上滚动加载新内容时进行自动的隐藏。

  • 视觉

尽量照顾到视觉效果,避免使用直接横向的运动来进行视图间的切换,如可以考虑使用当初淡入的动画来进行过渡。

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/44540.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
Inspirr的头像Inspirr订阅用户
上一篇 2022年6月25日 23:48
下一篇 2022年6月25日 23:48

相关推荐

  • 页面微交互设计需要思考的问题

    页面设计当中所要使用的微交互元素,其实对於用户来说几乎是看不到的。但它们又是实实在在功能性的。若果你的微交互元素让用户感觉到突兀,无法缓解加载缓慢的尴尬或者自然的引导,那麽必须优化甚至重新设计。 微交…

    2022年6月25日
    0113
  • 什麽是理解性图标测试方法?

    一般来说,理解性图标测试方法最适合在不是网站的背景下进行,对於受测用户呈现出单独的图标,让他们去猜测图标中的意义。这样的测试方法有点是,能够保证图标被用户所理解。 让用户根据自己所看到的图标去描述和形…

    2022年6月20日
    0128
  • 说说jquery获取网页内容。

    在jQuery中,获取HTML元素的内容是非常常见的操作,以下是一些常用的方法来获取和操作HTML内容: (图片来源网络,侵删) 1、.text() 方法:这个方法用于获取或设置元素的文本内容,它会移除所有HTML标签,只保留纯…

    2024年6月23日
    02
  • 分享网页设计过程是什么。

    在日常的工作和生活中,我们经常使用到网站,无论是大型的购物网站,还是很好的社交媒体平台,亦或是厉害的游戏共享平台,但凡是做的比较好的平台,他们的受欢迎度都很好,因为他们都有一个共同的特点,那就是有一…

    2023年6月13日
    00
  • 我来说说html空表格。

    在HTML中,空行通常由两个连续的<br>标签表示。<br>标签是一个空标签,它不会在页面上显示任何内容,但会创建一个换行。 (图片来源网络,侵删) 以下是一个简单的示例: <!DOCTYPE html> <ht…

    2024年6月24日
    01
  • 网站设计如何提高流量转换增加收益?

    网站设计,最重要的消息是,有很多的事情,你可以在你的网站上的转换。并且,不像大多数其他方面的优化,你可以开始看到结果后立即部署这些转换优化科技!提高网站流量转换的5种设计方法。 1、改变你的网站 十年前…

    2019年10月23日
    0322
  • 10个产品细节剖析,看看高手是如何做设计的。

    产品设计做到极致的时候,发挥的空间就会深入到细微之处的功能,看着简单的功能,也会被设计师脑洞大开。不仅带给用户更好的使用体验,也通过趣味性和差异化的表现方式,带来不一样的感官体验。 为了提高大家对于细…

    2023年3月2日 SEO操作
    02
  • 影响“关於我们”页面设计的三个因素

    给用户太多的冗余信息 用户想要了解的是网站基本的信息,大致的理念等,而非像阅读一本历史书一样去阅读你的“关於我们”。但这往往是最常见的雷区做法之一。 没有告知用户你在哪儿 建议“关於我们”的页面设计给用户呈…

    2022年6月25日
    0111

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息