收藏贴 | 原来导航栏还能这么做
时间: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