课程定位

一个小图标在设计稿里醒目，放进工具栏后却可能和相邻操作太像，用户看不出是已选中、不可用还是可以继续点击。这个专题以图标和应用界面设计为基础，练习先明确图标承担的动作，再用实际尺寸与不同状态检查识别效果。

课程内容与学习重点

从动作清单建立设计目标

选取保存、分享和取消等虚拟界面动作，分别写出用户点击前会看到什么、点击后应发生什么。区分入口图标、状态提示和装饰图形，避免一个形状在同一处表达互相冲突的意思。给需要配文字的动作保留文字位置，先通过简图确定轮廓和信息重点。

在实际尺寸里比较一组图标

将草图放入同一工具栏，用常见查看尺寸和小尺寸分别看线条、留白和重心。设计默认、选中、按下或暂不可用等几种状态，使同一图标仍能被辨认。用颜色变化表达状态时另加可观察线索，再看低对比和没有颜色提示时是否仍容易判断。保留一组反例，记录哪一对最容易混淆。

通过操作任务验证使用

请同伴完成几个短任务，例如保存草稿后继续编辑，或查看一个当前不可用的动作。观察其第一次点击和误判位置，再决定调整图形、文字或摆放。修订后用同一任务复查，并核对同套图标在不同页面没有改变含义。交接文件可附动作名称、状态表现、尺寸与关键复验任务。

适合人群

适合学习界面视觉、交互原型或需要整理产品图标的设计人员。练习可以从现有草图或简单虚拟工具开始。

自练可为一个虚拟编辑工具设计四个动作图标，再将每个图标做出默认和选中状态。先用同一尺寸让同伴试读，再放到缩小的工具栏中做真实点击练习。将错误按认错动作、没看清状态和找不到入口分别记下。调整一处视觉线索后再观察选择是否更准确。最后留存初版、验收版及语义说明，让新增图标能按同样方法比较。若不同页面需要复用图标，也可先分别列出真实动作，检查词义改变是否需要独立标识。也可分别观察连续操作和首次使用时的判断，问清使用者为何选择该图标。将相邻区域一起留在截图里，便于复核图形是否受到界面位置的干扰。

开课与报名咨询

本专题的开课时间、授课地点、授课老师、学制、费用和报名安排详询。咨询时可说明希望重点学习的场景。

看起来相似的图标一定要重做吗？先确认它们是否会出现在相同操作语境。如果容易误点，可以调整轮廓、文字或位置再测试。

只用颜色区分选中状态够吗？应结合页面条件检查。可以添加轮廓、位置或文字等辅助线索，让状态仍然易于辨认。

温馨提示：课程内容为拟定，具体实际讲授内容由授课老师根据学员情况灵活调整，最终以课堂授课为准。