滚动时标题将不可见。 将标题显示为大标题,但在向下滚动时将其移至返回箭头旁边。这样,标题最初是大而可读的,然后变小但仍可见。 对于模态窗口(对话框、面板、全屏模态窗口、滑动、关闭按钮(叉号或点击光箱区域外的区域通常用于关闭操作。本文不会涉及面板和模态窗口,但您可以在我的文章“Sheet, dialog, or snacbar — what should a designer go for?”中了解更多信息。我想提一下新来者偶尔会犯错误,使用返回
箭头而不是关闭按钮来关闭操作
除非您在面板内有完整的场景,否则这个图标是不正确的。 顶部栏中有什么? 导航栏出现在窗口或屏幕的顶部,帮助人们通过内容层次结构进行导航。 如果标题区域 电话数据 提供有用的上下文,请使用标题区域来描述当前窗口。然而,如果给导航栏加标题似乎多余,您可以将标题区域留空。 考虑暂时隐藏导航栏以提供无干扰的体验。 使用标准的返回按钮。 顶部应用栏里有什么? 顶部应用栏在屏幕的顶部显示导航、操作和文本。
使用顶部应用栏提供与当前屏幕相关的内
容和操作,例如导航、屏幕标题和操作。 顶部应用栏有四种类型:居中对齐、S、M或L。 顶部应用栏包含一个可选的前置导航图标(菜单图标或后退箭头。 可以 品牌和内容创作者已经开始注意到这种新兴的 在标题后的容器末尾放置最多三个交互式图标。将最常使用的操作放在前端边缘附近,并逐渐向末端推进。 平台之间顶部导航存在一些差异
我认为重要的是要注意标题与后退箭头之间在不同平台上的位置差异。 在 Material 指南中,标题非常靠近后退箭头。这在它们之间创建了视觉连接,对于从 iPhone 切换 买房b 到 Android 的一些用户来说,它可能看起来像是上一页的标题。 在人机界面中,他们经常在箭头旁边写上点击箭头将返回我们的部分名称或类似“返回”的文本提示。 标题位置不一致 还值得注意的是,在 iOS 和 Android 应用程序中,通常使用不同的图标用于返回。在 Material 图标库中,甚至为 iOS 分别提供了后退和前进