Sidebars for Inspiration

目录
  1. Eat Drink Inc.
  2. Lauren Vidal
  3. Adsy
  4. Smoke & Croak
  5. Flipp
  6. Osbornbarr
  7. Sound City Project
  8. Fixed Agency
  9. Adventure
  10. Sky Wifi
  11. Sculpt Communications
  12. Biamar
  13. GoltzGroup
  14. LS5
  15. elevatedthird
  16. Wanda Print
  17. Daniel Portuga
  18. Accelerator Marketing
  19. Designova
  20. Lorenzo Bocchi

Eat Drink Inc.

1-creative-sidebars-websites

Lauren Vidal

2-creative-sidebars-websites

Adsy

3-creative-sidebars-websites

Smoke & Croak

4-creative-sidebars-websites

Flipp

5-creative-sidebars-websites

Osbornbarr

6-creative-sidebars-websites

Sound City Project

20-creative-sidebars-websites

Fixed Agency

7-creative-sidebars-websites

Adventure

8-creative-sidebars-websites

Sky Wifi

9-creative-sidebars-websites

Sculpt Communications

10-creative-sidebars-websites

Biamar

11-creative-sidebars-websites

GoltzGroup

12-creative-sidebars-websites

LS5

13-creative-sidebars-websites

elevatedthird

14-creative-sidebars-websites

Wanda Print

15-creative-sidebars-websites

Daniel Portuga

16-creative-sidebars-websites

Accelerator Marketing

17-creative-sidebars-websites

Designova

18-creative-sidebars-websites

Lorenzo Bocchi

19-creative-sidebars-websites

Parrot

一个简洁的充满有机氛围的网站。开发者利用垂直视差配合静态侧边菜单栏完美展示自己的产品。

125

Michael Ngo

拥有一个非常明亮干净的排版。侧边菜单直白干脆。尽管色调单一,但是整体看起来非常纯洁。

217

Create Pilates

该网站强烈依赖于配色。黄色和白色搭配营造积极的氛围。左边巨大的菜单很好地做到了和用户之间的交互,让人一眼就把精力集中在导航栏上。

314

Antro

和前面几个网站配色不同,该网站使用自由而神秘的黑色配色方案,与左边白色休闲的导航栏结合,给人以强烈的印象。侧边导航栏的优美之处主要表现在空间够大而自体够小,大量的空白给导航栏有呼吸的之处。

48

Wacom

有两个侧边菜单栏。使用传统的黑白配加上简单的图标指示使得网站内容导航一目了然。

57

Wanda Print

网站导航也采用了双重菜单,而且篇幅很广。菜单如此宽广,排版如此简洁,加上导航和背景产生的强烈对比,使得整个网站显得非常微妙而自由。

66

Black Ram Whisky

拥有独特的设计。通过神秘的外表和细节的刻画引起了用户的注意。而狭窄的侧边导航则作为一个补充设计,起到了画龙点睛的效果。

76

Trask Industries

该网站的设计旨在创造巨大的视觉冲击力。很多链接都是基于图片的。左侧有一个温和的小菜单,菜单是小巧的动态图标加上简短的字体导航。

86

Welcome to the future of football

该网站拥有复杂的交互。设计师使用黄色来提亮要点。尽管侧边菜单栏也是黑色的,仿佛融合到网站中,但是黄色的字体导航也不失味道。

96

Travel Alberta

网站的主体内容是美丽的风景。采用侧边滑出式导航栏,小小的导航通过侧滑的方式安排了很多实用的数据。

106

Mario IGN 

是一个互动网站,主要是为了向这个著名的游戏致敬。右边大面积展示著名的场景附加一点介绍。左边是一个简洁的导航菜单。

1110

Martina Sperl 

有一个基于图片的着陆页,利用垂直滚动技术展示艺术品。在这种情况下, 右边干净整洁的一面菜单功使得用户更加便利地去探索该网站。

126

Bienville Capital Management

设计师采用传统的色彩组合展示该网站,动态图片使得网站不再单调。左边的菜单采用侧滑式,既不妨碍用户参观又起到网站指引的作用。

133

CFYE Magazine

众多的粉色和白色搭配起来营造出积极的氛围。侧边磁贴式导航显得干净利落,简单明了。

142

Tim Brack

选用了干净、开放和抛光的在线组合促使用户集中注意力于主人的杰作。右边巨大的导航块彰显了网站高贵的气质。

154

The Explorations Company

左边的菜单有点儿原始的味道,但这确实就是设计师的目的。网站内容丰富数据繁多,没有这个导航用户将很难探索完整个网站。

164

World is beautiful

设计师竟然在左边侧滑而出的主菜单采用了下拉的二级菜单!看起来完美极了!世界果然是十分漂亮的~~

174

Animesh Manglik

采用了侧边滑出的菜单,看起来很便利。

182

University of Brighton

布莱顿大学也来耍逼格风~据说右边的导航很完美,但是很不幸我点开图片进入的并不是这个配图所展示的页面╮(╯▽╰)╭

192

Whale Wars by Animal Planet

巨幅图片华丽丽地展示了网站的磅礴气势,而为了hold住此气势,设计师决定在右边用做一个温和的侧滑导航栏。刚柔并济,所向披靡。

202

Les Enfants

网站采用网格布局展示各种电影场景。此时左边的菜单显得很优雅有木有~

218

小结

导航栏的设计可以是静态的、动态的、可扩展的、双层展示的,甚至只是隐藏在一个微妙的符号里面。任何导航在网站里面都扮演者不可或缺的角色,所以,探索网站采用何种导航方式是很有必要的。

标签灵感

继续阅读

2022-2023设计趋势报告:协作产品篇

前言 20世纪80年代,SOHO(居家办公)就已在国外流行起来,但当时因国内硬件、软件等的整体限制,此模式并未被太多人使用。近些年来,随着互联网的蓬勃发展,以及电脑等办公设备在家庭的普及,在线办公逐渐成为越来越多人选择的一种工作方式。 2019年底新冠…

2020-2021 设计趋势ISUX报告 · 潮玩篇

玩具——“可玩之物”,泛指可用来玩的物品。广义上来讲,它不是只限于市面上售卖的供人玩的东西,凡是可以通过感官(视听触)进行游戏或把玩的东西,都可称之为玩具。也可以是不限材质的自然物体,如沙石泥树枝等非人工东西。本篇将主要围绕通常市面上所能流通…

MEUX「七月」AI设计观察

【1】Perplexity推出AI驱动浏览器Comet 【2】谷歌发布32个T5Gemma模型 【3】马斯克xAI发布Grok4 【4】新版 PNG 格式发布 【5】B站推“代号H”AI创作工具 【6】京东推出两款AI社交产品 【7】字节上线“小荷AI医生” 【8】vivo发布端侧多模态模型 【9】腾讯元器接…