前进隐藏菜单导航的先进网站设计（二）

Navicon，也就是汉堡图标，已经成为越来越多前进网站制作与前进网站设计导航模块时的优选了。相比于传统的导航栏，隐藏式菜单导航在设计和用户体验上有着它独到的地方。作为一个随着移动端设计发展而崛起的前进网站制作元素，Navicon并没有减弱它引导用户的功能性，也没有丧失它作为基础网页组件的重要性，还为设计师和开发者提供了更大的前进网站制作空间。

如何正确使用Navicon取决于项目的实际状况，相对保守的站点可能不会考虑这个选择，而不少追求时尚简约、多平台体验统一的新兴网站可能会更加青睐Navicon，因为作为导航接口的它小巧而讨喜，轻松配合大图和时尚的前进网站设计，并且隐藏起复杂的、0碎的导航内容菜单。

Navicon很单调么？并非如此。借助额外的打开过程动效和抓人眼球的细节效果，Navicon拥有非常大的提升空间和设计可能性以及良好的用户体验。更重要的是，它适用于各类导航：不仅可以清楚的传达信息，而且有助于解决响应速度方面的问题，并且能够促进网页在多平台设计上的统一。

La Ligne Rouge

在这里，Navicon的作用是补充设计并强化网站特色。菜单按钮和中间的曲棍球图标保持样式上的一致性，了识别性又保留了网页的性格。

如画的照片，雅致的字体，隐藏式菜单果然是优选。

主流的设计固然不错，别出机杼的设计更能令人难忘。Tannbach的导航菜单使用了下拉式的面板，不缺乏互动性，也足够精致。

网页使用视频背景展现了机构的工作流程，点击Navicon之后，导航菜单会占据整个屏幕，这和移动端的设计高度一致，值得参考学习哦~

Alt_Cph14 所使用的蓝色绝对令你印象深刻，它的灵感应该是来自于早期的数字界面设计。在这种色调之下，Navicon清晰而明显。

Ball&Claw 网站使用精致的排版和优雅的配色方案营造雅致的氛围，Navicon与整个氛围相得益彰。

去掉传统的导航栏之后整个页面清爽了起来，亮色调的网站名称，大字体标题，两者以不同的方式吸引用户注意，而Navicon则在右上角平衡了网页的视觉。

作为产品展示类的网页，Sam Dallyn这个网站的页面布局非常出色，精致、复杂，但又泾渭分明。微小的Navicon在左侧无干扰地常驻，如果你真的需要借助导航来做什么的话，也不难找到。

整个网页被设计师从中间一分为二，鼠标移动到某一侧的时候，中间的隔线会移动到另一侧，激活所在区域，借助动效和声音吸引你。常驻右侧的Navicon与其他功能构成了侧边栏，便于操作。

黑色底的Navicon 在浅色底背景上看起来颇为显眼。点击Navicon会呈现出黑色底的导航内容，菜单出现时候的动效具有令人难忘的几何质感。

Navicon和许多不同类型的网站都能好的适配，这中间可选择的余地非常之大，你所需要的是仔细的分析的大胆的想象。

以上内容由大宛网络（前进网站设计,前进网站制作）为您提供，更多精彩内容：http://www.nyweixin.com/