谷歌推出Material 3全新菜单设计,圆润灵动风格重塑安卓视觉体验
11月24日,据外媒9to5Google报道,谷歌近期对Material Design 3的菜单组件进行了全面革新,推出了符合Expressive设计语言的全新“垂直菜单”,为安卓生态系统带来了更加圆润、灵动的视觉体验。
此次设计更新的核心在于从“基础菜单”向“垂直菜单”的转型。新设计的菜单采用了更加柔和的圆角处理,整体造型显得更加现代而友好。与以往设计不同的是,分隔线和当前选中项不再占据容器的整个宽度,这种微妙而精心的调整使得界面层次更加清晰,视觉焦点更为集中。
在交互细节上,谷歌也投入了特别的关注。重新优化的子菜单动画效果为用户提供了更加流畅的视觉反馈,使得菜单的展开与收起都充满了自然的动态美感。这些细腻的动效处理,让冰冷的界面元素焕发出了生机与活力。
除了形态上的改变,新菜单还引入了创新的“带间隙”布局选项。这一设计可以与传统的“带分隔线”选项配合使用,为开发者提供了更灵活的布局选择。间隙不仅仅是一种视觉装饰,更承担着功能分区的重任——它能够辅助“将相似的操作归类”,通过空间关系清晰地展示菜单项之间的逻辑联系。
谷歌在设计指南中给出了明确的使用建议:避免改变间隙的大小,每个菜单中的间隙不应超过一个或两个,并且不要在可滚动菜单中使用间隙。这些规范确保了设计的一致性和可用性,体现了谷歌对细节的严谨态度。
在色彩运用上,新菜单提供了“标准”和“活力”两种风格。标准风格基于表面色,视觉强调较低,适合大多数常规场景;而活力风格则基于第三色,视觉强调更高,能够为特定需要突出显示的菜单项提供更强的视觉吸引力。谷歌同时提醒开发者应当谨慎使用活力风格,以保持界面的视觉平衡。
此次菜单更新是Material 3 Expressive语言体系中的重要一环。回顾今年I/O大会上发布的五个新表现型组件:按钮组、FAB菜单、加载指示器、分割按钮和工具栏,以及对按钮、导航栏、应用栏等一大批现有组件的更新,可以看出谷歌正在构建一个更加统一、协调的设计生态系统。
特别值得一提的是,新菜单与分割按钮的搭配效果良好,ME3的形状变化使得聚焦的子菜单边角更加圆润,而未聚焦的子菜单则保持平滑,这种动态变化为菜单交互增添了更多层次感。