android - 平面按钮与凸起按钮

Question

我想知道 Flat button 和 Raised Button 之间的基本区别。根据新的 Android Material 设计指南，我想使用凸起的按钮，但我不知道它们是什么。网络上有一些论坛显示一个凸起的按钮，但他们称其为 Flat。

谁能告诉我两者之间的基本区别？ (具体看)

Answer 1

两个 Button 都遵循新的Flat Design 概念，而不是旧的Gradient Design 概念。

那些用来给用户感觉的概念是可点击按钮，而不仅仅是带有文本或图像的彩色区域。

凸起按钮

这是 Raised Button，它让您感觉它的一部分相对高于表面。这给用户一种他/她可以将其向下推以期待特定操作的感觉。 更优雅，提供更好的用户体验

例子

平面按钮

这是平面按钮。这只是依靠改变表面颜色的一部分来给用户感觉这是一个不同的地方，如果你点击它可能会给你不同的 Action 。

例子

FAB 按钮

这是 FAB 按钮。 (FAB 代表 Floating Action Button)它遵循 Material Design 中 Raised Button 的相同概念，但具有 float 功能。此 FAB 按钮可用于指示应用中的主要操作。

例子

选择要使用的按钮类型

Choosing a button style depends on the primacy of the button, the number of containers on screen, and the screen layout. - Material Design guidelines

根据Material Design guidelines , 您可以根据以下 3 个因素选择要使用的按钮类型:

• Function: Is it important and ubiquitous enough to be a floating action button?
• Dimension: Choose raised or flat depending on the container it will be in and how many z-space layers you have on screen. There should not be many layers of objects on the screen.
• Layout: Use primarily one type of button per container. Only mix button types when you have a good reason to, such as emphasizing an important function.

可能的用法

• 对话框 -> 平面按钮
• 内联 -> 平面/凸起按钮
• 始终可用 -> FAB 按钮/persistent footer button