first commit

docs/mconline/55-交互设计教程/9-UI效果.md

@@ -0,0 +1,37 @@
+# UI效果
+
+UI效果主要是为了给玩家一个视觉反馈，在玩家和UI交互时提供更好的体验效果。
+
+## UI动画
+
+UI动画是体现UI高级感所必须要有的，如果所有的UI都是直接显示/关闭，那么就会看着非常生硬，相反如果有一些过度的动画，就能让整个组件的品质提升非常多，在UI层面上就给人一种不简单的感觉。
+
+<img src="./images/9_1.gif" alt="Image from Gyazo" style="zoom:130%;" />
+
+### 点击效果
+
+点击效果就是给与玩家点击UI时的反馈，常见的点击效果有
+
+点击时图片使用代码控制图片的进行一个微小的缩小，这样可以给用户一种按钮进行下压的感觉。
+
+点击图片时，切换一个点击颜色的贴图，比如原按钮时白色的，点击时按钮就变成绿色的，进行一个反馈。
+
+### 移动效果
+
+部分UI并不需要一直展示在玩家的主菜单，比如原版的背包，而玩家点击背包按钮时仔细观察就能发现，背包并不是突然打开的，而是从下往上快速弹出的。这就是一种移动动画，他能把原本看起来比较死板的界面开启变得更加有活力，生动有趣。
+
+### 渐隐/显效果
+
+这也是常用的UI效果，通过代码控制UI的透明度来达成逐渐显现和组件隐去的效果，这种适合用于背包GUI、或者距离边缘较远的UI内容，如果距离边缘较远使用移动效果，可能会给玩家一个很繁琐的感觉，所以使用调整透明度的动画效果可能会更加合理舒服。
+
+## UI音效
+
+UI音效也是一个提高高级感的方法，点击按钮的音效应该要尽量的简单，识别度高，甚至可以直接使用原版的音效
+
+### 点击音效
+
+点击音效是最常用的反馈音效，通常我们在创建按钮时会有一个默认的按钮点击音效，这个音效我们也可以替换成更加有趣的音效，比如我们点击自己创建的背包按钮，发出的是原版的箱子音效，这样比原版的点击音效或许更能给人耳目一新的感觉
+
+### 无效音效
+
+这类音效主要是反馈给玩家，此处不可点击，并且UI也不会产生变化，以此提醒玩家此处点击时无效的。