案例展示 Case demonstration

秒速赛车客服


想设计好网站的悬浮导航这12个案例值得一阅

周期:

服务内容:

简介:举动一个作品集网站,Daniel Filler 的网页打算也卓殊的讨喜,它和前面 GM 的导航打算有很众一样的地方。翻开首屏的期间,导航底部和布景 Banner 图很好的融入到沿途,页面的左上角是

关键词:企业网站设计案例

网站:

  举动一个作品集网站,Daniel Filler 的网页打算也卓殊的讨喜,它和前面 G&M 的导航打算有很众一样的地方。翻开首屏的期间,导航底部和布景 Banner 图很好的融入到沿途,页面的左上角是重大的 LOGO。

  很众网站会为了盛行和时尚而运用少许图形、动画乃至图片,这些元素时时会让人感觉怀疑,然而 G&M 的网站不是云云。这个网站中没有众余的元素,然而最苛重的是,网站的顶部悬浮导航的打算。

  只是,假设你感触云云还占空间的话,可能插手过渡动效,然后让链接的文本改观为小图标,云云的本事也很成熟。

  网站首屏运用的是视频布景,为了更好的融入感,导航条件悬浮正在前景,这无疑带来了浸醉式的体验。当页面向下滚动的期间,通过转场动画,导航展示了一个白色的底,通过一条浅灰色的线,和页面的实质一面举行了区别,而且固定悬浮正在顶部。

  而查找性能也打算得卓殊美妙,当你点击查找按钮的期间,查找框会展示正在导航下方,足够长,足够昭着的输入框,比什么都好。

  Jorge Rigabert 同样是一个非英语类的网站。这个网站同样采用了侧边栏导航,因为网站采用了好似单页云云的打算,导航栏中的条件指向到页面中分歧的地方和模块。当你滚动页面的期间,左侧导航栏会随之改观,为你高亮涌现出所处的地方。页面的组织算得上是中规中矩,而导航栏正在指引性上的打算,可谓是出彩。

  网站的顶部导航打算很有特点,通过小边框来和下面的页面一面来区别,最有特点的是导航栏最中央的地方,一个气派特有的「立时下载」的按钮。

  正在页面的顶部你会看到包括文本的 LOGO 和导航链接,当你向下滑动的期间,LOGO 中的文本隐没,而导航上移。云云的打算攻克空间并不大,对待承受艰难劳动量的菜单而言,这是相对理念的采取。

  SEJ 是一个很棒的博客,而它的导航打算也算得上是自成一家,由于正在其余地方险些看不到肖似的打算。

  云云的打算无疑是通过注意探求,而且确实有效的,两全到了品牌的打算和导航的性能性。

  导航是网站和 APP 当中必不行少的构成一面,它们辅导用户抵达倾向,察觉实质。为了让用户或许尤其便利地运用导航,很众网站和 APP 采取运用了顶部悬浮导航,无论浏览到哪里,都能轻松运用它跳转到其他地方。固然有的用户并不热爱这个平昔攻克屏幕空间的小控件,然而它确实供应了无与伦比的便捷性。

  FHOKE 这个网站的导航打算也不算繁复,实质上即是LOGO 和右上角的菜单按钮,它是没有底色,而且跟着页面实质的布景颜色改观而主动配合比拟激烈的玄色或者白色。云云的打算让导航无缝地融入到一共页面的组织当中,而且让用户可能随时便捷所在击导航中的实质。

  网站的很众导航性能并没有直接摆出来,而是隐秘到了左上角的汉堡图标当中。当你向下滚动的期间,预订筛选菜单会跟着滚动接近顶部导航,然后粘正在上面,悬浮置顶。便利用户随时随地地查找和筛选。

  我向来没有效过 Graz Secrets 的 iOS APP,然而看了他们的官网之后,感觉到他们正在用户体验上的特有念法,对此就很有风趣了。

  当你访候网站首页的期间,你会看到导航下的轮播图中嵌入了网站的 LOGO,导航栏左侧有 LOGO 和注册按钮组成的动态图片。当你向下滚动的期间,一共导航向右挪动,正在左侧展示网站 LOGO,一共打算卓殊动感,也卓殊的炫酷。

  对待 Brit + Co 的导航打算,你会察觉几个卓殊不错的所长。当你向下滚动浏览的期间,悬浮置顶的导航栏会主动隐秘起来,云云会节减空间,而且这种打算也很直接。当你向上回滚页面的期间,导航会展示。

  假设你正正在寻找或许吸引人眼球的高本质顶部悬浮菜单打算,那么这12个导航打算案例值得你一看~

  当你向下滚动的期间,导航隐没随后又展示,这个期间它具有了一个半透后的底部布景,重大的 LOGO 一面显示,融入导航,导航栏的条件则从最初的右边挪到了靠左的地方。一共打算正在体验上总体是无缝顺畅的,最让人印象深入的打算正在于,时时展示正在网页右下角的「回到顶部」的箭头按钮,被安排正在顶部导航的最右边,卓殊的利市,颇为更始。

  末了这个案例绝对是最返璞归真的打算计划。没有滚动的标识,没有查找框,没有视觉困穷,没有动效,它即是正在右上角上四个小小的链接,玄色,比拟激烈,永远存正在,节减空间,随时可能点击。对待极简风的网页而言,云云的打算效益是很不错的。

  假设你正正在寻找或许吸引人眼球的高本质顶部悬浮菜单打算,那么即日的作品肯定不要错过,这12个导航打算绝对不会让你心死。

  翻开 Coloud 网站,向下滚动的期间,你会当心到导航栏的边户:它变窄了,变小了,乃至不会显示公司的 LOGO 了。这看起来很跋扈,然而谁会由于向下滚动浏览而忘怀所处的网页呢?当然不会。导航云云照料,本来尤其便利,缩小,维持存正在感,晋升定位感和体验。

  只需重点击左上角的箭头就能将侧边栏隐秘起来,纵向上空间更大,侧边栏导航所能承载的实质并不会比顶部导航更少,况且正在兼容挪动端上一点都不含混。

  正在一共列外当中,AWD Agency 的侧边栏式导航是为数不众的几个案例之一。

  正在我所看到的诸众旅馆类的网站当中,Novotel Hotels 的网站导航打算绝对是最独特的那款。