下载掌阅APP，畅读海量书库
立即打开
一般来说，H5页面是由多张分页面组合而成的，所以理清各个分页面的层级关系很重要。用户在制作时需将主次信息逐一交代清楚，以给观众带来更好的秩序感。用户可以使用数字序号、分页主题、步骤编号、时间轴以及不同的色彩进行划分，图2-9所示是网易文创与一汽大众集团联合推出的《社交安全距离大作战》趣味测试类H5作品。
图2-9
该作品的层级关系就是利用步骤1（STEP1）、步骤2（STEP2）、步骤3（STEP3）进行划分，并利用Next和“大功告成”两个按钮引导页面切换。整个操作过程井然有序，主次信息一目了然。