写于前边:

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

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

因做得还多的门类还是以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系统,模块海量级,深不可测,用起更痛苦。我的领航栏+树型导航更配。

最后:

抛砖引玉,如果吃你带来一些帮,或者想,那是最为好的。

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

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图