发布时间：2021-11-10 分类： 电商动态
今天这篇文章是供大家分析的标签。实际上，tab是产品导航系统的一部分，因此您需要了解该选项卡，您必须将其放入导航系统进行分析。我希望这篇文章可以帮助您在将来更合理地使用标签。
标签分类
为了更好地理解选项卡，我们必须首先对选项卡进行分类，这里我的分类基础是位置。然后根据界面中选项卡的位置，我们可以将选项卡分为顶栏选项卡，侧栏选项卡和底栏选项卡。当然，在导航系统中我们会说顶栏菜单，侧边栏菜单和底栏菜单。 ，都是意义。
Tiger Puff的界面非常具有代表性，因为三个标签样式出现在同一界面，方便我们分析。从导航系统的级别来看，底栏属于第一级导航，顶栏属于二级导航，侧栏属于三级导航。这种划分标准实际上取决于用户拇指活动的范围或经验法则。
2013年对1,300名手机用户进行调查后，“经验法则”是高级互动设计神Steven Hoober的一个新名词。他通过研究发现，49％的用户单手拿着手机并使用拇指经营。即使一些大屏手机让我们不得不牵着双手，大多数人仍然喜欢用自己的拇指。 Josh Clark在另一项研究中也得出了类似的结论，指出75％的手机互动是通过拇指完成的。因此，我们也可以说触摸屏手机的交互式设计，用户主要使用拇指。
第一级导航用户是最常用的，因此用户的拇指必须易于操作，侧边栏和顶栏都是相对“收费区”，用户的拇指很难到达，小手用户甚至借用左手或改变保持位置。这当然不是用户满意的体验。
事实上，这也给了我们灵感。在设计移动产品界面时，您必须将地图放在手机上并尝试“尝试”测试可用性。您的产品必须对用户的手指感到舒适，或者它可以释放用户的手指，使用户可以用一只手轻松操作。我可以举个例子。我听到一位朋友抱怨说在微信上发声是不方便的，因为当右手拿着手时很难触及拇指。我试图调整语音和表情图标，发现它并不理想。
虽然说话更方便，但很难打架。现在在这个全国竞争的时代，用户的情感套餐频率肯定远高于语音（我猜）。所以这里的微信语音功能很难在左侧点击，但我觉得它没有任何问题。
对于侧边栏选项卡，我们通常用于显示在界面的左侧，但也显示在右侧。 QQ空间的每月标签就是这样做的。这样做的一个优点是用户（一只手握住右手）更容易操作。它是。
由于侧边栏标签在右侧操作更方便，为什么侧边栏仍然放置在大多数界面设计的左侧？在我看来，侧边栏选项卡位于界面的左侧或右侧，具体取决于选项卡标签与内容的关联。 。
例如，如果你想在老虎队中找到金州勇士队，那么你必须首先找到NBA论坛，然后去勇士区。从上到下，从左到右，它符合Z型浏览习惯。
如果您将侧边栏选项卡放在左侧，则用户的浏览方向为反Z。在QQ空间中，用户可以在不查看左侧标签项的情况下知道动态发布时间，因此将其放在右侧更合适。
选项卡的两种状态
以上主要讨论了标签位置的重要性。接下来我们主要谈谈标签的设计。在设计标签之前，我们可以进行解构。任何选项卡项都可以由文本和图标组成，其中不需要图标。从信息传递的角度来看，傲慢的图标也不如文本。
Tab可以分为选择状态和未选状态。一般来说，为了突出选择状态，我们主要有三种方法：字颜色，线条和背景颜色，其中线条的位置可以在文字上方或下方。
我查看了当前的手机应用程序，发现使用线条的频率远大于背景颜色。在我看来，这种现象有两个原因。
首先，完全遍历添加的选项卡的样式，这更适合显示更高级别的导航。导航是自上而下的，因此设计人员将优先使用线条，然后使用较低级别的导航来区分背景颜色。
其次，色块的视觉重量较大并且会分散用户的注意力。 Tab是一个导航系统，为了方便用户找到他们想要使用的功能，所以标签太明显了。这就是设计师优先考虑线条的原因。例如，下图中的选项卡可以放大，居中，但会侵占内容区域，因此会被丢弃。
以上是我自己总结的两个原因，第二个原因与信息的优先级有关。在这里，我觉得我需要扩展一些内容。
设计师在日常工作中最烦人的事情之一是甲方临时改变需求。手稿来回反复，设计师如何避免这种情况呢？在我看来，设计师必须在收到需求并确认需求后与甲方充分沟通。当然，这里的确认要求不仅仅是检查字段是否错误。了解甲方需求的信息水平和设计风格。坦率地说，这个界面/横幅样式是你想要去的样式，以及你想要突出显示的样式。
很多时候，虽然甲方已经给你了需求，但他们根本不知道他们想要什么。他们期望设计师首先制定草案。他们对这份手稿进行了多次修改，最终达到了他们的期望。影响。这种做法与设计师的兴趣没有什么不同，因为当甲方不知道他想要什么时，你的初稿就不可能通过。因此，通过询问两级信息水平和设计风格，甲方有望加强自身需求，使省级设计师可以返工。
标签使用方案
我们任何设计组件/元素的最终目标都是为了更好地使用。 “更好地使用”不仅仅是知道如何使用它。它还意味着了解所使用的场景以及何时使用它。
在文章的开头，据说选项卡属于导航系统，选项卡是导航系统中的一种通用油，基本可以使用，但也很有用。例如，QQ邮箱，这是少数几个不使用底栏菜单的产品之一。列表菜单在这里使用。这是因为QQ邮箱是具有核心功能流的单一产品。主界面可以满足用户核心场景的需求。无需通过底栏菜单在多个功能模块之间来回切换。 。
根本无法使用标签，这并不意味着您可以使用它们。让我再举一个例子。如果选项卡项太多，则用户可以滑动，但在某些情况下，选项卡选项太多。此时，标签不适合。企鹅住在这里可以切换到炸弹盒来选择，这个解决方案很棒。
因此，使用标签仍然非常复杂。文章的长度不能说。我刚刚在这里为大家开了个头。更多人仍然希望使用该应用进行分析。
总结
以上是我常用标签样式的分析，希望对大家有所帮助。
