稿定 AI 社区 gaoding.art

请根据以下设计清单和分镜脚本，生成一份清新治愈风的H5毕业纪念册，要求页面结构完整、视觉元素统一，开启手写签名、留言输入的互动功能，导出H5链接格式。 一、基础设计清单 1. 主题：湖州职业技术学院艺术与时尚创意学院视觉传达设计2026届毕业纪念册 2. 风格：清新治愈风，主色调浅蓝+米白，辅助色淡粉，字体使用思源黑体 3. 页数：12页（封面+扉页+班级简介+校园回忆+班级合影+同学风采+师生寄语+毕业寄语+未来期许+签名墙+互动留言+封底） 4. 核心元素：校园地标照片、班级活动实拍图、时间轴、手写批注、简约图标（学士帽、画板、画笔） 5. 互动需求：支持点击查看高清照片、留言板可输入文字、签名墙可手写签名 6. 导出格式：H5链接（支持手机端分享、保存图片） 二、逐页分镜脚本 1. 第1页（封面）：全屏版式，背景为学士帽剪影+湖州职院校园地标全景+渐变蒙版；文字内容为主标题“致我们滚烫的青春”、副标题“艺术与时尚创意学院视觉传达设计2026届毕业纪念册”、底部小字“我们不说再见，只道珍重”；动效为轻柔钢琴曲渐入，标题从下往上缓缓浮现；备注：暖色调，封面图预留替换入口。 2. 第2页（扉页）：单页版式，左侧校园小路特写（落叶点缀），右侧竖排文字；文字内容为“四年时光，从盛夏到盛夏；一纸纪念，藏着我们的独家记忆。谨以此册，定格青春，致敬同行的你”；动效为翻页动效，文字逐行显示，配轻微翻书声；备注：文字左对齐，行距宽松，背景图虚化处理。 3. 第3页（班级简介）：左右分栏版式，左栏放班级Logo+“我们的班集体”标题，右栏放班级信息；文字内容为“班级名称：视觉传达设计专业班；成立时间：2022年9月；同行人数：36人；班主任：XXX老师；班级荣誉：校级优秀班集体、设计大赛团体金奖”；动效为左栏Logo旋转出现，右栏文字从左向右滑入；备注：配色呼应封面，信息用项目符号排列。 4. 第4页（校园回忆）：时间轴版式，中间竖线时间轴贯穿页面，节点标注“2022.09 初见如故”“2022.10 迷彩青春”“2024.05 设计展锋芒”“2025.12 实习初体验”，每个节点配对应场景小图；动效为滑动页面时时间轴节点依次点亮，配轻快音效；备注：图片圆形裁剪，hover时放大，时间轴用浅粉色。 5. 第5页（班级合影）：全屏+拼接版式，上半部分班级大合影居中放大，下半部分3-4张活动小图拼接；文字内容为“定格此刻，我们永远是视觉传达设计班”；动效为合影渐显，小图从四周向中间聚拢，配欢呼声；备注：合影高清导出，小图添加轻微边框。 6. 第6页（同学风采）：网格卡片版式，6张同学单人照正方形卡片，每张配标签“设计大佬·XXX”“手绘达人·XXX”“创意脑洞王·XXX”；动效为卡片随机弹跳出现，点击卡片可查看大图+个人签名；备注：照片统一尺寸，背景用淡色渐变。 7. 第7页（师生寄语）：图文结合版式，左侧班主任圆形照片，右侧班主任寄语+3位任课老师简短祝福；文字内容为班主任寄语“四年相伴，见证你们从青涩到成熟。未来愿你们手握画笔，绘出属于自己的璀璨前程。——XXX”，老师祝福“创意不死，设计不止”“脚踏实地，未来可期”“保持热爱，奔赴山海”；动效为照片缓慢放大，文字逐句浮现，配温和背景音乐；备注：文字首行缩进，老师祝福用引号标注。 8. 第8页（毕业寄语）：留白+手写体版式，左侧大面积留白（背景淡色信纸纹理），右侧手写体文字；文字内容为“愿此去前程似锦，再相逢依然如故。祝各位同学：在设计领域闪闪发光，永远记得校园里的这段滚烫时光”；动效为手写体模拟书写动画，配笔尖摩擦声；备注：圆润手写体，颜色用深灰色。 9. 第9页（未来期许）：互动输入框版式，上半部分“未来期许墙”标题+星空背景，下半部分输入框+提交按钮；提示文字为“写下你的未来目标，我们一起见证！例：成为资深设计师、创办设计工作室、考研上岸”；动效为输入框点击时放大，提交后弹出“已收录”提示框；备注：输入框宽度适配手机，按钮用蓝色渐变。 10. 第10页（签名墙）：签名画布版式，左侧“班级签名墙”标题，右侧空白签名区域；文字内容为“签下你的名字，留下专属印记”；动效为手写时显示笔触效果，支持调整颜色和粗细；备注：签名区域占页面2/3，背景用浅灰色。 11. 第11页（互动留言）：留言板版式，顶部“青春留言板”标题，下方留言输入框+2-3条已留言示例；示例留言为“谢谢各位四年的陪伴，常联系！——XXX”“祝大家毕业快乐，前程似锦！——XXX”；动效为提交留言后自动显示在示例下方，配消息提示音；备注：留言框高度可调整，已留言内容用气泡框包裹。 12. 第12页（封底）：全屏版式，背景为校园晚霞全景图+渐变蒙版；文字内容为“湖州职业技术学院艺术与时尚创意学院视觉传达设计2026届毕业纪念册；策划：视觉传达设计班班委；制作：AI生成+人工优化；时间：2026年6月；——青春不散场，未来皆可期——”；动效为钢琴曲渐强后缓缓淡出，文字从下往上浮现；备注：背景图选高分辨率晚霞/校门图，文字居中对齐。