# 按钮

蓝湖设计稿地址:按钮

参考按钮API

# 按钮规范

# 通栏按钮

  • 描述:指的是两边紧靠着屏幕两端的按钮,特点是指引性特别强,没有什么局限性,比较通用。

  • 场景:一般用来引导用户操作的地方。

# 色块按钮

  • 描述:即扁平的填充色块加上文字或ICON的按钮。

  • 场景:因为它的突出性,所以适合用来引导用户操作,第一时间就能锁定视觉焦点,知道下一步的操作。

# 幽灵按钮

  • 描述:基本上就是文字加描边的样式,突出性都较弱,在界面上视觉和谐度更高,但指引性不强。

  • 场景:多用于背景较为丰富的地方,幽灵按钮不会过于抢眼,不会对背景遮挡过多,由于幽灵按钮的突出性大大低于色块按钮,也可以与色块按钮配合使用,使得更加主体分明。

# 按钮组

  • 一般由2个到3个按钮组成,更多按钮在第三个按钮点击弹出一个余下的功能按钮

# 注意事项

  • 在功能类似的页面的功能区域,使用相同大小和圆角与否的按钮。

  • 在危险操作应按危险等级标识按钮,而同时出现危险操作和安全操作时,危险操作应该使用幽灵按钮来弱化。