超大导航菜单所能容纳的导航条目相对更多、更加视觉化,和开头所说的下拉菜单导航类似,光标悬浮在标签页上的时候,自动显示下面的选项。根据 NNGroup 的研究,这类导航当中,导航菜单越大,越受欢迎。 这种导航菜单适合对可访问性要求高的网页,对于有视力障碍和进阶用户都更为友好。另外一方面,这种导航还为设计师提供了更多发挥的空间。 5、响应式卡片栅格导航
响应式的设计就不必赘述,但是卡片栅格式的导航无疑是从移动端开始流行的导航模式。在这里,导航选项被设计成为小卡片,置于导航栏的栅格当中,当屏幕尺寸发生改变的时候,导航中的小卡片会随着自适应的栅格而重新排列,以匹配整个布局。这种设计不仅高度可视化,而且可以根据主题风格,进行深度的定制。 这种导航当中,各个选项不仅便于光标点击,而且在移动端上,更加适合手指点击,可以说是跨平台响应式设计的首选。许多网站目前都采用了这样的导航设计,比如 Pinterest 和著名的音乐服务 Spotify。 (责任编辑:admin) |