39、《蒙德里安用户界面模式：激发家庭生态责任感》

《蒙德里安用户界面模式：激发家庭生态责任感》

1. 蒙德里安界面瓷砖间的过渡

蒙德里安用户界面（UI）在交互的下一个层级，允许用户通过缩放深入探索系统设施，同时支持在蒙德里安瓷砖间进行过渡。这里存在两种过渡类型：
- 从环境视图到聚焦视图的过渡 ：以一个由6块瓷砖组成的环境屏幕为例，点击某一块瓷砖（如瓷砖1），该瓷砖会放大，其他瓷砖则缩小。此时焦点落在瓷砖1上，其内容语义上被放大，而其他瓷砖内容缩小。若要将焦点从瓷砖1移到瓷砖3，只需点击缩小后的瓷砖3即可。在焦点从一块瓷砖转移到另一块时，瓷砖的几何重新配置以及焦点+上下文技术所使用的着色方式，都保留了蒙德里安风格，兼顾了使用美学和外观美学。
- 聚焦视图内的过渡 ：有些瓷砖（如瓷砖1）可能提供不止一个层级的焦点+上下文交互。例如，聚焦的瓷砖1可进一步缩放为4个子瓷砖（标记为a、b、c、d）。点击子瓷砖a，焦点会落在1 - a上；再点击b，焦点转移到1 - b。

下面用流程图展示从环境屏幕到聚焦视图的过渡：

graph LR
    A[环境屏幕（6块瓷砖）] --> B[点击瓷砖1]
    B --> C[瓷砖1放大，其他缩小，焦点在瓷砖1]
    C --> D[点击缩小的瓷砖3]
    D --> E[焦点转移到瓷砖3]

2. 电子教练蒙德里安用户界面

电子教练用户界面是家庭合作式电子教练管理系统的前端，目前它是蒙德里安UI模式的概念验证。部分瓷砖已在受控实验中由最终用户进行了