数据界面很容易走向两个极端:要么只剩表格和数字,准确却紧张;要么铺满插画与鼓励语,亲切却模糊。treetree 的情绪图案尝试放在两者之间——它们负责调节节奏,不负责替数据表达结论。
先确定事实层,再决定插画位置
我们把标题、关键数字、状态说明和主要操作视为事实层。它们必须在没有插画时仍然完整。情绪图案只能进入事实层之外的剩余空间,例如空状态的下半部、完成后的留白,或趋势卡片中不承载刻度的背景区域。
这个顺序很重要。如果先画一张漂亮的大图,再把数据塞进周围,界面很快会为了构图牺牲可读性。反过来,先稳定信息层级,插画就会自然变成一种标点:提示停顿、结束或新的开始。
图案不承担唯一语义
一阵风、合拢的叶片或点亮的小灯,可以传递安静、完成和准备回顾的情绪,但它们不能是状态的唯一证据。颜色、文字和控件状态仍然需要独立说明结果,避免不同文化理解、色觉差异或图片加载失败造成误判。
因此,“今天都完成了”首先是一句可读取的状态,其次才是一幅舒展的植物图案。图案让界面更有呼吸,却不改变屏幕阅读器和键盘用户获得的事实。
控制密度,而不是追求统一装饰
情绪图案不是每张卡都必须拥有的品牌贴纸。我们根据页面的任务密度决定出现频率:高频操作页更克制,回顾与空状态可以更舒展;相邻区域若已经有较强图形,下一块内容就主动安静下来。
最终判断标准很简单:先移开视线,再回到页面,第一眼应该落在需要理解或操作的内容上。如果最先看到的是装饰,图案就已经越过了边界。情绪可以进入数据界面,但必须尊重事实先开口。