网页导航设计举例 第1篇
侧边栏导航可以设计成各种个性化的形式。Pixso社区采用的侧栏导航设计，设计元素设定在合理的宽度，导航栏中的字体不会过长，显示上不会出现太大的问题。UI设计师可以通过滑动侧栏的方式来查看个人的设计稿件，既节省网站的空间，同时也显得更加简约。结构复制的网站不适用于这种类型的导航，侧边栏的二级导航栏也不能用于侧边导航，所以这种类型的导航大多适合一些设计师或个人网站，还有一些结构简单的网站。
Pixso 资源社区内置的侧边栏仪表板，便采取的侧边导航的形式，侧边导航的使用能够简化界面设计的内容，尤其是对于含有大量数据的管理后台仪表盘设计，收起来的侧边栏能使整个界面看起来更加简洁，有条理，
网页导航设计举例 第2篇
17 Leidgens Piscines
首页将其让人难忘的外观归功于两个基本组成部分：壮观的视频背景定下高逼格，导航让你更有效地探索项目。由于其精巧的线型让置于中心的额外导航恰到好处；每个菱形以一段简短的视频作为特色支撑着标题。
18 Soppo
通过网格导航菜单，Soppo展现出可爱的格子风。设计师巧妙地运用纯色色块和图片进行混搭，并为每个单元块添加了感知鼠标方向的图片遮罩效果。
19 Visit Brazil
Visit Brazil确实是一个标志性的概念性网站。它的页面通过在房间里的巡游，形成了一种交互式浏览，每一个元素都在讲述它们自己的故事，展示巴西不同地方的旅游文化。
20 Alexandru Nastase
Alexandru Nastase网站的设计师巧妙地利用字体得到一个相当直观的外观，从而打造一个有趣的页面，文字导航都灵巧地环绕着这个页面布局下来，塑造出独特的层次感。
总结
另类的，不平凡的导航解决方案总是可以吸引并激发用户的兴趣。他们将网站升华为一个杰作。
然而，无论你的导航看起来有多迷人和不寻常，对于导航来说不受干扰地直达目标对用户来说始终是头等大事，所以不炫技，懂得拿捏分寸至关重要的。
————————————————————————————————————————————————
我们是DATS设计翻译者。我们爱设计爱英语，通过翻译设计的文章共同学习进步，虽然我们还有许多不足，但是只要把每个人的微小的力量聚集起来，总有一天会发出耀眼的光芒~
欢迎加入我们！
网页导航设计举例 第3篇
底部导航更多是应用在移动端中，在PC端的应用中不是很广泛，一般应用于一些活动或个性化的网站当中。在PC端中采用底部导航，往往采用固定的方式，这就意味着对于结构复杂的网站不是很合适。其次，将导航放置底部，对于用户的使用习惯来说不是很友好，用户的眼睛都是从上到下从做往右浏览的，这样的设计比较挑战用户的使用习惯。底部导航栏多出现在移动APP界面设计中，符合绝大多数用户的交互习惯，这也是友好用户体验的表现。Pixso资源社区作为一款在线协同设计工具，能够支持一站式UI/UX、原型、白板、交互与交付，带给团队更加高效的设计体验，