15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > 收藏贴 | 原来导航栏还能这么做

收藏贴 | 原来导航栏还能这么做

时间:2023-07-25 01:15:01 | 来源:网站运营

时间:2023-07-25 01:15:01 来源:网站运营

收藏贴 | 原来导航栏还能这么做:在响应式网页的普及度越来越高今天,老旧而又繁琐导航栏已经完全无法满足现代设计的需求,越来越多奇特有意思又便捷的导航百花齐放,为现代网页设计提供大量的新鲜思路和体验!今天特意为大家带来几种越来越受到大众推崇的导航设计!







【1. 弹出式导航栏】

又被称之为汉堡包导航栏,抛开土直男的通用导航栏不谈,汉堡包一样的弹出式导航栏已经逐渐变成主流,不仅仅可以节约页面空间给设计创造更多可能,更因为可以高度契合现代移动设备,相比之下传统的导航方式已经完全不能与之抗衡!




▲Impero, creative digital and social agency, London




越来越多的网站开始追求极致的的视觉体验,尽可能减少页面上不必要的元素干扰视线同时保留功能性,而弹出式导航栏显然在美观和实用度上都完美契合!




▲DRAFT Inc.







【2. 整体化导航 】

多年以来首屏banner一直是大量网站的标配,然而有的网站显然不需要一个无聊的banner放些毫无意义的信息,注重体验的网页开始喜欢将整个首页都做成导航,大胆鲜明,同时也简明扼要的阐述内容,引导客户高效浏览,繁杂无用的信息统统排除,无疑和现今流行的扁平化设计理念相契合!

▲Bang & Olufsen Create

纯文字化的导航信息配合一点点的交互体验,可以让干净利落的信息中传递出整个网站的调性!







▲Michele Angeloro – Interactive Digital Experiences







【3. 固定式导航栏】

将导航栏固定成独立的模块脱离于页面内容本身,形成独特的相框浏览模式,这种形式其实很类似于传统导航,不同的是独立的模块可以给予导航栏更多的创造力!







▲designbüro für branding und digital design aus gießen.




不过更多的设计师更愿意将弹出式导航与之相结合,创造更加便捷的引导方式!




▲SUPERIMPOSE STUDIO




更多注重细节的设计会有更加良好的体验,比如说下拉页面时将导航栏隐藏,上拉时再显示出来,最大限度的移除不必要的视觉干扰!








【4. 引导式导航栏 】

越来越多的网站追求个性化的设计风格,取消可见的导航栏,将画面设计推进是的引导,情感化的提示用户通过点击或者滚动线性的获得更多内容,可以将用户的浏览路径完全掌握在网站的控制之下!


Nick Jones - Freelance Design, Prototype and Code




In Pieces - 30 Endangered Species







【5. 破坏可用性导航栏 】

大量的个人设计师将天马行空的设计塞到自己的网站中来,新颖的导航方式也让人眼前一亮,虽说这种导航方式一定程度的破坏了实用性,但设计师不就是这样么,不断地创新实验完善推出!


▲VERMONT Holding




▲Falter Inferno










转载请联系!!!!

一起进步!


共勉!

=================================================

设计不是奢侈品,设计是日用品

欢迎关注我的公众号,我会不定期更新设计干货与日常美学:微信公众号:设计便利店或 搜索微信号:designmart



关键词:导航,收藏

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭