导航在网站设计中的重要性已经毋庸置疑，但重要不意味着它必须高调，安静与显眼兼具的导航才最符合用户的使用体验，而侧边导航恰巧同时满足了这两点。网站侧边导航的好坏与否很容易判断，主要取决于它的大小、形式、色彩和排版。
一般来说，侧边导航的宽度尺寸控制在内容部分宽度的三分之一左右；
主要表现形式有抽屉式导航、固定式侧边导航和隐藏式侧边导航等；
色彩上要与页面整体风格互相协调融合，避免过于亮眼的颜色。虽然导航应该显眼，但通过色彩来实现却不是一个好方法，通过排版、形式、字体等方式同样能达到目的；
侧边导航的排版布局比较简单，分为左侧导航和右侧导航。一般将导航置于左侧的居多，这样能获得更多的关注度。
以下是AnyForWeb为大家收集的关于网站侧边导航的使用案例，希望能为大家带来灵感。
1.逼真的拟物化设计加上木质纹理背景，案例网站中的侧边导航应用变得格外应景。导航与网页整体设计风格很融合，同时用纹理的细微变化以示区别，不仅让用户获得视觉上的舒适感，也让导航更加与众不同。
2.这个案例中体现的是导航设计中的惯用手法，使用与背景色反差较大的颜色来点缀页面中的重要元素，同时起到提亮导航的作用。由于背景色选择了深沉的闷黑色，所以导航的颜色也选用了同色系的黑色，但相对亮一些，整体效果既不唐突，也能很快速、自然的吸引用户视线。
3.这个是一个比较单一的网站配色，导航设计的比较随性，所以让整体效果神秘中带着休闲。设计师将网页打造成少线框的体验，让页面更加自由而无拘束，同时突出了右上角“LOGIN”幽灵按钮的设计，引导用户登录点击。
4.这个网站没有遵循导航尺寸介于内容三分之一到二分之一大小的规律，因此视觉上会让用户造成内容部分有些压抑的感觉。但这个案例中的某些细节很值得我们借鉴，比如内容板块顶部的自然阴影设计；大标题中的水印字样等，这些元素都令网站看起来更加自然亲切，拉近了网站与用户之间的距离感。
5.纯手绘风格的网页设计可能会让网站显得太过童真，而下面的案例却表现出了手绘风格的另一种形态。设计师没有将网站中的文字都设置成手写涂鸦的状态，因此网站的用户体验并没有因为风格的原因受到任何影响。尤其导航部分，与底色同色系的浅灰色底纹将导航和背景很好的区分开来，视觉流畅不违和。
《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。
更新日志
- 小骆驼-《草原狼2(蓝光CD)》[原抓WAV+CUE]
- 群星《欢迎来到我身边 电影原声专辑》[320K/MP3][105.02MB]
- 群星《欢迎来到我身边 电影原声专辑》[FLAC/分轨][480.9MB]
- 雷婷《梦里蓝天HQⅡ》 2023头版限量编号低速原抓[WAV+CUE][463M]
- 群星《2024好听新歌42》AI调整音效【WAV分轨】
- 王思雨-《思念陪着鸿雁飞》WAV
- 王思雨《喜马拉雅HQ》头版限量编号[WAV+CUE]
- 李健《无时无刻》[WAV+CUE][590M]
- 陈奕迅《酝酿》[WAV分轨][502M]
- 卓依婷《化蝶》2CD[WAV+CUE][1.1G]
- 群星《吉他王(黑胶CD)》[WAV+CUE]
- 齐秦《穿乐(穿越)》[WAV+CUE]
- 发烧珍品《数位CD音响测试-动向效果（九）》【WAV+CUE】
- 邝美云《邝美云精装歌集》[DSF][1.6G]
- 吕方《爱一回伤一回》[WAV+CUE][454M]