主题创作的图片和短视频做好了,却散落在文件夹里,想整理成一个有质感的作品集网站,又不知道页面该怎么排?这篇手册用一份「城市微光」作品集页面规划做练习,带你用万小智 AI 建站跑通「规划网站结构 → 描述需求生成 → 检查后发布」的完整流程。练完之后,把方括号里的内容换成自己的作品、说明和风格偏好,就能直接用来搭建真实的作品集。
这篇手册能帮你做什么
- 用一份练习页面规划,完整走一遍「列页面 → 生成网站 → 逐页检查调整」三个步骤。
- 拿到 2 个可直接复制的提示词,分别用于生成作品集网站和按问题逐页调整。
- 学会在发布前核对:作品说明是否准确、AI 生成标注是否完整、页面是否泄露个人隐私。
开始前准备
| 准备项 | 说明 |
|---|---|
| 工具 | 万小智 AI 建站(轻量版) |
| 作品素材 | 整理好的主视觉图与短视频,以及每件作品的说明文字 |
| 页面规划 | 首页、作品系列、动态影像、创作过程、关于我等页面及每页要放的内容 |
| 来源与标注 | 每件作品的来源与 AI 生成标注信息 |
先看效果:同一份规划,整理前后
整理前是一份逐行写下的页面清单:首页、作品系列、动态影像、创作过程、关于我和页脚各占一行,内容要求和隐私提醒混在一起,作品和创作理念本身还没准备好。
整理后变成一份作品集规划:
| 区块 | 内容 |
|---|---|
| 导航 | 作品/影像/过程,图像与动态影像分区,沿镜头顺序浏览 |
| 作品系列 | 规划 4 张主视觉图,每张配约 30 字说明 |
| 动态影像 | 规划 4 段短视频,按镜头顺序排列 |
| 创作过程 | 灵感来源、分镜草图与生成筛选思路 |
| 素材待补 | 创作理念、图片与视频实体尚未提供 |
| 页脚与隐私 | 保留 AI 说明与来源;不放手机号和住址 |
规划没有替你编一句创作理念,而是把它和作品实体一起列为「素材待补」——网站上的每段文字都应来自你自己。
练习材料
下面是一份以虚构主题「城市微光」写成的作品集页面规划,可以直接复制到万小智中练习:
首页:主题名「城市微光」+ 一句创作理念 + 主视觉图
作品系列:4 张主视觉图,每张配 30 字左右说明
动态影像:4 段分镜短视频,按镜头顺序排列
创作过程:灵感来源、分镜草图、风格描述、生成与筛选思路
关于我:专业方向与创作兴趣,不放手机号和住址
页脚:AI 生成内容说明与素材来源
第 1 步:规划网站结构
先列出首页、作品系列、创作过程、关于我等页面,以及每页要放的作品与文字,把素材按页面整理好。
这一步先不急着生成,而是把作品文件、说明文字、来源和 AI 生成标注按页面归好类。规划越清楚,生成后需要返工的地方就越少。
第 2 步:描述需求生成
向万小智描述主题、视觉风格和页面结构,提供作品与说明文字,生成后逐页核对排版、文字与作品顺序。
复制下面的提示词,把方括号内容替换为自己的材料:
我想用万小智搭建一个作品集网站,展示 [课程名称] 的主题创作作业。
主题与创作理念:[一两句话说明]
视觉风格:[色调、字体气质、版式偏好,如:深色背景、留白多]
页面规划:[粘贴页面列表及每页内容]
作品素材:[作品名称、说明文字、是否为 AI 生成]
请按以上内容生成网站:
1. 页面风格与作品色调协调,突出作品本身。
2. 每件 AI 生成作品的说明中保留我提供的标注文字。
只使用我提供的文字与作品,不要编造获奖经历、展览信息或作品说明。
生成后逐页检查,把发现的问题逐条列出,再让万小智只改动有问题的部分:
网站已生成,以下是我检查发现的问题:[逐条列出页面、问题、期望效果]
作品说明原文:[粘贴需要放上网站的说明]
请按问题逐条调整:
1. 保持整站风格统一,只改动我列出的部分。
2. 作品说明按原文呈现,可以调整分段,但不改变含义。
3. 页脚保留 AI 生成内容说明与素材来源。
调整后我会逐页核对文字、作品顺序与标注,确认不含个人隐私信息后再发布。
第 3 步:检查后发布
检查每件作品的授权与 AI 生成标注,删去手机号等个人隐私信息;发布及备案条件以产品页说明为准。
发布前最好请同学从访客视角浏览一遍:作品顺序是否与镜头顺序一致,「关于我」和页脚里有没有不该公开的联系方式。
你最终会得到
- 一个包含首页、作品系列、动态影像、创作过程和个人简介的静态作品集网站;
- 一套可用于课程展示的作品呈现方式。
核验清单
拿到结果后,逐条确认:
- 作品说明是否准确,是否与原文含义一致;
- AI 生成标注是否完整;
- 素材是否都有授权;
- 页面是否泄露手机号等个人信息;
- 作品与短视频是否按规划的顺序排列。