
凭借我们多年的底部tab栏设计经验,传统的文字+图标形式统一了视觉呈现、用户审美,创造了一致的体验。但设计师有没有想过是否有更好的底部tab栏案例?答案不确定,但我们确实看到一些优秀的勘探方案,其中一些是在线方案。
第一种是第一代标签样式。以淘宝网为例。这是一个经典的图标加文字样式。虽然home tab有一些创新,但我们仍然将其归为第一代选项卡,包括近两年流行的动态选项卡。实际上,它们都属于第一代标签页。我的定义标准是图标和文本的结合,这被认为是第一代标签。无论是在底部标签页添加快捷方式,还是添加有趣生动的动画,都无法避免内容和模块仍然完好无损,仍然是图标+文本来传达产品的信息架构。
后来,设计合作伙伴可能会想当然地接受这种底部tab栏风格。它的优点是美观、清晰、大方。但它不够简洁,至少不是最简洁的。所以有了第二代的标签设计。我们来看看小红书和Instagram的第二排入场券。两者都实践了本章的主题,删除原则,一是删除图标,二是删除文本。表面上,这是一个简单的删除,但事实上,背后有深刻的思考。
小红书的设计方案摒弃了图标众多的创作机会,选择呈现最简洁的副本,帮助用户区分不同标签对应的模块。放弃了视觉美的创造机会,赢得了体验美,消除了图标元素的干扰。一方面,提高了底层标签的识别和操作效率。另一方面,用户关注的是应用程序本身的内容。
我们经常听到这样的理论:一幅画胜过千言万语,但请注意,它并不适用于底部tab栏的图标领域。尽管图标很漂亮,但除了一些常用的图标,大多数图标都需要文本帮助解释。更真实的情况是图标只是文本的一个辅助角色。假设您打开任何三个应用程序并从它们的选项卡中删除文本,会发现准确识别选项卡内容的关键是文本而不是图标,特别是对于新用户。
我们可以用微信底部tab栏作为INS的例子。他们都拥有大量的用户,稳定的用户习惯和成熟的产品使用经验。这得益于其短期、高频互动的产品形式。主流的使用场景是打开软件回复一条消息,打开软件刷一段时间的图片馈送,具有较高的使用频率。用户使用底部标签的经验足以支持他们的“盲目选择”。因此,无论您选择哪种形式,都应该仔细考虑用户的体验和业务目标。当你知道你是谁和你是谁之后,你可以使用删除原则来简化产品。
除了上述两个在线方案外,我们还可以看到其他一些底部tab栏方案。设计上的探索总是如火如荼,但我们需要明确的是,优化底部标签的目的是让它更简洁、更易于使用,而不仅仅是为了视觉上的创新。 注:尊重原创文章,转载请注明出处和链接 https://www.pxwy.cn/news-id-21537.html 违者必究!部分文章来源于网络由培训无忧网编辑部人员整理发布,内容真实性请自行核实或联系我们,了解更多相关资讯请关注UI设计频道查看更多,了解相关专业课程信息您可在线咨询也可免费申请试课。关注官方微信了解更多:150 3333 6050