AIGC 作品集页面视觉实验
这次练习围绕五种不同的作品集页面展开:封面页、数据页、个人页、App 页和字体页。
我想测试的不是 AI 能不能生成一张看起来精致的图,而是同一套工具能不能承担不同页面的表达任务。封面负责留下记忆,数据页负责建立说服力,个人页负责塑造形象,App 页负责解释产品,字体页负责展示系统。页面类型不同,判断标准也应该不同。
封面页:先建立记忆点
封面最重要的不是把信息交代完整,而是让人愿意继续往下看。我先确定九尾冲破海报的爆发画面,把它作为视觉高潮,再反向补出没有角色的干净起始帧。


这两张图不是互相独立的海报,而是一段封面动效的前后状态。干净版负责蓄力,爆发版负责兑现冲击。先把最有记忆点的中后段做出来,再补起点,比从空白开始让模型自由生成整段动效更容易控制。
这一页让我重新理解了封面:它不是“选一张最好看的图”,而是设计观看者第一秒会看到什么、下一秒又期待什么。
数据页:视觉风格必须服务信息
数据页首先要回答的是“这个项目证明了什么”。第一版用企业报告的结构组织数据,再套入《海贼王》的世界观,让图表、地图和角色符号形成明显反差。

这个方向有记忆点,但我对它没有足够的情感连接。继续沿用只是因为效果热闹,并不能说明我的判断。因此我保留数据驾驶舱的结构,把视觉世界观换成更有兴趣的《流浪地球》。

第二版的冷色监控界面、地球发动机网络、轨道风险和地下城容量,更适合承载密集信息。这里真正值得保留的不是影视 IP,而是一次主动取舍:结构负责清楚,世界观负责记忆,但风格不能压过数据本身。
个人页:把介绍变成形象
个人页很容易变成一张横向简历:照片放中间,信息排两边,内容都对,却没有明确气质。我尝试把电竞选手的身份、姿态、成绩和战队视觉组织成一张个人品牌页面。

页面没有把所有经历铺满,而是用人物作为绝对视觉中心,再用大号姓名、专业定位和成绩卡建立层级。观看者先记住这个人,再阅读他的身份与成绩。
这类页面提醒我,个人介绍不是资料越多越专业。更重要的是决定别人应该怎样记住这个人,并让版式、照片和文字一起支持这个印象。
App 页:界面只是证据,不是全部
App 作品页不能只把几张手机截图排在一起。界面展示的是结果,但作品集还需要交代项目定位、用户问题、核心流程和设计系统。

这一页尝试把手机 Mockup、功能流程、设计说明和界面细节放进同一个叙事结构。视觉精修感只是表面,更重要的是让观看者知道这些界面为什么存在,它们之间如何连接。
对我来说,App 页真正要证明的不是“我画了几个页面”,而是我能不能把产品逻辑整理成别人一眼能理解的项目故事。
字体页:让结构和动效一起说话
字体页如果只放最终字标,很难看出设计过程。我以“海口”字标为对象,把骨架、笔画组合、圆角、字距、视觉校正和动效节奏放在同一张结构板里。

动效也不是让笔画随机飞入,而是按照海平线建立、骨架绘制、潮汐滑入、港口闭合、细节聚焦和最终定格的顺序展开。静态板负责证明结构,视频负责证明时间关系。
这一页让我看到,设计系统的展示价值来自“拆解”。最终结果只是答案,骨架、比例和运动顺序才让别人看见答案是怎样被建立起来的。
复盘
五种页面使用了不同视觉语言,但它们最终都在回答同一件事:这一页需要让观看者相信什么?
- 封面页让人相信项目值得继续看。
- 数据页让人相信项目有结果、有判断。
- 个人页让人快速记住一个人的专业形象。
- App 页让人理解界面背后的产品逻辑。
- 字体页让人看到设计系统与构成过程。
AI 提高了生成和修改速度,但页面是否成立,仍然取决于信息选择、视觉中心和取舍能力。作品集不应该只是成果堆叠,它需要把不同类型的作品组织成可理解、可记忆、可说服的表达。
输出信息
- 5 种作品集页面类型
- Cover: static start frame and impact frame
- Data page: two visual-world directions
- Profile page: personal brand presentation
- App page: product logic and interface presentation
- Type page: structure sheet and 10-second motion demo