(o゜▽゜)o☆
教辅资料：极地湾芝士锦囊+艺术设计+交互设计[教程配套材料]
这篇文章将以极地湾为例，展示一种人性化的交互设计。
5 交互
5.1 前言－是何物、有何用？
是何物？ → 简而言之：你和程序的互动，如程序对按钮点击的反应、弹窗等。
有何用？ → 是软件体验的核心，合理、人性化的交互设计使软件易于使用。
（以上非严谨释义，有误敬指！）能力有限，详阅 → 什么是交互设计？
5.2 按钮
按钮很重要：使用频繁，功能关键。
按钮的设计关键：让用户知道『这是个按钮，点击会发生更多事情』。
一般来讲，只需要为按钮设计一个别于背景的边框/底色即可：
有能力的还可以为其绘制投影。
按钮（底色+边框）
如果点击这个按钮会跳转到新的页面，不妨试试『→』和『>』：
带箭头的按钮
在一般为键鼠设计的软件中，还可以让按钮在接触鼠标时作出反应（变大/变色……），告诉用户：这个别致的小方块不是普通文本！
前往体验 → 教辅资料：极地湾芝士锦囊+艺术设计+交互设计[教程配套材料]
供参考 ↓ （涉及到简单非线性变化：+【终值-现值】÷【速度】）
特效堆
5.3 窗口
从大窗口讲起。大窗口的主要用途是展示内容、进行操作。
大窗口的组成：窗口本体+关闭按钮+更多内容元素……
普通的大窗口
可以通过底垫一层半透明以表达层级关系：这个窗口在上层。
这样也顺便能暗示用户：不用分心，不必管原本的界面里有什么，现在只需操作这个窗口即可，有点稳定、踏实的感觉。（？）
5.4 弹窗
这是小弹窗。
5.4.1 与大窗口的异同？
同：弹出在最顶层，都展示内容。
异：
小弹窗：简单小巧，目的为『告知』；轻点即去。
大窗口：声势浩大，目的为『大量展示』和『寻求操作』；一般有单独的关闭按钮。
5.4.2 小弹窗的特性？
轻巧：窗口面积小，轻点窗口/屏幕即可关闭，不影响其他任何内容：
就是一个迷你的、呼之即来、挥之即去的全屏小提示罢了。
长这个样子
其意义即告知，类似积木『说……』。
5.5 重要弹窗
一个显示重要内容的、操作后会产生关键影响的、需要反复确认的弹窗。
特性：会有强制倒计时和确认按钮。
实现思路：显示弹窗→等待五秒→显示按钮，并且唯点击按钮才能继续操作。
强制倒计时，迫使用户阅读说明，充分思考。
等待后才显示确定按钮
怎么关闭重要弹窗：设置取消按钮或让用户绿旗重启
（→参考极地湾：开启新游戏并丢失旧存档的重要弹窗提示）
今日技巧堆 ( •̀ ω •́ )✧
按钮：让用户知道『这是个按钮，点击会发生更多事情』；
窗口：大窗口：底层垫深色半透明；
小弹窗：轻轻地走，正如它轻轻地来；
重要弹窗：强制倒计时。
按钮的边框粗细应与文本笔画粗细相近！
附赠教辅资料：极地湾芝士锦囊+艺术设计+交互设计[教程配套材料]
<iframe
width="100%"
height="800px"
scrolling="no"
src="https://www.ccw.site/embed?id=today-polarbays-art-tutorial/awa-liny/Lec5"
title="{极地湾基本艺术设计 05}"
frameBorder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowFullScreen
scrolling="0"
></iframe>