扁平按钮与凸起按钮

Question

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

谁能告诉我两者的基本区别？（具体来看）

Answer 1

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

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

凸起按钮

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

例

平面按钮

这是Flat Button。这仅取决于表面颜色的变化部分，以使用户感觉到这是一个不同的地方，如果单击它，可能会给您带来不同的操作。

例

FAB按钮

这是FAB Button。（FAB代表Floating Action Button），它遵循“ Raised Button材料设计” 中的相同概念，但具有浮动功能。此FAB按钮可用于指示应用程序中的主要操作。

例

选择要使用的按钮类型

选择按钮样式取决于按钮的首要性，屏幕上容器的数量以及屏幕布局。- 材料设计准则

根据材料设计指南，您可以根据以下三个因素选择要使用的按钮类型：

• 功能：作为浮动操作按钮是否足够重要且普遍存在？
• 尺寸：根据要放入的容器以及屏幕上有多少个z空间层，选择凸起或平坦的。屏幕上不应有太多的对象层。
• 布局：每个容器主要使用一种按钮类型。仅在有充分理由（例如强调重要功能）时才混合按钮类型。

可能的用法

• 对话框->平面按钮
• 内联->扁平/凸起按钮
• 始终可用-> FAB按钮/ 持久页脚按钮