艺术课程平台界面设计：让花枝地图接到练习

HANAMI 把圆、方块和菱形组织成花枝状课程地图，再用细线解释插花结构。艺术课程平台界面设计可以把学习主题转成导航语言，但地图、筛选与练习页仍要支持明确任务：找到哪门课、看懂哪个部位、知道当前要做什么。

形状图例给主题化目录建立规则

冬季页面中央的课程节点沿纵向花枝展开，左侧标明 Nivel 1 Nyūmon，右下角图例把圆形、方形和菱形分别对应不同内容类型，又用颜色说明季节属性。目录形态与插花主题保持一致，图例则为这种表达提供读法。

右侧保留季节、元素、花材、时长与尺寸筛选，使课程探索不必全部依赖地图。当前条件可以写成可移除的文字标签，让访客知道自己看到的是全部课程还是过滤后的内容。节点也适合显示可读名称，并说明连线表示顺序、依赖还是内容关系。

JVDS 更偏好让可视化地图与简单课程列表共享条件，地图负责整体关系，列表负责快速查找。两种方式可以相互补充，切换后保留级别、筛选和原来的学习位置，主题表达就能支持不同查课习惯。

线稿与成品照片提供不同参照

课程图把枝条、花器与位置关系展开在大面积白底上，顶部有 Soe、Tai、Shin，左侧带测量标尺，右侧有信息分类与成品小图。细线使各部位能够单独被观察，照片则补上整体外观，结构与成品之间形成对照。

画面同时容纳多组枝条与圆形位置图，首次阅读需要一个明确重点。可以突出当前部位、压低其他参照，再让名称与编号连接说明。读者知道自己正在看哪一枝，才容易把线稿中的空间关系转到实际练习。

术语入口也适合保留返回位置，查询词义之后回到原部位。标尺、名称和线型各有角色，说明彼此关系比继续增加细线更能支持理解。

准备短课应突出当前操作与检查

菊花清理与准备页并排放文字、花材线图、粉色测量尺和右上实物照片。页面继续使用浅灰、细线和小色条，视觉很统一，练习对象也比抽象地图更具体。

文字标题与线图整体偏浅，可以提高当前步骤和关键部位的辨识度，再给材料、工具与完成检查留出清楚位置。按步骤切换时，说明、被强调部位和照片应继续对应，不让学习者自行拼接三块信息。

这套设计的可借鉴点，是把艺术构成贯穿目录和教学。目录需要帮助选择，结构图需要帮助观察，短课需要帮助执行；共同的画风之外，各页面还有自己的重点，才能让课程从探索走到练习。