网站导航的功能是为了让使用者更容易地找到需要的资讯,可以对网站的资讯架构和站内搜索进行分析和优化,也能对使用者起到很好的 WordPress 引导作用。
一个有吸引力的导航能够吸引使用者去浏览更多的 WordPress 网站内容,增加使用者在网站的停留时间。
1. 顶部水平栏导航 顶部水平栏导航是当前两种最流行的 WordPress 网站导航选单设计模式之一。
它最常用于网站的主导航选单,且通常地放在网站所有页面的 WordPress 网站头的直接上方或直接下方。
顶部水平栏导航对于只需要在主要导航中显示 5-12 个导航项的 WordPress 网站来说是非常好的 WordPress 。
这也是单列布局的 WordPress 网站的主导航的唯一选择 (除了通常用于二级导航系统的底部导航) 。
当它与下拉子导航结合时,这种设计模式可以支援更多的连结。
所有重要的资讯都会固定在顶部,对于使用者来说这样使用起来会更简便舒适。
2. 抽屉式导航设计 预设情况下,导航选单根本就不显示,只有当触控到右上角指定的小图示时,第一个内容层才会开启。
当触控到其中一个栏目时,第二个内容层才会逐渐展开,给使用者一个非常清晰明了的内容导航。
使用抽屉式导航来组织复杂内容是一个非常方便和流行的方式。
通常,复杂的 WordPress 网站会使用抽屉式的导航来设计。
3. 固定式侧边栏导航 侧边栏导航选单可以相容不同的萤幕尺寸。
适合一个非常明亮干净的排版布局的 WordPress 网站,可以很好地做到了和使用者之间的互动,让人一眼就把精力集中在导航栏上。
侧边导航栏的优美之处主要表现在空间够大,大量的空白让使用者感觉整个网站有呼吸之处,显得非常微妙而自由。
通过拥有独特的设计,引起使用者的注意。
4. 隐藏式侧边栏导航 侧边栏选单将会是 2014 的一个新趋势!侧边导航给人的感觉就像是您在窥视页面背后或者是掀开了一个玩具盒的盖子看看里面到底有些什么。
在需要的时候导航栏应该一直在那里,而当使用者想要专注于某个特定的任务时,导航栏则应该优雅的隐藏起来。
隐藏式侧边导航非常方便使用,鼠标悬停在浏览器左侧即可出现,主体部分即时出现的旋转效果也很带感,可以很好的 WordPress 引导使用者的注意力。
将导航隐藏起来同时也实现了接口的简洁,使网站的浏览体验非常的愉悦,因为网站并没有留下太多无用的资讯去分散使用者的注意力。
5. 图示式导航 图示式导航的好处是节省空间,让接口更简洁。
图示也可用于细致的分类,提供更明显的视觉线索,而且图示具有直观的语义显示,每一个图示代表每一个不同的事件,吸引使用者的注意,从而更好的 WordPress 引导使用者操作。
如果再加上优秀的动效转换能够吸引使用者注意,让使用者迅速找到导航选单。
6. 选项卡导航 选项卡导航可以随意设计成任何您想要的样式,从逼真的、有手感的标签到圆滑的标签,以及简单地方边的标签等。
它存在于各种各样的 WordPress 网站里,并且可以纳入任何视觉效果。
选项卡比起其它类别的导航有一个明显的优势:它们对使用者有积极的心理效应。
7. 自助建站 SaaS 响应式导航设计 自助建站 SaaS 响应式导航的设计遵循了自助建站 SaaS 响应式 Web 设计理念,页面的设计往往会根据使用者行为以及装置环境 (系统平台、萤幕尺寸、萤幕定向等) 进行相应的调整。
通过同比例缩减元素尺寸、调整页面结构布局以及内容的优化调整等方式,使使用者在不同的平台上有着独一无二的使用者体验,达到更好的 WordPress 阅读效果。
自助建站 SaaS 响应式导航的优势是在不同的萤幕分辨率下保持相同的视觉和感觉。
总之,网站导航各种各样的通用和大家熟知的设计模式,都可以用来作为为网站建立有效地资讯架构的基础。
导航栏的设计可以是静态的、动态的、可扩充套件的等多种方式,甚至只是隐藏在一个微妙的符号里面。
任何导航在网站里面都扮演者不可或缺的角色,所以,探索网站采用何种导航方式是很有必要的。