Ming Shenglan · Personal Portfolio · 2026
我是明胜兰，一名持续学习和实践的学生。从内容、图片、视频到网站，我正在探索如何与 AI 一起把想法真正做出来。
查看网站作品
Scroll to explore
Selected Websites / 04
从想法开始，
让它真正打开。
四个网站、四种不同的内容与体验方向。滚动查看，点击进入真实页面。
Capabilities / 06
我怎样把一件事
真正推进下去
不是能力词列表，而是从真实项目里反复出现的六种工作方式。
CH. 01I 把四个想法推进成可访问的网站
- 场景
- 2026 年 7—9 月，我连续实践 AI 知识、个人主页、电影感超跑和情感叙事四种方向的网站。每个项目的起点都是模糊想法或分散素材，而不是现成的产品方案。
- 结果
- 4 个网站均已在线运行。AI Notes 获得老师正面反馈，并沉淀为 563 行复用文档与检查清单；文档给出了同类内容站在 2—4 小时内完成替换、验证和重新部署的预计路径。
- 行动
- 我先确定网站目标、内容范围和核心体验，再整理文案、图片与视频、寻找视觉参考，并与 AI 讨论页面结构和实现方式。对不合适的结果，我会明确否定、回退稳定版本或重新拆解约束，最后逐项检查真实浏览效果并推动上线。
- 4 个在线网站
- 563 行复用文档
- 老师正面反馈
CH. 02II 把复杂内容整理成能被看懂的体验
- 场景
- AI Notes 包含 15 个 AI 基础概念；“我们的故事”同时涉及历史节点、情感叙事、音乐和滚动交互。两类内容都信息量大，但阅读逻辑完全不同。
- 结果
- 最终形成可阅读的 AI 知识地图和可运行的情感叙事原型，并为后者整理出 16 部分设计总纲。同时明确它仍是固定内容原型，而不是可编辑的完整产品，避免把视觉演示包装成成熟业务。
- 行动
- 我把 AI 概念分成核心基础、训练与使用、智能体与扩展、开发者工具，并为每个概念统一“定义、类比、何时遇到、为什么重要”的解释维度；在情侣网站中重新梳理时间线、章节和交互顺序，用设计总纲、项目记忆与视觉基线锁定已经确认的决策。
- 15 个 AI 概念
- 16 部分设计总纲
- 固定内容原型
CH. 03III 让 AI 按约束工作，而不是替我做决定
- 场景
- AI 生成经常出现风格跑偏、商品被重绘、参考脸污染和交互位置漂移。真正影响结果的，不是生成次数，而是能否判断偏差并把问题转成明确约束。
- 结果
- 这些实践让我形成了版本回退、素材保真、参考图职责和状态基线等可复用判断。鱼缸项目完成 10 屏详情页；写真项目生成 19 张、提交 12 张，但未中选——结果与边界都如实保留。
- 行动
- 我回退过个人网站中不满意的炫彩紫版本；在鱼缸详情页发现实物被改造后，重新提供原图并明确禁止重绘；写真竞稿中通过遮挡参考脸、区分身份与风格参考、新开对话降低身份偏移；情侣网站交互异常时，则转向坐标、图层和验收状态排查。
- 10 屏详情页
- 生成 19 张 / 提交 12 张
- 版本与素材基线
CH. 04IV 用真实数据跑通流程，再判断是否值得继续
- 场景
- 我用Hermes把网页音视频转录并保存到 Obsidian；食谱工作流需要生成封面和四格步骤图。两项任务的重点都不是“能运行”，而是输出是否准确、完整且值得继续投入成本。
- 结果
- Hermes 链路生成约 8763 字 Markdown，包含摘要、重点、分段转录、关键词和待办，验收时未发现明显问题；食谱成品修正了内容幻觉。安装与配置主要由 AI 完成，因此不写成本人独立开发。
- 行动
- 我用 20 多分钟的真实网页内容测试转录全链路，检查错字、漏词、时间戳、分段和文件保存；在食谱图中逐项核对文字、克数、步骤与食材一致性，发现额外食材后增加约束重生成，接口失败且可能继续付费时改用网页版完成。
- 20+ 分钟真实输入
- 约 8763 字结果
- 内容幻觉修正
CH. 05V 把角色、空间和镜头组织成 60 秒成片
- 场景
- “拍卖会—地下车库—芯片交锋”的 60 秒竖屏成片，难点不是单张画面，而是人物身份、服装、动作和空间关系在连续镜头中保持一致。
- 结果
- 完成并提交 60 秒竖屏成片，观看者反馈人物和场景表现较好。
- 行动
- 我从多张人脸参考中提炼角色方向，搜索服装与场景参考并建立正侧脸、服装正反面资产；与 GPT 迭代剧本、分镜和提示词，用 Seedance 2.5 生成镜头。针对多手、站位错误、镜头过碎和运镜不自然，我明确每只手的动作、锁定车库空间关系、减少镜头转换，并独立完成最终剪辑。
- 60 秒竖屏成片
- 角色与服装资产
- 反馈人物和场景较好
CH. 06VI 在真实订单里完成需求、修改与交付闭环
- 场景
- 2026 年 8 月，我通过接单群承接学校宣传、招生物料、改字、演唱会和志愿服务海报等 5 个真实付费订单，第一次把 AI 设计能力放进明确需求和交付标准中检验。
- 结果
- 5 单均完成交付、确认收货并取得分成，累计 109 元，同时沉淀出 AI 辅助平面设计接单 SOP。
- 行动
- 我与客户确认文字、参考图和真实素材，使用 GPT 完成生成与修改，并根据反馈进行多轮调整；交付前核对人物、文字、Logo、二维码、尺寸和版面，其中 2 单按要求提供 PSD。每单结束后，我都会记录返工原因和下一次可复用的检查项。
- 5 单完成交付
- 累计 109 元
- 2 单包含 PSD
Visual archive / 42Gallery
Moving images / 03Films