DIGITAL PROJECT SHOWCASE

数字项目展示

音视频工具与 AI 侦探游戏,从信息结构、交互体验到独立交付的完整数字实践。

SCROLL

PROJECT INDEX

两项独立项目

围绕真实使用场景,分别建立工具型产品与互动叙事的完整体验。

02
独立项目
08
核心工作区与章节
Desktop / Mobile
多终端展示
Online / Offline
双形态交付
01

LOCAL MEDIA WORKBENCH

音视频工具

将图片超分、视频下载、账号状态与封面提取整合进统一的本地工作台,并交付为桌面安装版和便携版。

产品结构交互设计本地应用发行维护
音视频工具主工作台界面
MAIN WORKBENCH统一的任务入口与状态反馈

PROJECT FOCUS

把分散能力整理成连续工作流

项目重点不只是接入处理引擎,而是把素材选择、规格确认、任务执行、异常反馈和结果保存组织成普通用户能够理解的完整路径。

  1. 01选择素材

    图片文件或视频链接进入统一入口。

  2. 02确认规格

    模型、清晰度、格式与目标分辨率清晰分组。

  3. 03跟踪任务

    进度、日志、暂停与取消集中在状态区。

  4. 04保存结果

    命名、保存位置和打开目录形成闭环。

01 / UPSCALE图片超分

模型、目标规格与性能模式集中配置。

02 / VIDEO视频下载

画质、格式与播放列表选择保持同一路径。

03 / ACCOUNT账号状态

登录状态与可用清晰度在操作前明确反馈。

04 / COVER封面提取

独立入口与统一的保存、打开目录体验。

图片超分前后局部对比
超分结果以局部对比呈现,保留真实纹理差异。

RESULT

从视觉结果到可持续维护

输出命名与目标规格保持一致;桌面版、便携版共用运行环境;后续界面和后端更新拆分为小型内容补丁,避免重复分发大型依赖。

  • 1K、2K、4K 与自定义长边
  • 任务进度、暂停、继续和取消
  • 中文与日文文件路径兼容
  • 桌面安装、便携运行与补丁更新

DELIVERY SYSTEM

界面、任务与处理引擎分层

前端承担输入和状态表达,FastAPI 组织任务,底层工具分别处理超分、媒体解析与封装。分层结构让功能调整与桌面发行可以独立推进。

音视频工具工程结构图
STRUCTURE

按任务分区

避免把模型、格式与账号操作堆叠在单一表单中。

FEEDBACK

状态集中

等待、执行、失败和完成始终在固定区域切换。

DELIVERY

降低使用门槛

安装版与便携版覆盖不同使用习惯,补丁机制降低维护成本。

雨夜密室办公室场景
02

INTERACTIVE NARRATIVE

AI 侦探游戏

把案件文本重构为时间线推进、证据收集、人物讯问和选择式结案组成的沉浸式网页体验。

叙事设计视觉氛围交互系统移动适配

CASE STRUCTURE

让线索随着时间逐层显现

玩家从密闭办公室进入案件,在监控、纸杯、短信、门锁和转账记录之间建立联系。章节只开放当前可行动作,降低长文本一次性呈现造成的认知负担。

  1. 星核系统
  2. 五分钟停留
  3. 返回 18 层
  4. 杯身指纹
  5. 门锁与抽屉
  6. 提交结案
侦探游戏章节主界面
CHAPTER VIEW时间线、叙事与行动选择保持同屏

INFORMATION SYSTEM

案卷不是附属页面,而是推理的工作区

证据、人物和结案分别承担不同任务。玩家可以随章节回看已解锁信息,最终通过多组选项验证主谋、协助者、密室形成方式与证据闭环。

案卷背景与时间线
证据物证与来源
人物证词与疑点
结案选择式推理
侦探游戏证据资料面板
侦探游戏移动端章节界面

RESPONSIVE EXPERIENCE

同一套调查逻辑适配窄屏操作

移动端将章节进度压缩为横向轨道,叙事区独立滚动,底部调查入口始终可达。内容密度保留,但操作路径不会因屏幕缩小而断裂。

  • 无横向溢出的单列布局
  • 稳定的底部调查入口
  • 可滚动叙事区与清晰按钮尺寸
  • 桌面和手机共享章节状态结构
NARRATIVE

章节化长文本

以时间节点拆分信息,每一幕只承载当前判断。

CLUE

证据逐步解锁

信息获得与玩家行动绑定,而非静态资料堆叠。

DEDUCTION

选择式结案

通过多维问题检验完整推理,不依赖单一答案按钮。

FROM CONCEPT TO DELIVERY

展示的不只是最终画面

两个项目分别处理工具型产品与叙事型体验,但都从内容结构出发,经过交互整理、视觉统一、异常处理和多形态交付。

01整理内容

明确对象、任务与信息层级。

02建立路径

让操作与叙事按顺序推进。

03统一表达

用视觉系统强化状态与氛围。

04完成交付

兼顾在线浏览、离线打开与后续维护。

PROJECT SOURCES

项目出处

页面主体不依赖外部资源;以下链接仅用于查看项目源文件。