01 / 感知 / 交互
开发中感知之场
同心圆像波纹一样起伏，层叠的光影随之变化。
形态与动态: 十三个同心圆环，从中心向外起伏。
查看详情
创作意图
让一个微小的动作，像波纹一样向外扩散。
动态设计
圆环依次起伏，细微的时间差形成波纹。
运动方式
圆环依次升起，大小和间距随之改变。
Ha Jinhyun · 系统架构师形态与动态 / 2026
圆环重叠、旋转，再逐渐展开。
01 / 形态实验五件作品
形态实验
观察形态， 感受动态。
五项围绕线条、圆环与重复构成的形态实验，让不同结构呈现各自的动态。
选择一个标题，跳转到对应作品。
02 / 思考 / 视角
开发中思维的纹理
方形框架围绕中央球体，以不同角度转动。
形态与动态: 九个方形框架围绕静止的金色圆球转动。
查看详情
创作意图
视角不断变化，思考仍围绕一个稳定的中心。
动态设计
圆球保持不动，各个框架以不同角度转动。
运动方式
球体保持原位，每个框架以不同角度旋转。
03 / 节奏 / 流动
开发中流动的秩序
长短不同的条状造型依次起伏，形成稳定的节奏。
形态与动态: 六根柱体依次上下起伏。
查看详情
创作意图
让独立的动作衔接起来，形成连续的流动。
动态设计
高度和起伏的先后变化，形成不同的节奏。
运动方式
长条依次运动，用细微的时间差形成连续的波动。
04 / 轨道 / 连接
开发中连接的轨道
圆点沿着相交的轨道，围绕同一个中心移动。
形态与动态: 小圆点沿着六条椭圆轨道移动。
查看详情
创作意图
让不同轨道上的元素围绕同一个中心相互连接。
动态设计
轨道保持不动，圆点以不同的速度和方向移动。
运动方式
每个圆点沿自己的轨道，以不同速度和方向移动。
05 / 中心 / 变化
开发中变化中的中心
层层嵌套的圆环围绕稳定的中心展开、旋转。
形态与动态: 内圈保持不动，外圈逐层展开。
查看详情
创作意图
周围的形态不断变化，中心始终保持稳定。
动态设计
圆环越大，移动幅度越大；中心始终保持稳定。
运动方式
内环保持不动，外环的间距和角度逐渐改变。
02 / 工作方式
从用户要做的事出发。
先了解用户的目标和遇到的困难，再梳理信息与操作流程。
设计的三个步骤
试着改变一处，看看整体会怎样变化。
进入实验室03 / 路径实验
断开连接， 查看另一条路径。
选择目标，试试另一条路径。这是一个用于比较两条路径的模型。
在此模型中，替代路径会绕过第一处连接。
选择一个步骤，查看它的作用。
模型中的第一处连接: 正在使用所选路径其他连接
步骤说明
信息
包含在当前路径中路径的起点。
所选路径
主路径3 个连接
信息 → 模型 → 验证 → 结果
通过操作比较两条路径的交互模型。
04 / 联系HA JINHYUN
有想做的项目， 或想改进的事？
请简单介绍您的项目、遇到的问题和希望达到的效果。几句话即可。
写邮件
将打开邮件应用，并填入三个问题，方便您介绍需求。