网站设计导航中有一个热门话题:侧栏菜单。更多的设计师正在为项目开展垂直侧向导航工作,其中许多
网站设计的左侧都有一个特定的位置。
虽然它看起来不错,并且可以帮助简化整个画布中的混乱,但它确实有效吗?用户是否会回应侧面导航?这是你应该考虑的设计趋势吗?今天,我们将尝试用一些实用而有用的答案来解答问题的核心。
侧面导航无处不在
侧面导航是隐藏和有趣菜单样式演变的一部分。响应式设计几乎迫使设计人员考虑替代导航模式,以便在小屏幕上轻松浏览。汉堡菜单图标诞生了。
这是演变为更多的弹出式样式,以汉堡图标开始。其中一些导航菜单完全打开,而其他导航菜单则提供了一个完整的用户选项调色板下拉或下降样式。常见的主题是许多汉堡图标打开垂直滑动导航。
完整的侧边栏导航似乎是该想法的延伸。
目前迭代的趋势主要是左侧导航侧栏。它们往往很简单,只有单一的纯色(或叠加),并包含一些可供选择的项目。导航栏可以包含徽标或品牌标记,文本链接和社交媒体或其他图标和搜索的组合。
使这一趋势发挥作用的关键是确保侧边栏包含足够的对比度,以便与屏幕的其他部分保持清晰可见,它必须在移动设备上工作(这可能相当棘手),并且足够宽以容纳字体是可读的。
在考虑垂直导航时,还有一点建议:不要试图填充太多元素,以填补标准分辨率屏幕的深度。作为这种格式的设计工具,空白是完全可以接受的 - 甚至是强烈推荐的。查看本文中的示例,您可以看到在项目之间留出空间或者将元素与空间的顶部,底部或中心对齐可以分别具有吸引力。导航栏中的额外空间将有助于吸引眼球,有助于增加整体可用性。
侧面导航优点
侧面导航有很多美学价值。虽然这个概念在网络的早期阶段经常使用,但今天的垂直导航菜单时尚而时尚。
使用垂直侧面导航的优点包括:
左侧垂直导航属于F形的长行程,读者首先在顶部,然后在左侧作为自然阅读模式
菜单项目最初并不像其他时髦风格(如汉堡菜单)那样隐藏
项目在滚动上方保持相同的权重
当元素之间有足够的间距时,自顶向下读数很容易扫描
剩下的设计留下整齐的帆布
提供不同的形状画布,可以增加视觉兴趣或使用户更容易地使用某些图像或视频内容
可能会以干净的方式包含更多链接
侧面导航缺点
有很多人不喜欢垂直导航。虽然可用性方面的大抱怨与右侧导航有关,但一些设计师认为,垂直导航风格为用户和开发人员增添了一定程度的复杂性。
使用垂直侧面导航的原因包括:
垂直导航在响应式框架中正常工作可能很困难
导航中的单词必须足够短,以适应窄列而不使用不可读的字体
垂直导航使用的空间可能对其他内容更有价值。
使用更宽的屏幕时,滚动更高,某些导航元素可能会“丢失”。> / li>
来自垂直导航的额外“空间”可能会鼓励一些设计人员过度沉迷导航菜单; 与顶级的水平导航一样,只能坚持站点内的前四个或五个链接。
许多鼠标用户(右手)必须穿过屏幕才能点击导航元素。这可能是一个繁琐且最终令人讨厌的用户模式。
垂直导航需要滚动并“粘”到屏幕上,以便用户不会丢失它。通常,垂直导航在单页设计中效果很好,但使用范围更广时会变得很笨拙。
它真的有用吗?
垂直侧面导航是否真的有效?
陪审团仍然在那个之外。
这个趋势很引人注目,让你看起来很漂亮。所以,这有一些价值,因为用户会看到它。如果您的导航是点击模式和用户流程的重要组成部分,则可以考虑此选项。
总的来说,这种导航风格似乎对于只有少数导航选项和有限内容的小型网站来说是最有效的。本文中的许多例子似乎都是针对房地产综合体(完全是偶然的),而它似乎也适用于创意组合或代理网站。任何带有大量内容的设计都可能会让人感觉侧面导航在设计和内容层次上过于严格。
关于其他导航位置怎么样?
非传统的导航风格可能是一种有趣的方式来打破一些相同的旧设计模式。垂直选项只是几个想法之一。
任何非标准用户模式的问题在于您冒着使用户混淆的风险,导致他们完全放弃网站。任何这样的实验对于具有简单整体视觉流的较小站点来说都是最好的。
另外两种正在开始吸引力的导航风格包括Aurora使用的水平汉堡包弹出窗口(上图)以及AndCulture使用的90度倾斜文本导航(下图)。
这两种风格都提供了一些意想不到的效果,并且在各自的环境中运行良好,但它们可能很难用不同的设计理解。与任何设计技术一样,如果您在正常用户模式之外执行某些操作,请务必经常关注分析和测试。如果存在奇怪的点击模式,或者用户停止通过导航进行移动,则可能会遇到非传统设计方面的问题,需要重新考虑。
结论
有一点是肯定的,当涉及到导航趋势时,用户和设计人员似乎厌倦了完全隐藏的样式和需求选项,这些选项在台式机和移动设备上以类似的格式工作。这可能是纵向格局趋势的原因之一。
本文来自创新互联品牌网站建设网站设计制作公司-创新互联
标签:公司网站制作,成都建设网站,官网建设,网页制作公司,建网站公司,企业建站,重庆网站建设公司,成都网页设计公司,成都网站设计公司,企业网站建设
文章名称:设计趋势:侧面导航无处不在,但它有效吗?
文章源于:/news48/171398.html
成都网站建设公司_创新互联,为您提供微信小程序、面包屑导航、电子商务、网站策划、企业网站制作、做网站
广告
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源:
创新互联