作品一多，首页容易变成没有尽头的图片墙。小猪盖被当前的作品集把浏览拆成三步：先认一个角色，再展开它的表情，最后查看单张大图。这样，访客先做的是选择感兴趣的系列，随后才需要面对具体作品。
首屏先交代作者与角色的关系
页面开头是“小猪盖被”的名字、角色画面和一句简短介绍，主要入口指向“认识我的小伙伴”。它让第一次来的人先知道这是一个围绕小角色创作表情的作品集。后面的 DAILY 区域用动态作品把“日常变成表情”具体呈现出来。
这里可以借鉴的是信息顺序：作者是谁、主要做什么、接下来可以看什么，集中放在第一屏。作品数量、分类与单张下载留给后面的浏览区域，不需要把所有入口同时塞在开头。
系列卡片负责选择，抽屉负责展开
MY UNIVERSE 区域按角色 IP、主题合集、文字表情分类，另外提供“全部”。当前页面显示 16 个系列、200 张表情。系列卡片主要显示角色名和张数，具体图片放在下方的表情抽屉里。
本次浏览时，抽屉先显示企鹅豆，共 15 张，其中 9 张静态图、6 张 GIF。切换到小豚同事后，抽屉标题随之改成小豚同事，列表换成它的 12 张表情，下方的介绍链接也转到小豚同事的系列页。标题、列表和介绍入口一起更新，读者在抽屉里看到的名称、作品和延伸阅读始终属于同一个角色。
切换到小豚同事后，系列名称、表情数量与作品网格同时更新；关闭大图后，焦点回到“收到”按钮。本站页面截图，2026 年 10 月 16 日。
这套结构适用于一个作者拥有多个系列、而每个系列又有一批作品的情况。系列是选择单位，单张是查看单位。二者分开，卡片就不必同时承担目录、预览、详细说明和下载四件事。
大图查看完，还能回到刚才那一张
点击小豚同事的“收到”后，大图层显示图片、系列名称、作品标题和“保存表情”入口。打开时，键盘焦点落在关闭按钮；按 Escape 退出后，焦点回到列表中原来的“收到”按钮。本次桌面操作实际验证了这条返回路径。
返回位置值得单独设计。读者看完一张图，通常还要继续看旁边几张。如果关闭后跳回页面开头，浏览就被打断。将焦点还给触发按钮，也让键盘用户能够接着走。
把创作说明留给更深一层
表情抽屉下面另有系列介绍与创作手记的链接。对只想看图片的人，浏览在首页便能完成；对想了解角色的人，这个入口提供更完整的阅读路径。首页可以展示代表作，系列页负责承接背景与细节。
做自己的多系列作品集时，可以先画出这三个层次，再决定每层保留哪些元素。系列卡片保留名称与数量，抽屉给出作品与简短标题，大图提供清楚的退出与保存动作。让每一层完成一件具体的事，浏览路径便有了秩序。
资料：小猪盖被作品集。