轴承包装设计_下拉导航菜单的UX设计技巧

轴承包装设计的核心价值在于为企业打造独特的品牌，轴承包装设计可以给企业带来良好的社会声誉和经济效益。

注：配图为本公司设计作品

轴承包装设计原文直译：

由于现代的Java Script语言和CSS3效果，下拉菜单已经有了很大的发展。但是并不是所有的下拉菜单都是一样的，有些UX策略比其他策略更有效。

在本指南中，我将介绍一些构建可用下拉导航菜单的设计技巧。这包括多级下拉菜单和巨型菜单，它们都依赖于相同的核心设计原则。

目录

隐藏

子菜单的标记

带链接填充的空间

清除悬停状态

快速下拉动画

关闭

子菜单的标记

为附加了子菜单的链接添加标记是一个好主意。这些小的视觉指示器让用户知道链接放在哪里以及如何访问它们。

这些规则适用于所有菜单，不管你设计的是一层还是四层链接。

标记的范围可以是箭头、圆点、正方形或任何明显的东西。只要这个符号是通用的，大多数用户都足够聪明去理解它的意思。

在线电子邮件模板生成器

有了明信片，你可以在线创建和编辑电子邮件模板，无需任何编码技能！包括100多个组件，帮助您以前所未有的速度创建自定义电子邮件模板。

免费试用其他产品

线鸟导航是这种效果的一个很好的例子。

他们的一些链接有子菜单，而另一些没有。事实上，他们的一些链接有子菜单，你只能通过每个链接旁边的独特标记来辨别。

线鸟使用向右的双尖括号，简化为raquo .网页设计者更喜欢这个符号而不是一个单独的箭头，因为它看起来更大，在远处更容易注意到。此外，它即使在较小的尺寸下也能很好地保持形状。

您可以在TutsPlus导航中找到类似的设计。下拉菜单使用向下箭头，弹出菜单使用向右箭头（右尖括号)。

这个设计中我不喜欢的一点是子菜单箭头样式。箭头图标仅在悬停菜单项时出现，即使所有其他链接也有子菜单。良好的设计实践会鼓励始终保持这些箭头可见。

但我确实喜欢TutsPlus设计的简洁。这是一个很好的例子，说明了小小的记号笔是如何帮助提高可用性的。

带链接填充的空间

当我看到设计师在他们的导航中滥用空间时，我快疯了。

与我们的在线建设者一起创建网站

使用启动应用程序和幻灯片应用，您可以使用在线网站编辑器建立无限的网站，其中包括现成的设计和编码元素、模板和主题。

尝试启动应用程序

尝试其他产品的幻灯片

大多数下拉菜单在链接之间有一点空间。但是边距和填充之间有很大的区别。

有了页边空白，你需要点击实际的链接文本。可点击的区域只有文本本身那么大。但是通过填充，你可以使整个区域可点击，这意味着用户有一个更大的目标。在菜单链接方面，我认为越大越好。

Webdesigner仓库最近重新设计了一个很酷的动画下拉菜单。当你将鼠标悬停在"博客"链接上时，你会看到一个两栏的下拉菜单。如果你将鼠标悬停在这些链接上，你会注意到它们使用填充来创造空间。

这意味着你可以点击链接文本周围的空白区域，这使得浏览网站更加容易。

大多数下拉菜单属于两种类型之一：填充间距或空白间距。

你可以将鼠标悬停在链接周围的空间，看看你的光标是否变成了一个可点击的手套。这是一个不使用填充的站点的

注：配图为本公司设计作品

轴承包装设计总结：

轴承包装设计的分享让我们明白品牌设计的核心是传递品牌价值，品牌设计通过logo设计（标志设计）、VI设计、包装设计等设计载体提高品牌的美誉度、忠诚度，打造轴承包装设计的品牌核心资产。如果您有更多的观点，请联系杭州vi设计公司 。