平谷企业网站开发:网站导航怎么设计灵感分享

2019.05.22 平谷企业网站开发

165

当创建一个网站时,有很多不同的事情需要考虑。它通常从你想要你的网站的整体布局的外观和感觉开始。你希望它与你网站上的内容相匹配,这样它才能赋予你想要发送的信息。

主菜单是影响访问者行为的主要因素之一。平谷企业网站开发有了Divi,有无数的可能性可以让你以一种与你的网站其他部分相匹配的漂亮的方式来设计你的菜单,并帮助你引导你的访问者通过你的网站。

其中一种可能是使用垂直导航而不是顶部菜单。虽然垂直导航并不经常使用,但如果考虑周全的话,它可以产生惊人的效果。和如果它与你网站的其他部分相匹配。和上面的菜单一样,垂直菜单跟随访问者在网站上的整个停留时间。

为了给你灵感,我们平谷企业网站开发选择了12个网站,它们使用垂直导航来优化访问者的体验,改进他们在整个网站中的导航方式。

1。Máster en Dise o de Interiores

平谷企业网站开发

En Dise o de Interiores大师是一个惊人的网站,是所有关于室内设计。在上面的图片中,你可以看到他们是如何使用垂直菜单对他们的网站进行额外的访问的。

网站上使用的颜色是非常中性的,这给网站以及公司或品牌带来了现代的触觉和感觉。

垂直导航也不例外。正在使用的颜色非常微妙,在阅读时不会打扰眼睛。

2。顶部模型

顶部模型是一个典型的管理网站。这个网站,创建与Divi,允许一定的和谐聚集在一起,并显示出他们希望链接到他们的公司的专业和专门知识。

除了有一个非常好的垂直导航,包含所有必要的元素,如徽标,网页和搜索栏,他们还创建了这种接触,使用视频背景在他们的网站开始。

垂直导航不需要很多特殊的设计,他们决定保持它的干净,让整个页面的视觉效果完成工作。

3。柏林电影艺术学院

平谷企业网站开发

柏林电影艺术学院完美地代表了电影学校在他们的网站上所需要的艺术方面。垂直导航在整个画面中有着特殊的用途。

他们故意使用垂直导航来享受菜单看起来像“列表”的好处。他们使用的编号与网站的内容是一致的。除了页数之外,编号也可以很容易地解释为场景或情节。

页面和正在显示的徽标的结合给人一种简单和结构的感觉。他们也没有表现出与他们的网站完全一致的视觉效果。

4。亚历克斯·布兰兹

亚历克斯品牌Divi是一个电子商务网站,为孩子们销售各种各样的东西,从手工艺品到家具和游戏。该网站立即显示了他们想要表达的那种感觉:好玩和诱人。

在这种情况下,垂直导航也是非常慎重的选择。有很多不同的网页,如果他们选择一个顶部菜单,结构将丢失,将没有足够的空间。

5。德夫林照片

平谷企业网站开发

德尔文照片可能是这篇文章中提到的所有网站中最优雅的网站。DelvinPhotos利用他们的网站展示他们所有的作品,以一种新颖而吸引人的方式为他们提供的服务吸引新的客户。

他们使用垂直导航来强调他们在其他网站中使用的优雅,并将社交媒体图标包括在他们的主菜单中;他们还确保人们可以在他们停留在网站期间的任何时间访问社交媒体频道。

6。SOIRée Makeup

SOIRée Makeup是一个以化妆为中心的网站。该网站是专门为提供化妆服务的化妆师。该网站立即展示了每个化妆师期待的简洁和优雅。不是太奢侈,但很漂亮。

一般来说,网站没有占据整个屏幕,这使得内容更加集中。在垂直导航中,大部分注意力都放在徽标和联系人框上。

平谷企业网站开发在垂直导航中包括一个联系人框,可以让化妆师强调网站最重要的目的:获得新的线索、新的客户和新的预订。

7。内森·韦尔顿摄影

内森·韦尔顿摄影是我们为这篇文章选择的第二个摄影网站。在摄影网站上使用垂直导航比其他网站更常见。这通常是因为网站上的图片代表了他们自己。

网站所有者的摄影网站使用一个简单的垂直导航,以保持对图像的关注,有一个菜单是容易使用和不分心。

内森·韦尔顿在他的网站上使用的图片就是这样的,它们充满了冒险,讲述了自己的故事。垂直导航只是为了实用目的,不会像顶部菜单那样中断页面。

8。莉莉摄影

莉莉摄影是我们为这篇文章选择的最后一个摄影网站。这个网站的伟大之处在于它在主页上使用了一个图库。

画廊展示了过去为创造某种体验而做的工作。因为在最后,人们正在寻找一位摄影师,他们拍摄的照片符合他们的期望。

垂直导航类似于NathanWelton使用的垂直导航;简化了,但完成了任务。

9。电影匹兹堡

电影匹兹堡是一个电影放映组织。他们做的一件好事就是在页面顶部创建第二个菜单,让访问者能够获取实用信息。

相反,垂直导航可以提供相当多的信息,但通过引导访问者找到正确的页面,可以帮助游客理解他们的故事和使命。把实际的和叙述的页面分开,可以在主菜单中讲述故事。

除了使用垂直导航,匹兹堡电影也没有使用屏幕的全部大小,这给他们留下了空间,以增强他们的设计与相关的背景图像。

10。BlendLove

BlendLove是一家位于澳大利亚的食品店。他们已经建立了一个网站,让他们的客户知道他们需要知道的所有实用信息。

他们在网站上提供的额外好处之一是有机会购买一本充满健康食品的电子书。这是一个很好的方式,与客户接触,了解他们是谁,甚至盈利。

该网站本身有一个深色色调调色板,创造了一个很好的对比,他们的标志。他们确保在整个网站的颜色是一致的,在他们的垂直导航以及。确保一致性是很重要的,因为垂直导航占屏幕的相当大的一部分,而顶部的菜单通常不那么引人注目。

11。邦阿普利特

邦阿普利特是一个比利时网站,专注于举办涉及多种口味和气味的研讨会。前面的例子和这个例子有一点不同,这一点是肯定的:BonApsignt网站更多地关注他们提供的书面内容,而不是视觉效果。

垂直菜单被分成3类:标识、页面以及客户服务和送货等额外服务。网页和额外服务在风格上的差异给人一种额外的、有组织的感觉和对网站的触摸。

12。吃泰国餐厅

吃泰国餐厅是这篇文章中的最后一个例子。这是一家当地拥有的移动餐厅。他们的网站没有多个页面。他们宁愿拿出一页纸,专注于最重要的事情:食物。该网站用于将想要订购的人重定向到订购网站。

这个例子中使用的垂直导航的好处是,它实际上不是导航,而是更多的信息。垂直导航跟踪访问者在整个网站停留期间,这意味着信息也是如此。他们提供了菜单上的所有相关信息,以及社交图标和“立即订购”CTA。

最后思想

我们平谷企业网站开发希望这篇文章给你大量的灵感,帮助你思考你现在的网站或未来的网站你正在制作的伟大概念。如果您有任何建议或意见,请在下面的评论部分留下评论!当你在那里的时候,让我们知道,你会使用什么样的垂直导航网站呢?

 


最新案例

寒枫总监

来电咨询

18868949445

微信咨询

寒枫总监

TOP