侧边栏网站导航设计赏析。

导航在网站设计中的重要性毋庸置疑，但重要并不意味着一定要高调。安静显眼的导航是最符合用户体验的方式，而侧边导航正好同时满足了这两点。判断一个网站的侧边导航好坏很容易，主要看它的大小、形式、颜色、布局。

一般来说，侧边导航的宽度控制在内容部分宽度的三分之一左右；

主要形式有抽屉导航、固定侧导航和隐藏侧导航。

色彩要与页面整体风格协调融合，避免色彩过于鲜艳。虽然导航要显眼，但是通过颜色来实现并不是一个好办法。也可以通过排版、表格、字体等来达到目的。

侧导航的布局比较简单，分为左导航和右导航。一般大多数人会把导航放在左侧，这样可以得到更多的关注。

以下是泰德力通小编为您收集的关于网站侧边导航的使用案例，希望能给你带来启发。

1.逼真的伪物化设计和木质纹理背景，使得侧边导航在案例网站中的应用尤为贴切。与导航网页的整体设计风格非常融合，同时利用纹理上的细微变化来彰显不同，不仅给用户视觉上的舒适感，也让导航更有特色。

2.这个案例体现了导航设计中的惯用手法，使用与背景色反差大的颜色来点缀页面中的重要元素，同时起到增亮导航的作用。因为背景色是深闷黑，导航色也是同色系的黑色，但是比较亮，所以整体效果既不突兀也不突兀，能快速自然的吸引用户的注意力。

3.这是一个比较简单的网站配色，导航设计比较随意，所以整体效果带有休闲的神秘色彩。设计师把网页做成少线框的体验，让页面更加自由奔放，突出右上角& ldquo登录& rdquoGhost按钮旨在引导用户登录并点击。

4.这个网站没有遵循导航大小在内容大小的三分之一到二分之一之间的规则，所以会在视觉上让用户觉得内容部分有些凹陷。但这个案例中的一些细节还是值得借鉴的，比如内容板块顶部的自然阴影设计；标题中的水印字等。，这些元素都让网站看起来更加自然友好，拉近了网站与用户的距离。

5.纯手绘的网页设计可能会让网站看起来过于稚气，但下面的案例展示了手绘风格的另一种形式。设计师并没有把网站中的所有文字都设置成手写涂鸦的状态，所以网站的用户体验并没有因为风格而受到任何影响。尤其是导航部分，与背景色同色的浅灰色底纹，可以将导航与背景区分开来，视觉流畅性并不矛盾。

6.Georgina Bousia的网站很直观，给用户一种清新淡定的感觉。简单的导航也能给网站带来高端大气的感觉，但不可否认的是设计师在其中花了很多心思。大图上有轻微的半透明几何阴影效果，让画面中的景物有了一些阳光的设计感。

7.网址导航也可以设计一种场景交错的感觉。某一部分内容自然与导航联系在一起，黑色的使用不仅不会显得枯燥单调，反而营造出一种独特的复古时尚感。它们之间的垂直视差效果更有利于吸引用户。

8.这是一个很特别的网址导航设计。设计者使用下拉的形状边来体现导航的简单性和适用性。导航隐藏在整个网站中，更像是一个页面中的补充设计。

9.TONYMOLY的网址导航采用双层设计，后面是简洁的图标设计，优点是用户可以更清楚的看到网站的内容分类。在色彩上，设计师采用中性的黑白搭配，尽量减少对主要内容区域的视觉冲击。

10.如果你觉得只是静静的放在页面边上的网址导航看起来太正统，不妨试试下面这个案例。设计师在导航周围添加了丝带效果，使页面看起来立刻充满活力。

有时候，只需要一些巧妙的小效果，就能让导航与众不同。但是，由于导航对整个网站的重要性，舒适的用户体验和美观之间的选择需要设计师仔细考虑。