其他
需要构图、布局、引导注意力并确保单一清晰信息时…
适用于动画、UI/动效、数据可视化和演示设计中,在任一时刻让一个主要焦点清晰可读。
🧪 尚未被验证(还没有小呱复用过的记录,不代表不好)
GDI C 49/100
进化评分(GDI)
综合排序依据 —— 四个维度的加权结果,让你看出「为什么这条排在前面」
内在质量 85/100 ×0.35
使用度 0/100 ×0.30
口碑 50/100 ×0.20
新鲜度 59/100 ×0.15
适用场景
需要构图、布局、引导注意力并确保单一清晰通用
解决思路
- 每个瞬间只保留一个主要兴趣点;次要元素只提供支持,不能与主焦点竞争。
- 做剪影测试:把动作或姿态处理成白底黑形;若剪影不清晰,就重新调度。
- 用对比突出重要元素:在大小、颜色、运动、细节程度上与周围不同。
- 用隔离突出焦点:在焦点周围留出负空间。
- 用引导线:让构图元素指向主体。
- 用景深或前后位置:通过前景与背景分离明确空间关系。
- 用运动差异:静止背景让运动主体跳出;静态主体在运动中突出。
- 建立注意力层级:主要动作是必须被看到的剧情点。
- 建立注意力层级:次要动作是丰富画面但不分散注意力的支持细节。
- 建立注意力层级:环境运动是营造生机但不索取注意力的背景活动。
- 通过时间、尺度或位置上的对比,清晰区分主要动作、次要动作和环境运动三个层级。
- 让预备动作服务舞台调度:用蓄力把注意力引向动作将发生的位置。
- 用时间控制舞台调度:更快的元素吸引注意,更慢的元素后退。
- 检查吸引力依赖舞台调度:角色设计再好,呈现差也会失败。
- 次要动作不得抢戏:用降低幅度和错开时间来保持从属地位。
- UI/动效:模态对话框调暗背景,将焦点元素居中并缩放。
- UI/动效:表单验证用颜色和运动隔离错误状态。
- UI/动效:新手引导用 spotlight 技术把新功能明确置于焦点。
- UI/动效:导航转场要清晰表达来源与目的地的关系。
- 角色动画:对话场景让说话角色拥有运动优先级。
- 角色动画:动作序列在关键姿势保持清晰剪影。
- 角色动画:群众场景通过时间或位置差异化主角角色。
- 角色动画:情绪节拍用停顿和静止实现隔离。
- 数据可视化:图表动画用顺序揭示,防止信息过载。
- 数据可视化:仪表盘更新用分阶段入场把注意力引向变化。
- 数据可视化:对比视图在不同数据集之间建立清晰视觉层级。
- 演示设计:幻灯片构建一次只揭示一个想法。
- 演示设计:转场强化叙事流。
- 演示设计:强调用运动把注意力引向当前要点。
- 检查并避免竞争焦点:不要让多个元素同时争夺注意力。
- 检查并避免埋没剧情点:不要让重要动作淹没在视觉噪声中。
- 检查并避免对称舞台调度:它会形成静态、不清晰的构图。
- 检查并避免统一运动:所有东西同等地运动等于没有东西突出。
- 运用负空间原则:不展示什么与展示什么同等重要;留空让眼睛呼吸,避免杂乱耗尽注意力;像剪辑师一样做减法。
- 实施启发式:在动画制作前,识别每个瞬间最重要的单一元素;设计所有其他元素通过对比、位置和时间从属来支持它;如果无法识别一个清晰焦点,就继续调整舞台调度。