打造惊艳视觉的网站门户?探索那些令人着迷的网页导航创意设计!
有哪些炫酷有趣儿的网页导航设计
Jova
Jova的网站设计清新宜人,导航栏的设计平衡且结构合理
设计师运用细线勾勒的线框网格来构建网站导航,经典的黑白色调,搭配鲜明清晰的英文字体,塑造出雅致迷人的外观,在柔和的背景映衬下,给人留下深刻印象。
Beloesuhoe
Beloesuhoe的设计团队巧妙地运用布景打造出一个独特的网页导航,极具吸引力。这个网站初看仿佛只是一个背景图,但实际上,网页上跳动的小红点会提示你导航的存在,它并非表面上那么简单。将鼠标移动到小红点上,你会发现这些导航点是可交互的,并能引导你到特定页面。这种“沉浸式”的导航栏设计是一个非常有趣的解决方案,可拓展的空间也相当大。
First Person
First Person整站采用单页滚动设计,并通过左上方的菜单栏进行导航引导。但这并非其亮点,当你在首页向下滚动时,会看到一个精心制作的3D场景,整个场景会随着昼夜变换主题,并且当你鼠标移动到3D场景的特定点上时,能激活组件进行交互,浏览信息,独具匠心。虽然整站导航不算突出,但这个3D场景的导航设计,简直酷炫至极。
Mint Design Company
说 Mint Design Company的导航设计精美绝伦毫不夸张。设计师几乎是用精美的手绘插画完成了整个网页的设计,导航栏所使用的手绘图标更是精致,鼠标移动到导航栏图标处会有有趣的动效出现,最关键的是每个动效都不尽相同。
Vive Latino
Vive Latino的设计团队充分利用涂鸦的独特效果,让整个着陆页在同类设计中脱颖而出。简洁的单色页面上,精美的手绘排版设计和独具个性的小人错落有致,营造出节日的气氛,最关键的是,这样的设计也创造出独特的导航模式。
Pete Nottage
这个名为Pete Nottage的网站以丰富多彩的插画而著称,也使得整个网站充满了创造性和积极的氛围。这些扁平风格的插画以城市场景为主题,并且还作为网站导航存在。
为了让这个导航栏更加有趣,网站的设计师和开发者将许多动态元素加入到插画中,如移动的汽车和游艇,那些看似静态的景物其实也是可交互的,当你点击它们时,有些建筑会抖动甚至消失!这种引人入胜的设计赋予了网站独特的气质,让人流连忘返,乐此不疲。
Mathilde Jacon
Mathilde Jacon的这个个人作品展示页使用了更加独特的导航模式:嵌套环形可交互式导航栏,环形的每一段都会导向一个作品。原来导航还可以这样做啊!
Moira Young
Moira Young的网站采用了一套自然风格的主题,导航设计则以优雅的辐射状闪光来呈现,当你鼠标移到这些微光之上,导航内容便会呈现,美丽而微妙。
Bancolombia
与许多之前的网站导航设计思路相近,精美的插画和动态视觉元素共同构建起了它的导航栏。网站唯一与时代脱节的地方在于,它采用了Flash来实现这些功能,而非HTML5。
Nat-Ant
值得一提的是,使用极简设计风格其实也可以打造出别出心裁的导航栏。正如你所看到,网页的着陆页非常简洁,背景大量留白,几个控件散落在页面上用作导航,与众不同。
Love Carmen Rose
Love Carmen Rose的网页设计也个性十足,精雕细琢的背景图其实承载着它独有的导航模式,虽然看起来不太显眼,但复杂的导航和背景图也足够它脱颖而出,不是吗?
Orillo
用户打开 Orillo网站时,能看到低调沉稳的背景上用简约线条勾勒出来的控制中心。用户可以借助这个独特的导航栏做很多事情,唯一可惜的是它仅能在桌面端浏览器上呈现,移动端页面则使用的是另一个相对简单的版本。
OK Kid
OK Kid的网页充分运用了视频背景的特性来设计它们的基础导航体系。设计团队采用视觉优先的设计原则,最终结果也并没有令人失望。
The Colors of Motion
网页采用运动的色彩来呈现经典的美国精神,带你开始一段旅程。结合影片剧情,设计团队展现了一个原创而吸引人的导航设计,虽然没有任何标识,但那些细细的条纹会带你走完这个旅程。
HelloNicolas
从你打开这个网页的第一秒开始,页面所展示的作品就会吸引住你的全部注意力。网站的视觉设计非常大胆,整体布局导航通过相对较宽的可交互区域来展现,每一块完成不同的工作。
Grimouville
想不想通过Grimouville开始一段短暂而难忘的旅程?打开这个网站就可以了。网站中那些有趣的互动元素能让你在城市的大街小巷中实现这个梦想。
Leidgens Piscines
网站的着陆页令人难以忘怀:壮观的视频背景和风格化明显的导航栏,这些设计不仅让你愉悦,还能更为高效地探索网站。雅致的菱形导航栏中,每个区块包含着不同的功能和相应的短片。
Soppo
基于栅格的导航系统配合可爱的图片营造出网站的整体氛围,纯色和图片的错落排布,不同区块中独特的效果,会让你记住这个网站的。
Visit Brazil
这是一个真正意义上的概念网站。通过有趣的交互,你可以在这个网站了解关于巴西这个国家许多有趣的故事。
Alexandru Nastase
网站的设计师巧妙地利用排版和简约的外观,呈现出了网站有趣的氛围。密集而大胆的标题周围,围绕着相对较小的文字导航,塑造出独特的形式感。
这6个鲜为人知的黑科技网站,我可以玩一天
以前App推荐了很多,今天就推荐几个黑科技网站,绝对精彩。
先前App推荐了不少,今日就安利几款黑科技网站,绝对过瘾。
》地址:
该网站实属不凡,其厉害之处简单归纳就是将公园前3000年至现在的世界历史串联起来,浓缩在一张张地图上,各国各时代的政治事件、军事事件、行业人物等内容一网打尽。
进入首页可以看到一个时间轴,点击一下朝代,你就能看到这个朝代的大事件和代表人物。
这个网站有一个有趣也是最凸显黑科技的地方就是它把每一个历史人物及历史事件通过关系图谱串联起来,一图贯穿全局。比如我输入“曹操”这厮,那它有哪些敌对的人,领导过哪些战争、亲属有哪些等等一目了然。
当然,这个图谱是可动的,可以随意放大缩小、拖拽点击,趣味无穷。
人类历史的进步、国家的兴衰、国际关系的发展、文化的传承......在这个网站有最完美最清晰的展现,世界历史,可以换个视角审视。
》地址:alteredqualia.com
一个汇集了超多超炫酷的3D网页作品的网站,作者是个国外超牛的编程艺术家,具体什么来头我也不清楚。不要被它平凡无奇的外表蒙蔽~
随便点开其中一个星球,看到的3D画面非常惊艳,鼠标左右、上下移动分别可以旋转和缩放星球。
鼠标每单击一下,星球就会自动更换颜色和背景,而且鼠标悬浮在球上面时,能感觉到它是液态的,很想去扭捏一下。
图片保存也很简单,鼠标右击,另存为就可以了。而这些炫酷的星球在我们制作PPT的时候成了绝佳的背景素材。
上面提到的星球只是这个网站众多作品中的一个玩具而已,还有很多,自己去慢慢探索。
》地址:
这是一个可以自动生成各种颜色和方向的放射线网站,号称万箭齐发。
通过右上角的操控区来控制发射线条的颜色、速度、方向、范围等参数值。
除了好玩还有什么作用呢?同样可以当做PPT素材,例如我们在做一些冲击力很强的PPT时,这样效果看着就很棒。
》地址:
打开网站后,按住鼠标左键移动,你会发现会生成一组左右对称的美丽光炫绘画,对,就是这么简单炫酷。
即使你是一个零基础绘画的菜鸟,我相信你也可以勾勒出漂亮的图形,一个网站玩一天。点击左边的颜色小圆点进行调色、对称开关控制等设置。
欣赏下网上两张大神作品:
》地址:
上传图片,通过人脸识别和大数据分析自动显示人物年龄。操作简单但创意很好,这玩意记得几年前很是火爆。
大家最喜欢对比年龄的两个人,我也上传试试看。
网友内心:再不老,国家要把你抓去当做研究对象了
》地址:
顾名思义,duotone这个网站作用就是让你一键生成炫酷的双色图片,这是一种欧美杂志常用的设计风格。
输入地址进入网站,我们可以看到左边是调色板,右边是免费可商用的unsplash图库默认提供的图片,这个图库资源非常丰富,图片质量也很高,我自己经常在上面搜素材。
选择一张图片,通过简单点击就可以轻松修改配色。
除了可以选用默认推荐的图片,你还可以自己上传图片,直接拖拽到工具即可。
除了双色图片生成外,这个网站还有个彩蛋,点击By shapeFactory你会发现隐藏了三个小工具。
分别是
》Logo:字体logo生成器
》Pigment:一个小色卡生成器
》Gradient:渐变调色器
这三个小工具偶尔还是能派上用场的,快去自己打开网站试试,这里就不详细介绍了。
良心推荐|我手机里有哪些从不删除的优质App