论UI中控件的使用方法

正文

一、按钮Button

1、按钮分为：重要按钮、一般按钮和软弱按钮

重要按钮：一般是指在整个界面当中比较大，醒目的位置，通常是指执行重要操作以及吸附在底部的按钮。比如下单、搜索、确定、提交等等操作。

一般按钮：不是特别重要操作的按钮。比如清空、退出、说明性的等按钮。 重要按钮和一般按钮都是文字是在按钮上的，而且占的面积比较大。

软弱按钮：这里指优先级最低的一种按钮，这类案例主要是文字和图标一起搭配出现的。比如筛选、排序等按钮。

2、样式：

按钮的表现形式有两种：线框型、填充型（实色、渐变）

线框与线框排列，实色与实色排列是最基本最安全的排布方式，使用频率最高或者重要的按钮放在最右侧（考虑用户体验的结果），给个规范内的色值即可，统一排列内的其它按钮置灰（可参考淘宝后台）。

3、鼠标效果：

初始、鼠标滑过（悬浮或称为选中状态）、点击、不可点击

一般来说鼠标滑过建议加深色值（变浅效果不佳不做推荐）、点击可以初始状态相同，不可点击需要置灰，色值需要低一些，建议（#dddddd）。(参考下图)

请到「今天看啥」查看全文