SuperAPI AI 工具集

micro-interactions

设计与创作

查看项目

更新于 10-15 21:12

技能介绍

微交互用于设计界面中传达状态变化、提供反馈并增添愉悦感的小型交互细节。

用途与结构:每个微交互包含四个部分——触发器(用户操作或系统事件)、规则(发生什么)、反馈(用户看到或感受到的内容)、循环与模式(持续行为)。

常见微交互与反馈时长:按钮点击(缩小至95%、透明度变化,100ms)、开关切换(滑动+变色,200ms)、复选框(缩放+勾选绘制,150ms)、点赞/爱心(放大+变色+粒子,300ms)、删除(滑出+高度折叠,250ms)、加入购物车(物品飞向购物车图标,400ms)、复制到剪贴板(提示确认,200ms)、错误抖动(水平抖动3次,300ms)。

设计规则:每个用户操作都要有反馈(即使很细微);直接操作的反馈要即时(100ms以内);能量要匹配——破坏性操作与创作性操作的感觉应不同;不要为高频发生的事(如打字、滚动)添加动画;愉悦感要节制使用,若每个交互都令人愉悦,则没有一个真正令人愉悦。

限制与说明:资料未提供具体实现代码、集成方式、收费模式或平台支持信息,相关事实暂未提供。