<
厌倦了传统顶部导航的设计师,越来越偏爱侧边栏导航了。这种常见于页面左侧的侧边栏设计,已经成了很多自成一家的设计师的抉择了。
侧边栏导航看起来不错,它简化布局的功能似乎也很强盛,那么它真的有效么?用户是否会认可这种设计呢?今天,咱们细心剖析一下侧边栏导航的优毛病跟利用状况,尽可能精准地对这种设计伎俩进行界定跟判断。
无处不在的侧边栏导航
侧边栏导航跟菜单设计的演变有着密不可分的关联。响应式设计的盛行使得向挪动端偏移的网页设计,不得不采取菜单栏来调换传统的导航模式,其直接的影响就是催生了汉堡图标。
随着汉堡图标的盛行,弹出式的菜单也越发的常见。做网站涵盖了许多不同的技能和学科中所使用的生产和维护的网站。不同领域的网页设计,网页图形设计,界面设计,创作,其中包括标准化的代码和专有软件,用户体验设计和搜索引擎优化。网站制作通俗的来说就是网站通过页面结构定位,合理布局,图片文字处理,程序设计,数据库设计等一系列工作的总和,也是将网站设计师的图片用HTML方式展示出来。其中有些菜单是完全开放式的,而有的菜单则带着下拉框,还有一局部直接是弹出的菜单界面。而为了兼容大量的挪动端界面,下拉跟弹出式的菜单大多采取的是纵向布局——而这跟侧边栏的设计,是如此的类似。换句话来说,这种垂直的导航就是一种弹出式的侧边栏导航。
目前,这种左侧侧边栏导航的设计已经成为一种连续迭代中的设计趋势了。当初咱们看到的侧边栏设计,经常利用单一的纯色打底,包含较少(然而重要或常用的)选项,导航栏顶端通常会包含有品牌或者网站LOGO,文字链接,以及带有小图标的社交媒体帐号的链接。
想要这种侧边栏设计可能最大化的施展作用,诀窍在于把持好侧边栏自身跟右侧网站内容的对比度,它要包含足够清楚可见的导航条目,还要能在挪动端上良好地运作。
还有一点值得一提:不要因为屏幕侧边够长,就试图用链接跟内容将侧边栏填满。留白是完全可能接收的,在简约之风大行其道的今天,尽量只保存必须的内容,让留白来凸显它们,才是合乎情理又合乎趋势的设计。今天的文章中的很多优质案例,都遵守着这样的设计逻辑。
侧边栏导航的优点
侧边栏导航的美学特点是毋庸置疑的。它在互联网存在的早期就已经存在,在软件的GUI设计中经常可能看到,然而在今天它仍然以一种时尚而前卫的姿势呈现。
网站建设中侧边栏导航的优点如下:
·侧边栏导航通常位于左侧,它位于F式布局的最左侧,作为信息骨干,也合乎用户的浏览习惯
·侧边栏导航不会像汉堡菜单一样一开端就隐藏其中的条目
·侧边栏中的条目优先级基本一致
·当间距足够的时候,侧边栏中的条目会十分的精深莫测
·今天的侧边栏通常会留有足够的空间,让后续的条目可能加入进去
·侧边栏让右侧的画板外形尺寸不尽雷同,设计师可能以非通例的方法来展示视频跟图片,发明更奇特的视觉闭会
·侧边栏导航以更加清洁优雅的方法显现更多的链接
侧边栏导航的毛病
不喜好侧边栏导航的人也很多,有些争辩是对于导航栏放在右侧会不会更好,还有人则觉得侧边栏导航自身就是个麻烦,一方面让用户面对更庞杂的布局,另一方面还增加了开发的难度。
利用垂直导航,或者说侧边栏导航,存在的问题:
·垂直式的导航在响应式布局当中很难畸形工作
·导航中的词汇必须足够简短,否则导航栏会设计的很宽,或者局部内容无奈显示
·垂直导航所盘踞的空间,可能会挤压其余更有价值的内容
·在等同内容量之下,侧边栏导航会让用户转动页面的时光更长
·顶部导航通常只能放四五个链接,而侧边栏导航无疑能放更多,这可能会促使局部设计师,在导航栏中塞入过多导航条目
·绝大多数用户是右撇子,这些用户须要横快全部屏幕去点击导航
·垂直导航通常在单页式页面上十分好用,然而其余类型的网页上则不设想中那么好使
侧边栏导航真的好使么?
说真的,探讨很多,论断并不那么暧昧。
作为一种设计趋势,侧边栏导航是惹人留神的,作为导航栏,它常驻式的设计,让它的功能性更强。假如你的导航是用户流程中十分重要的存在,那么侧边栏导航是个不错的抉择。
总而言之,这种导航设计对较少的导航内容的小型网站而言,颇为有用,尤其是对产品展示型的网站而言。
其余的导航模式
非通例的导航模式是攻破了旧有的通例导航模式的有趣尝试,除了侧边栏导航之外,还有一些其余的有趣的导航设计。
当然,非通例的导航设计最重要的问题在于,用户不熟悉,轻易混淆,困惑。对小型站点,恰当的尝试还好,对庞杂的大型网站,这样的尝试就有点得失相当了。
在这里另外介绍两种有趣的导航设计。Aurora 所采取的是隐藏式的导航,点击LOGO旁边的菜单按钮可能显示,而AndCulture 则直接将顶部导航旋转了90度直接放到侧面。
两种设计诚然都有人让人意想不到,然而都在各自的网站建设中良好的运行。网站建设前期准备包括了前期网站定位、内容差异化、页面沟通等战略性调研,这些确立后,再去注册域名、租用空间、网站风格设计、网站代码制作五个部分,这个过程需要网站策划人员、美术设计人员、WEB程序员共同完成。当然,不管你要做如许奇怪的尝试,在真正决定投入利用之前,尽量多做用户测试,确保它们是有效的。
网络用户经营:须要深刻解析网站针对性用户成长模式网站建设的意思
http://yjweb.480w.com
>