预约成功

第一种是第一代标签样式。以淘宝网为例。这是一个经典的图标加文字样式。虽然hometab有一些创新,但我们仍然将其归为第一代选项卡,包括近两年流行的动态选项卡。实际上,它们都属于第一代标签页。我的定义标准是图标和文本的结合,这被认为是第一代标签。无论是在底部标签页添加快捷方式,还是添加有趣生动的动画,都无法避免内容和模块仍然完好无损,仍然是图标+文本来传达产品的信息架构。
后来,设计合作伙伴可能会想当然地接受这种底部tab栏风格。它的优点是美观、清晰、大方。但它不够简洁,至少不是最简洁的。所以有了第二代的标签设计。我们来看看小红书和instagram的第二排入场券。两者都实践了本章的主题,删除原则,一是删除图标,二是删除文本。表面上,这是一个简单的删除,但事实上,背后有深刻的思考。
小红书的设计方案摒弃了图标众多的创作机会,选择呈现最简洁的副本,帮助用户区分不同标签对应的模块。放弃了视觉美的创造机会,赢得了体验美,消除了图标元素的干扰。一方面,提高了底层标签的识别和操作效率。另一方面,用户关注的是应用程序本身的内容(小红皮书的定位只是内容电子商务,所以这里有业务层的考虑。我能想到设计团队与产品和老板一起撕心裂肺地为这个设计创新而奋斗的场景。
我们经常听到这样的理论:一幅画胜过千言万语,但请注意,它并不适用于底部tab栏的图标领域。尽管图标很漂亮,但除了一些常用的图标(如已删除的垃圾桶图标),大多数图标都需要文本帮助解释。更真实的情况是图标只是文本的一个辅助角色。假设您打开任何三个应用程序并从它们的选项卡中删除文本,您能理解哪个选项卡对应于哪个模块吗?别说话太凶。你不能谈论普通的应用程序。你离不开设计师的经验。如果您是应用程序的初学者,您会发现准确识别选项卡内容的关键是文本而不是图标,特别是对于新用户。
我们可以用微信底部tab栏作为INS的例子。他们都拥有大量的用户,稳定的用户习惯和成熟的产品使用经验。这得益于其短期、高频互动的产品形式。主流的使用场景是打开软件回复一条消息,打开软件刷一段时间的图片馈送,具有较高的使用频率。用户使用底部标签的经验足以支持他们的“盲目选择”。因此,无论您选择哪种形式,都应该仔细考虑用户的体验和业务目标。当你知道你是谁和你是谁之后,你可以使用删除原则来简化产品。
除了上述两个在线方案外,我们还可以看到其他一些底部tab栏方案。设计上的探索总是如火如荼,但我们需要明确的是,优化底部标签的目的是让它更简洁、更易于使用,而不仅仅是为了视觉上的创新。想知道更多关于ui设计的设计素材与技巧,可以在文末下载ui设计的相关软件素材及教程,环球网校也会进行持续更新哦。