今天主要讲的内容有：按钮的5种状况、文本框的4种状况、表单表格的2种状况、提示框的7种类型、永久不要犯的4种过错、让体会更好的4种作用。
做pc端交互设计时，这些根本的元件状况你知道吗?
1、按钮的5种状况
1)正常状况：能够点击且没有进行任何动作的态
2)鼠标悬停时状况：鼠标逗留在按钮时的状况
3)鼠标按下时状况：鼠标按下的时分(去百度看看按住不松开，就是那种作用)
4)鼠标按下后弹起状况：鼠标按下去后会松开鼠标时状况(此作用能够不做，由于松开后还是鼠标逗留按钮时的作用，现已区别开了
5)不行点击状况：一般为灰色，鼠标逗留时鼠标是禁止状况，不行点击
2、文本框的4种状况
1)停止状况：指的是未进行任何交互操作时状况，此状况下的文本框的线框色彩一般为灰色，提示文字为灰色，提示案牍为请输入xxx。
2)输入时状况：指的是点击后和输入时状况，此状况下的文本框的线框色彩一般为网站的主色调，未输入文字时提示文字为灰色，提示案牍为请输入xxx。已输入文字时文本框里的文字显现已输入的文字，文字色彩为黑色。
3)输入有误状况：指的是输入文字后校验过错时状况，此状况下的文本框的线框色彩一般为赤色，文本框里的文字显现已输入的文字，文字色彩为黑色或赤色(很少见)。
4)输入正确状况：指的是输入文字后校验正确时状况，此状况下的文本框的线框色彩一般为灰色，有一些会在文本框后边显现对号图标，文本框里的文字显现已输入的文字，文字色彩为黑色。
3、表格的2种状况
1)停止状况：停止状况下需求每排背景色运用不同色彩，全用一个色彩会给用户形成视觉疲惫、眼睛疲惫、简单看错行等用户体会欠好的问题
2)鼠标通过状况：鼠标通过某一条数据时需给出不同的背景色，由于此刻用户的焦点在这条数据上，为便利用户查看此条数据不受其他数据的搅扰
3)鼠标通过可操作的文字或图标时：默许的时分建议为渠道的主色掉，由于是可操作的文字或图标，所以鼠标通过期需与默许作用有区别，比方文字能够加下划线或色彩改变，图标能够加色彩改变。
4、提示框的7种类型
1)操作前提示：在该页面未进行操作时的提示框，一直显现在某个方位，可关闭
2)操作进行中提示：点击完操作按钮后进行过程中的提示，如以下两种作用，第二种作用可呈现在最顶端、中心、最底端。呈现在顶端或底端时应不显现图标或图标跟文字一排
3)操作成功提示：点击完操作按钮后进行成功的提示，可呈现在最顶端、中心、最底端，显现2000毫秒后主动消失
4)操作失利提示：点击完操作按钮后进行失利的提示，同操作成功的提示作用，唯一有改变的是色彩的改变。引荐运用赤色
5)承认操作提示：当用户履行某项慎重型操作时，需给出承认操作的提示
6)操作弱提示：当用户操作某项除保存提交类的操作时，且此提示并非重要型提示时，才可运用操作弱提示作用
7)操作强提示：当用户操作某项除保存提交类的操作时，且此提示非常重要时，才可运用操作强提示作用
5、永久不要犯的4种过错
1)tab切换里边加tab切换
2)弹窗里边加弹窗
3)图标替代文字时，若图标无法表示出该操作的寓意，需在鼠标通过图标时显现该图标的文字，否则会形成用户不明白是什么操作的困扰。
4)同一个页面不能够呈现相同案牍或相同操作的按钮
6、让体会更好的4种作用
1)选项较少的下拉框，能够测验露出选项里的内容，而不是放在下拉框里躲藏它们。比方用挑选标签的款式
2)用有视觉作用或标签的挑选来替代单选按钮
3)用有标签作用的替代复选框
4)修改的内容较多时可测验分过程进行或对内容分类
微信：boxiangchina