1、传统下拉菜单设计
经典的下拉菜单设计你会在很多网站上看到这个设计,主题色调可以使网站导航一目了然清晰可见,当鼠标通过一级菜单时会有一个辅助菜单下拉显示,适用于传统企业网站是一种简单有效的设计方式。
2.鼠标悬停下划线的设计
鼠标悬停下划线展示设计,在传统的下拉菜单设计的基础上去掉背景颜色鼠标通过带下划线的标志设计导航,使导航看起来更加简洁清晰提高了整个网站的简洁性,适合专注于简洁设计排版的网站。
3.椭圆背景的悬停设计
椭圆背景悬停设计类似于鼠标悬停下划线设计。不同之处在于鼠标悬停显示下划线已更改为背景色。如果下划线是一个弱提醒,那么背景色就是一个强烈的提醒设计更加显眼和突出。
4.面包屑侧导航仪的设计
面包屑侧导航设计,默认是将面包屑图标悬浮在侧面,从侧面单击图标展开导航设计的菜单。通常应用于开机页面或单屏网页设计,可以优化导航空间,突出图像设计。
5、全屏导航设计
全屏导航设计和面包屑侧导航设计也是类似的应用,其区别于导航部署的样式、通过背景色的半透明设计设计遮罩,让导航看起来更大气。

6,横向半透明二级菜单设计
横向半透明二级菜单设计,当鼠标悬停在一级菜单上方时,二级菜单水平排列,二级菜单给出半透明的背景颜色显示。适用于只有一二级菜单,且二级菜单比较多的网站。
7.配字幕全屏幕菜单设计
如果你的网站是显示一个三级菜单的话,这个设计怎么才是合适的呢?带有字幕的全屏二级菜单设计可作为参考:一级菜单显示主标题、字幕和鼠标上方,两级菜单通过灰度全屏背景色块进行,使两级菜单清晰,同时该方法简单、高端。
8.圆点二三及菜单设计
如前所述,全屏二级菜单设计适用于二级菜单较多的网站。如果你的网站上没有很多二级菜单,你可以使用这种圆点二三级菜单设计。当鼠标悬停在一级菜单上时,将首先出现二级菜单,当鼠标悬停在第二级菜单上时,将显示二级菜单右侧的箭头,二级菜单下的三级菜单将显示在同时,通过层级相扣来引导用户查找菜单。
9.L型二三级菜单设计
L型二三级菜单设计,与全屏二三级菜单设计类似,区别于二三级菜单的排版设计,L型二三级菜单设计去除了全屏灰色背景块,用一小块灰色背景包围二三级菜单,宽高自适应设计,L型二三级菜单设计适用于不同一级菜单下二三级菜单数量不统一的网站。

电话咨询
返回顶部
首页