web导航菜单,还有如何可能性

写于前边:

对于双休,把好精彩的放纵一将,这种诱惑实在麻烦抗拒。可是一旦真的躺尸一上,或者综艺、追剧,还是农药,心里又怎么能心安理得。

与其,撸起秀来,“学习一把”。你说,不是吗?也花不了聊日子,毕竟那样更心安理得。

为做得再多之类别要因B端产品为主,业务大、复杂。而web导航菜单问题即是内部的一个粗知识点。所以想结自己种被之构思做一个总结整理、分析,从中去发现有的更是尖锐的想想,在过程中兼有获。

web导航菜单还发生哪方向方案:

重大分为以下几要命一部分:

1.web导航菜单来怎样基本的款型,各自出怎么样特色?

2.web导航菜单,还有哪些可能性?

1.web导航菜单来安基本的款式,各自发生哪些特征

1.1品位导航

盖导航菜单是顶部(最不爱忽视的地方),易读性更胜,最广也最为爱上手。

瑜:减少对内容区的打扰,可以更好的深化内容区沉浸式的读。因为留下内容区域的空中是极端可怜之,所以对于横向版面要求较充分的情(例如:后台信息总览大图、大型的列表、类似基于图片的政工)比较符合。

症结:横向tab数量、以及没有为tab的字符数都留存限制。另外层级扩展性也针锋相对较差,单单水平导航层级最好不用跨越2层。

思考点:水平tab在视觉形式选择上,需要留意啊?

下面是5种tab样式:

当导航菜单字符书较少时,适当的加深视觉效果(图标,标签,下划线),可以做出适度的差异化,但是未能够长视觉负荷(因为加图标而加以图标,图标语义不够,反而展示拥挤)。

1.2直导航

亮点:限制性更小(菜单字符数,菜单数量),另外所有一定的扩展性(图标+文字,单纯图标,两者之间的切换);菜单的自定义;菜单层级可以重新加剧(树状导航)。

短:菜单层级上还是限制,占用内容区域,减弱了沐浴阅读。

1.3混合型导航

混合型导航主要解决了档次/垂直导航的菜系层级问题,在复杂的B端产品较广阔。

2.web导航菜单,还有哪些可能性

2.1弹出式导航栏

例子:https://www.weareimpero.com/

乘响应式技术推广,弹出式导航渐渐走有传统陈旧的领航方式,导航移动化。减少了页面干扰因素,为页面腾出更可怜之空中。适用层级浅,注重追求极致的的视觉体验的成品。

2.2篇屏导航栏

为网站信息层级浅,这种新式导航并无见面招网站功能性的无正,反而由及一个脱颖而出的功用。

例子:http://create.bang-olufsen.com/create/project/loud

上述两独例证,因为信息层级浅,新式的导航给web带来了故意的调性。但是于B端产品,这种措施是全然不适用的,多而深的层级下是休是不怕不曾其它的可能性了也?

2.3B端产品导航菜单可能性1:“浏览器菜单”

适用信息架构“浅而广大、并没明确的优先级“的出品。为了导航的简洁性,提高效率,菜单根据用户用出示。

2.4B端产品导航菜单可能性2:“当前导航菜单”

适用信息架构“广而充分”的制品,“当前导航菜单”可以当广而深的菜系中独出来,便于用户的作业操作,减少因为菜单切换带来的行事负荷,也得程度的回落了视觉负荷。

2.5B端产品导航菜单可能性3:Windows 10风

模块之间全相互独立,区分明显,并且切换频率低,内容区对于沉浸式的操作要求比较高(例如视频业务)。

2.6B端产品导航菜单可能性4:我的导航栏

例如OA系统,模块海量级,深不可测,用起来越痛苦。我之导航栏+树型导航更配。

最后:

抛砖引玉,如果给您带来有声援,或者想,那是无与伦比好之。

而怎么看?欢迎探讨,互相学习。

相关文章