导航在网站设计中的重要性已经毋庸置疑,但重要不意味着它必须高调,安静与显眼兼具的导航才最符合用户的使用体验,而侧边导航恰巧同时满足了这两点。网站侧边导航的好坏与否很容易判断,主要取决于它的大小、形式、色彩和排版。
一般来说,侧边导航的宽度尺寸控制在内容部分宽度的三分之一左右;
主要表现形式有抽屉式导航、固定式侧边导航和隐藏式侧边导航等;
色彩上要与页面整体风格互相协调融合,避免过于亮眼的颜色。虽然导航应该显眼,但通过色彩来实现却不是一个好方法,通过排版、形式、字体等方式同样能达到目的;
侧边导航的排版布局比较简单,分为左侧导航和右侧导航。一般将导航置于左侧的居多,这样能获得更多的关注度。
以下是AnyForWeb为大家收集的关于网站侧边导航的使用案例,希望能为大家带来灵感。
1.逼真的拟物化设计加上木质纹理背景,案例网站中的侧边导航应用变得格外应景。导航与网页整体设计风格很融合,同时用纹理的细微变化以示区别,不仅让用户获得视觉上的舒适感,也让导航更加与众不同。
2.这个案例中体现的是导航设计中的惯用手法,使用与背景色反差较大的颜色来点缀页面中的重要元素,同时起到提亮导航的作用。由于背景色选择了深沉的闷黑色,所以导航的颜色也选用了同色系的黑色,但相对亮一些,整体效果既不唐突,也能很快速、自然的吸引用户视线。
3.这个是一个比较单一的网站配色,导航设计的比较随性,所以让整体效果神秘中带着休闲。设计师将网页打造成少线框的体验,让页面更加自由而无拘束,同时突出了右上角“LOGIN”幽灵按钮的设计,引导用户登录点击。
4.这个网站没有遵循导航尺寸介于内容三分之一到二分之一大小的规律,因此视觉上会让用户造成内容部分有些压抑的感觉。但这个案例中的某些细节很值得我们借鉴,比如内容板块顶部的自然阴影设计;大标题中的水印字样等,这些元素都令网站看起来更加自然亲切,拉近了网站与用户之间的距离感。
5.纯手绘风格的网页设计可能会让网站显得太过童真,而下面的案例却表现出了手绘风格的另一种形态。设计师没有将网站中的文字都设置成手写涂鸦的状态,因此网站的用户体验并没有因为风格的原因受到任何影响。尤其导航部分,与底色同色系的浅灰色底纹将导航和背景很好的区分开来,视觉流畅不违和。
1 2 下一页 查看全文免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
更新日志
- 林一峰2017-绝对清白2CD[香港首版][WAV+CUE
- 石凯《数星一整夜》[320K/MP3][44.18MB]
- 石凯《数星一整夜》[24bit 48kHz][FLAC/分轨][395.49MB]
- 邰正宵《重燃爱恋 贰 Walk On》[320K/MP3][158.71MB]
- 林一峰2003-床头歌[华纳][WAV+CUE]
- 张琍敏1983-又见牵手[台湾留声复刻版][WAV+CUE]
- 张琍敏1978-雪中莲[台湾复刻版][WAV+CUE]
- 叶蕴仪1993-睡美人[日本版][WAV+CUE]
- 夜晚助兴音乐-群星《新时代床头音乐-性能量》2CD[WAV]
- 24K德国HD金碟《历届奥斯卡获奖金曲》3CD[WAV整轨]
- 邰正宵《重燃爱恋 贰 Walk On》[FLAC/分轨][431.72MB]
- 苏文劭《雨停出来走走》[320K/MP3][81.11MB]
- 苏文劭《雨停出来走走》[FLAC/分轨][210.76MB]
- 群星《2024好听新歌04》十倍音质WAV分轨
- 陈宁《弹指之间HQ》头版限量[低速原抓WAV+CUE]