虽然大多数网站使用类似的导航结构和放置,但有一小部分可以摆脱传统的布局。这些网站通常会这样做,以呈现独特的设计,同时也尝试替代和经常改进的解决方案。每个网站都是不同的,一刀切的方法往往是过时的 – 特别是对于更直观或不遵循传统模板结构的网站。
在本文中,网站建设将介绍2019年最具创意的十大网站导航设计。
No Questions Asked
选择将他们的堆叠导航定位在左侧,No Questions Asked的网站使标题部分尽可能干净,并引入了幻灯片式布局。
Inflatable Regatta
Inflatable Regatta网站使用带有大型粗体文本链接的全宽导航。这是一个易于使用的简单解决方案,但很少在整个网页设计行业实施。
The Scenery
Scenery使用最上面的层来定位他们的徽标和主要CTA以联系人按钮的形式。页面导航位于容器内并位于此部分下方。它使得整洁且易于访问的导航位置与内容更紧密地联系在一起。
Stine Goya
Stine Goya是另一个使用左对齐垂直堆栈导航的站点。它打开标题,允许大型标识,英雄背景和包含购物车/结帐图标。
HelloSign
HelloSign的博客使用双层导航设计。顶层包括搜索,类别和订阅。第二层允许一些快速访问主题。这使得用户很容易轻松过滤结果。
South Australia
南澳大利亚的导航在内容方面是全面的。有超过30个单独的项目,这就是为什么他们将它们放在菜单链接后面。全屏设计易于使用,因为其宽敞,通过颜色和结构良好的布局分类。
Bobby
Bobby的投资组合网站将英雄部分分成两部分。左侧包括六个项目:顶部有三个导航项目,底部有三个链接项目。每个都尽可能地分开,以获得最佳的视觉分离和美学效果。
Wade Jeffree
Wade Jeffree已经废除了传统的导航布局,而是选择了位于主屏幕底部的两个强调链接。它们很清晰,仍然通过大胆的重量和强调装饰吸引注意力。
Newlyn
Newlyn是最简单有效的导航之一。汉堡图标展开以显示全屏项目列表。它非常宽敞,与网站设计的其余部分保持一致。
Logistics Solutions
物流解决方案实现了一些整洁的动画和过渡效果,以扩展圆形汉堡包图标。它产生了这个引人注目的橙色泡沫,包括主要导航项目以及公司信息,社交链接和联系方式。
原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/261525.html