我想知道之间的基本区别Flat button
and Raised Button
。根据新Android
材料设计指南 我想使用凸起按钮,但我不知道它们是什么。网络上有一些论坛显示一个凸起的按钮,但他们称之为“扁平”。
谁能告诉我两者之间的基本区别? (具体看)
Both Button
正在遵循新的平面设计概念代替旧的概念渐变设计概念。
那些用来给用户这样的感觉的概念是可点击按钮不仅仅是带有文本或图像的彩色区域。
凸起按钮
这是Raised Button
这给你的感觉是它的一部分相对高于表面。这让用户感觉他/她可以按下它来期待特定的操作。更优雅,提供更好的用户体验
Example
平按钮
这是Flat Button
。这仅依靠改变部分表面颜色来给用户感觉这是一个不同的地方,如果你点击它可能会给你不同的动作。
Example
FAB按钮
这是FAB Button
。 (FAB 代表Floating Action Button
)这遵循相同的概念Raised Button
在材料设计中,但具有浮动功能。此 FAB 按钮可用于指示应用程序中的主要操作。
Example
选择要使用的按钮类型
选择按钮样式取决于按钮的首要地位、屏幕上的容器数量以及屏幕布局。 -材料设计指南 https://material.io/guidelines/components/buttons.html#buttons-button-types
根据材料设计指南 https://material.io/guidelines/components/buttons.html#buttons-button-types,您可以根据以下 3 个因素选择使用哪种类型的按钮:
-
Function:作为浮动操作按钮是否足够重要和普遍?
-
方面:根据容器所在的容器以及屏幕上有多少个 z 空间层来选择凸起或平坦。屏幕上不应该有很多层的对象。
-
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 按钮/持久页脚按钮 https://material.io/guidelines/components/buttons.html#buttons-persistent-footer-buttons
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)