网站建设导航中有一个热点话题:侧边栏菜单。更多设计师正在为项目用垂直侧导航,左边的特定地方用于很多这类网站建设。
虽然看着很好,可以帮助简化整体画布中的混乱,但它真的有什么用?用户会回话侧面导航吗?这是一个你应该考虑的设计趋势吗?今天,大家将尝试通过一些实用和可用的答案来解决问题的核心。
侧面导航随处可见
侧面导航是隐藏和有趣菜单样式演变的一部分。响应式设计几乎迫使设计师考虑替代导航模式,以便更容易在小屏幕上四处走动。汉堡包菜单图标诞生了。
这已经演变为更多弹出式的风格,从汉堡包图标开始。其中一些导航菜单完全打开,而其他导航菜单提供了一个下拉或降低的样式与完整的用户选项。一同的主题是很多汉堡包图标打开垂直滑动导航。
全侧边栏导航好像是这个想法的延伸。
目前迭代的趋势主如果薄左手导航侧边栏。它们总是是简单的,单一的纯色(或叠加),并包含一些可供选择的项目。导航栏可以包含徽标或品牌标记,文本链接和社交媒体或其他图标和搜索的混合。
使这种趋势发挥用途的重点是确保侧边栏包括足够的对比度,以便与屏幕的其余部分维持明确可见,它需要在手机上工作(这可能相当棘手)并且足够宽以包括字体是可读的。
在考虑垂直导航时,还有一个建议:不要仅仅为了填补标准分辨率屏幕的深度而过于充满元素。白色空间完全可以同意 - 甚至强烈推荐 - 作为这种格式的设计工具。查询本文中的示例,你可以看到在项目之间留出空间或将元素对齐到顶部,底部或中心,周围的空间可以各自具备吸引力。导航栏中的额外空间或有助于吸引眼球,能够帮助增加整体可用性。
侧面导航优点
侧面导航具备不少美学价值。虽然这个定义在互联网的早期常常用,但今天的垂直导航菜单时髦而时髦。
用垂直侧面导航的优点包含:
左垂直导航是F形的长行程,其中读者第一看到顶部然后向左看作为自然阅读模式
菜单项目更初并未隐藏,由于其他时髦风格(如汉堡菜单)常常会出现这样的情况
项目在卷轴上方具备相同的网站权重
当元素之间有足够的间距时,可以轻松扫描自上而下的读数
为整个设计留下整洁的帆布
提供不同形状的画布,可以增加视觉兴趣或用户更容易用某些图像或视频内容
可以以干净的方法包括更多链接
侧导航构成
有一大群人根本不喜欢垂直导航。虽然可用性方面的更大抱怨与右边导航有关,但一些设计师觉得垂直导航样式为用户和开发职员增加了一定量的复杂性。
用垂直侧面导航是什么原因包含:
在响应式框架中使垂直导航正常工作可能非常困难
导航中的单词需要足够短,以适应窄列而不用不可读的字体
垂直导航用的空间可能对其他内容更有价值。
对于更宽的屏幕,滚动更高,一些导航元素或许会“丢失”。 / li
垂直导航的额外“空间”或许会鼓励一些设计师过度用导航菜单。与顶部,水平导航一样,只坚持网站内的前四或五个链接。
很多鼠标用户(右手)需要通过屏幕点击导航元素。这可能是麻烦且更终让人讨厌的用户模式。
垂直导航需要滚动并“粘贴”到屏幕上,以便用户不会丢失它。垂直导航一般在单页设计上运行好,但伴随用范围的扩大而变得尴尬。
真的有什么用?
垂直侧导航真的有效吗?
陪审团仍在那个问题上。
这个趋势引人注目,叫你看着。所以,由于用户会看到它,所以有一些价值。假如你的导航是点击模式和用户步骤的要紧组成部分,则可以考虑用此选项。
总的来讲,这种导航风格好像对只有少数导航选项和有限内容的小型网站更有效。本文中的很多示例好像都是针对房产综合体(完全是偶然的),而它好像也适用于创意组合或代理网站。任何具备很多内容的设计或许会感觉侧面导航在设计和内容层次结构方面过于严格。
其他导航地址如何?
非传统导航样式可以是一种有趣的方法来分解一些相同的旧设计模式。垂直选项只不过少数几个想法中的一个。
任何非标准用户模式的问题在于你冒着混淆用户的风险,致使他们完全舍弃网站。任何此类实验更合适具备简单整体视觉流的较小网站。
另外两种开始获得牵引力的导航样式包含Aurora(顶部)用的水平汉堡弹出和AndCulture用的90度倾斜文本导航(下图)。
这两种风格都提供了一些意料之外的成效,并且在各自的环境中运行好,尽管它们可能非常难用不一样的设计理解。与任何设计技术一样,假如你在正常用户模式以外实行某些操作,请务必注意观察剖析并进行测试。假如存在奇怪的点击模式或用户停止浏览导航,则可能是非传统设计存在问题,需要重新考虑。