交互样式简单来讲，就是当我们对一个元件发生以下动作时，它可呈现不同的样式：

    ①鼠标悬停（鼠标在元件范围时）；

    ②鼠标按下（未松开的时候）；

    ③选中（选中时）；

    ④禁用（被禁用时）；

    ⑤获取焦点（例如文本框的光标，或选项框正在操作选择时）；

    在上图中，对原始的元件【文本框】添加交互样式后的不同效果。红框中的【添加交互样式】按钮，或【鼠标右键】点击元件菜单选择【交互样式】，都可以设置元件的交互样式。

    应用技巧：

    1、不要滥用交互样式，很多元件都没有必要设置交互样式；

    2、不同的元件，可以设置的交互样式不一样；

    3、相同类型的元件，可以批量设置交互样式，例如形状类：矩形+圆形+方块就可以同时选中后设置交互样式。但是矩形+文本框就不能同时设置；

    4、交互样式可以复制粘贴，而且可以多条选择后操作；如下图，按SHIFT+鼠标左键，选择多条交互样式，然后CTRL+C复制，CTRL+V粘贴到其他元件上：

    交互样式可以使你的原型在某些表达上更加准确、丰富，易于理解，这个当我们讲到实际的案例时会有一些演示。

更多内容搜索关注——知Liao

小程序、公众号、知乎、B站、人人都是产品经理

原创声明：

本文内容全部由Lilaceliao原创，如需转载，请联系作者。