在线咨询
QQ咨询
服务热线

020-85201717

13725302004

业务微信

微信开发

TOP

设计趋势:侧面导航无处不在,但它有效吗?

发布时间:2019-04-22 浏览:

网站设计导航中有一个热门话题:侧边栏菜单。更多设计师正在为项目使用垂直侧导航,左侧的特定位置用于许多这些网站设计。


虽然看起来不错,可以帮助简化整体画布中的混乱,但它真的有用吗?用户会回应侧面导航吗?这是一个你应该考虑的设计趋势吗?今天,我们将尝试通过一些实用和可用的答案来解决问题的核心。


侧面导航随处可见


侧面导航是隐藏和有趣菜单样式演变的一部分。响应式设计几乎迫使设计师考虑替代导航模式,以便更容易在小屏幕上四处走动。汉堡包菜单图标诞生了。


这已经演变为更多弹出式的风格,从汉堡包图标开始。其中一些导航菜单完全打开,而其他导航菜单提供了一个下拉或下降的样式与完整的用户选项。共同的主题是许多汉堡包图标打开垂直滑动导航。


全侧边栏导航似乎是这个想法的延伸。


当前迭代的趋势主要是薄左手导航侧边栏。它们往往是简单的,单一的纯色(或叠加),并包括一些可供选择的项目。导航栏可以包括徽标或品牌标记,文本链接和社交媒体或其他图标和搜索的混合。


使这种趋势发挥作用的关键是确保侧边栏包含足够的对比度,以便与屏幕的其余部分保持清晰可见,它必须在移动设备上工作(这可能相当棘手)并且足够宽以包含字体是可读的。


在考虑垂直导航时,还有一个建议:不要仅仅为了填补标准分辨率屏幕的深度而过于充满元素。白色空间完全可以接受 - 甚至强烈推荐 - 作为这种格式的设计工具。查看本文中的示例,您可以看到在项目之间留出空间或将元素对齐到顶部,底部或中心,周围的空间可以各自具有吸引力。导航栏中的额外空间将有助于吸引眼球,有助于增加整体可用性。



侧面导航优点


侧面导航具有很多美学价值。虽然这个概念在网络的早期经常使用,但今天的垂直导航菜单时尚而时尚。


使用垂直侧面导航的优点包括:


左垂直导航属于F形的长行程,其中读者首先看到顶部然后向左看作为自然阅读模式

菜单项目更初并未隐藏,因为其他时尚风格(如汉堡菜单)经常会出现这种情况

项目在卷轴上方具有相同的权重

当元素之间有足够的间距时,可以轻松扫描自上而下的读数

为整个设计留下整洁的帆布

提供不同形状的画布,可以增加视觉兴趣或使用户更容易使用某些图像或视频内容

可以以干净的方式包含更多链接


侧导航构成


有一大群人根本不喜欢垂直导航。虽然可用性方面的更大抱怨与右侧导航有关,但一些设计师认为垂直导航样式为用户和开发人员增加了一定程度的复杂性。


使用垂直侧面导航的原因包括:


在响应式框架中使垂直导航正常工作可能很困难

导航中的单词必须足够短,以适应窄列而不使用不可读的字体

垂直导航使用的空间可能对其他内容更有价值。

对于更宽的屏幕,滚动更高,一些导航元素可能会“丢失”。> / li>

垂直导航的额外“空间”可能会鼓励一些设计师过度使用导航菜单。与顶部,水平导航一样,只坚持网站内的前四或五个链接。

许多鼠标用户(右手)必须通过屏幕点击导航元素。这可能是麻烦且更终令人讨厌的用户模式。

垂直导航需要滚动并“粘贴”到屏幕上,以便用户不会丢失它。垂直导航通常在单页设计上运行良好,但随着使用范围的扩大而变得尴尬。


真的有用吗?


垂直侧导航真的有效吗?


陪审团仍在那个问题上。


这个趋势引人注目,让你看起来。所以,因为用户会看到它,所以有一些价值。如果您的导航是点击模式和用户流程的重要组成部分,则可以考虑使用此选项。


总的来说,这种导航风格似乎对只有少数导航选项和有限内容的小型网站更有效。本文中的许多示例似乎都是针对房地产综合体(完全是偶然的),而它似乎也适用于创意组合或代理网站。任何具有大量内容的设计可能会觉得侧面导航在设计和内容层次结构方面过于严格。


其他导航地点怎么样?


非传统导航样式可以是一种有趣的方式来分解一些相同的旧设计模式。垂直选项只是少数几个想法中的一个。


任何非标准用户模式的问题在于您冒着混淆用户的风险,导致他们完全放弃网站。任何此类实验更适合具有简单整体视觉流的较小网站。


另外两种开始获得牵引力的导航样式包括Aurora(顶部)使用的水平汉堡弹出和AndCulture使用的90度倾斜文本导航(下图)。


这两种风格都提供了一些意想不到的效果,并且在各自的环境中运行良好,尽管它们可能很难用不同的设计理解。与任何设计技术一样,如果您在正常用户模式之外执行某些操作,请务必仔细观察分析并进行测试。如果存在奇怪的点击模式或用户停止浏览导航,则可能是非传统设计存在问题,需要重新考虑。