20+
专注网站建设20年
12000+
超过12000家网站案例
130+
130家集团类客户案例
15+
15个政府机构案例
隔行如隔山,您咨询的再多,也不如我了解的一半多;有责任心的网站建设公司会做到“客户想到的我们要做到,客户没有想到的我们也要帮客户做到。
首页 >> 商学院 >> 建站常识

分享10个非常有创意的网站导航设计案例

  • 发布时间:2018-02-08 07:01:54
  • 作者:东橙设计
  • 浏览:54657
  • 网站导航样式在打造精美网站设计上有非常主要的作用,它是用户浏览该网站的一个导航信息,告诉用户网站都有哪些内容放在网站上,几乎每个访问过该网站的用户都要去看导航栏,所以在网站导航的设计上也会显得非常重要了,它提供了信息索引,增加了认知度,并让网站的整体可信度增加,网站导航设计是一个不仅限于选择整排按钮的任务,它非常广泛,同时微妙无比,网站设计师协同用户方向和业务目标,这需要领会每一方面,并深刻了解信息组织、页面设计和设计说明。
    简单而有创意的网站导航对用户体验及搜索效率有着很好的帮助,今天,华夏商务网将跟大家分享一些让人印象深刻网站导航方案,包括有趣的、有创意的、原创的,甚至十分超前的网站设计,这些方案中,部分比你平常对导航的认识要复杂的多。
    我们不只是出于网站设计的原创性才列出了这个导航案例,清单中的多数示例对技术有着大胆的使用,使我们的清单更加有启发性、教育性。
    1、JOVA
    Jova的网站导航干净、纯粹,并且在菜单结构上也很恰当,感觉相当和谐。

    十个简单而有创意的网站导航设计案例
    细而直的线条,网格布局,黑与白的配色,干脆而锋利的排版,几何风格的文本,这些导航元素的组合使网站给人以精致的感觉,在淡化过的图片背景下效果更为突出。
    2、Beloesuhoe
    Beloesuhoe整个网站设计都炫酷到没朋友。

    十个简单而有创意的网站导航设计案例
    这个网站设计团队的设计巧妙并且独具一格,在打开网站后你就会感受到强烈的视觉冲击,乍一眼看上去,首页就只有一张背景图片,但在菜单title旁像脉搏一样跳动的红点暗示着这一切并不是那么简单。
    准确的说,这些网站导航栏不是无趣的平铺直叙,而是本身就具有交互效果,引导你点击前往你所需要的页面。
    这项与实物图片结合的设计其实带有一丝虚拟现实的味道。
    3、First Perso
    First Person创造了一个复杂而超现实的立方体,认真严谨的透视效果相当有趣,立方体还有白天和黑夜两种状态,但这种方式还是难以作为主导航来使用,吸引用户的作用更加明显。

    十个简单而有创意的网站导航设计案例
    无论怎样,这种使用动效技术,展示一个物体深入细节的创意简直可以用天马行空来形容。
    4、Mint Design Company
    Mint Design有种让人难以置信的设计,网站使用了手绘的插图,并且配合合理的动效,让该网站充满了生气。

    十个简单而有创意的网站导航设计案例
    得益于是艺术项目的原因,所有元素,包括导航风格都相当统一。
    每个菜单项都有黑白和彩色两种状态,通过这种设定,状态之间的不停切换带来了活泼的感觉(具体可查看马海祥博客《基于网站色彩设计对用户体验影响的研究》的相关介绍)。
    5、Vive Latino
    这个网站设计团队试图用涂鸦的方式让自己的首页更加突出。

    十个简单而有创意的网站导航设计案例
    干净的单色方案、手绘排版设计、动态的小人物,这些元素不仅为了渲染一种节日氛围,也使得菜单导航看起来非常动感。
    6、Pete Nottage
    对色彩的放纵、肆意的使用使得网站新奇而跳动,网页上的城市由充满生气的扁平化元素组成,整个城市好像一个游乐场,而主导航也融入其中。

    十个简单而有创意的网站导航设计案例
    开发者不仅对诸如轿车和快艇的一些细节添加了动效,通过点击还可以使一些元素以有趣的方式消失,这些设计细节相当逗比又迷人。
    7、Moira Young
    Moira Young自然又略带梦幻的主题使网页变得高雅而精致。

    十个简单而有创意的网站导航设计案例
    导航不像平常一样显眼,每个链接都隐藏在大树旁跳动的微光里。
    8、Mathilde Jaco
    Mathilde Jaco的首页只有一个主体——一个可交互的、圆形的菜单导航,出乎寻常而又有趣。

    十个简单而有创意的网站导航设计案例
    最重要的是,每个不同想小分块代表了不同的链接,通过组合的方式实现了风格独特的导航设计(具体可查看马海祥博客《如何从内容需求的角度策划设计网站导航》的相关介绍)。
    9、Bancolombia
    和上诉部分例子很像,Bancolombia主页在风景画融入了动态元素。

    十个简单而有创意的网站导航设计案例
    不过要特别提到的是该网页需要flash,这些亮点在H5的情况下将不复存。
    10、Nat-Ant
    对极简主义有所体现的设计一向值得关注,该网站的设计和结构恰是如此。

    十个简单而有创意的网站导航设计案例
    整个网页从整体看上去非常简洁与纯粹,并有大量的留白,仅有的一些元素也是精致的分散在页面上。
    他们用一种不平庸的方式展现了菜单导航。
    华夏商务网认为:好的网站导航设计能让用户耳目一新,眼前一亮的感觉,让用户在打开你的网站时在细节上发现你的网站设计的非常到位,一般我们不建议网站设计新手自己去创意样式,还是借鉴优秀的设计师的作品来改造一下比较好
    本文由专注于网站建设20年的华夏商务网编写,原创不易,转载请注明出处:http://www.huaxia.net.cn

    免费企业建站最专业的解决方案
     

    热门标签
    做网站需要什么条件 网站推广方案策划书 大庆网站建设哪家好 建网站公司深圳 西安做网站费用 网站的建设费用 菏泽网站建设哪家好 新余网站建设公司哪家比较好 网络网站建设公司 昆明网站优化哪家专业 唐山网站制作开发 网站seo顾问 杭州网站建设哪家便宜 靖江网站建设价格 seo就业前景
    助力众多品牌在同行业中出类拔萃