INDEPENDENT DESIGNER

IDEASTAKESHAPE.

Tyler / 裔栋源

让想法，成为可感知的世界。

Tyler / 裔栋源

UI设计师｜ 10年+设计工作经验

拥有教育、游戏、Web3、旅游、电商及商业等多领域设计经验，独立负责产品界面、网站与推广视觉。近期重点投入 AI 产品设计，参与 AI 工具与 3D 平台等项目。

将 Codex 等 AI 工具融入设计工作，通过 Vibe Coding 搭建交互原型、验证设计想法，提升从方案探索到实现的效率。

工作经历 EXPERIENCE

2025 — 至今
广州末龙科技上海分公司 UI 设计师
负责各类 AI 产品、AI 工具平台及 3D 平台搭建项目的设计。
2022 — 2025
第九城市 UI设计师
负责游戏、NFT、体育、企业网站及 AI 平台等项目设计。
2017 — 2022
乐课力教育有限公司设计组长
负责教育类 Web、移动端及平板产品设计，以及企业网站、推广物料和教材封面设计。

…

01 / AI CREATIVE PLATFORM

MIAOJIANG·AI工具设计

连接灵感与创作的 AI 工具平台。

项目类型: AI 创作平台
设计职责: UI 设计
平台: Web 桌面端
关注方向: 创作工具 · 内容展示

AI CREATIVE PLATFORMUI DESIGN / TYLER

MIAOJIANG·AI

访问链接

连接灵感与创作。

产品界面 / 交互 / 视觉

01 / OVERVIEW

一个平台，承接多种创作方式。

面向图像、视频与短剧创作的 AI 工具平台，将内容发现、模型参数、生成结果和画布编排组织在同一套体验中。

我的职责

独立设计

产品界面、交互状态与视觉设计。

设计范围

从入口到工作空间

首页、创作工作台、无限画布、AI 短剧及应用模块。

02 / VISUAL & HIERARCHY

深色承载内容，暖色指引操作。

全局导航保持稳定，工具入口与推荐内容按不同尺度排列。视觉重心留给作品，强调色用于主要操作与选中状态。

MIAOJIANG AI 首页展示海报，深色展台上的分层创作界面 — MIAOJIANG AI / 首页视觉

底色 #0B0B0A表面 #181817强调 #FF9A3C文字 #F2F0EB

03 / CREATION FLOW

让每一步创作，都有明确的位置。

左侧设置输入条件，右侧回看结果，底部持续输入。图像与视频沿用相同的操作结构。

选择模型
设置参数
输入描述
查看结果

INPUT / 参数与参考

把输入条件集中在一起。

模型、参考图、画面规格和生成数量分组呈现，减少在多个面板之间切换。

左侧为实际界面局部，保留原始文字比例。

PROMPT / 描述你的想法

黄昏海岸，一位身穿黑色礼服的女性，电影感光影，细腻质感

04 / COMPLEX WORKSPACES

开放的画布，有序的制作流程。

画布通过节点与连接组织素材；短剧入口通过任务步骤组织制作。两种工作空间，回应不同的创作方式。

无限画布

将角色、场景和镜头组织在同一张画布中。

AI DRAMA / 从故事到分集制作

把一部短剧，拆成可管理的任务。

短剧制作需要同时处理故事、人物形象、场景和视频片段。设计将这些任务分成三个阶段：剧本设定、角色和场景、分集创作；每个阶段保留明确的当前状态和下一步。

AI 短剧主页：完整剧本与剧本创意双入口 — AI 短剧主页 / 从完整剧本或一句创意开始

剧本与风格
角色与场景
分集管理
片段制作

A / SETUP

先确定整部作品的视觉方向。

入口区分完整剧本与创意输入。进入制作前，集中确认画面比例、视觉风格与模型；风格选项配合示例图，帮助用户理解选择对应的画面。

B / ASSETS

让角色和场景，成为可复用的资产。

角色编辑并列呈现形象与音色，并支持新增造型；场景编辑支持新增角度。左侧列表可直接切换资产，保持相同的编辑位置，不必频繁返回上一层。

结构一致名称、描述、预览与操作保持相近层级。

状态可见待生成数量和操作积分在执行前展示。

C / EPISODES

以“集”为单位，组织故事与制作进度。

分集卡片集中展示本集描述、模型与分辨率，将“查看故事”和“开始制作”放在同一位置。支持新增剧集，并提供整部剧集的下载入口。

D / DIRECTOR WORKSPACE

把注意力，留给当前片段。

预览区、片段列表和描述编辑共同构成制作工作台。用户可以切换片段、修改描述、选择模型与分辨率，按单个片段或整集执行生成。

全局与局部保留本集标题与返回入口，同时突出当前片段。

素材随任务调用本集资产库集中呈现角色形象、场景和上传素材。

展开查看本集资产库＋

IDEASTAKESHAPE.

Tyler / 裔栋源

Tyler / 裔栋源

广州末龙科技上海分公司 UI 设计师

第九城市 UI设计师

乐课力教育有限公司设计组长

SELECTEDWORK.

Thought, made visible.

让不同的表达，
拥有一致的语言。

让复杂退后，
让体验向前。

一张纸，
也可以是一个世界。

认真设计，
也保持好奇。

MIAOJIANG·AI工具设计

MIAOJIANG·AI

一个平台，承接多种创作方式。

独立设计

从入口到工作空间

深色承载内容，暖色指引操作。

让每一步创作，都有明确的位置。

把输入条件集中在一起。

开放的画布，有序的制作流程。

无限画布

把一部短剧，拆成可管理的任务。

先确定整部作品的视觉方向。

让角色和场景，成为可复用的资产。

以“集”为单位，组织故事与制作进度。

把注意力，留给当前片段。

IDEASTAKESHAPE.

Tyler / 裔栋源

Tyler / 裔栋源

广州末龙科技上海分公司 UI 设计师

第九城市 UI设计师

乐课力教育有限公司 设计组长

SELECTEDWORK.

Thought, made visible.

让不同的表达，拥有一致的语言。

让复杂退后，让体验向前。

一张纸，也可以是一个世界。

认真设计，也保持好奇。

乐课力教育有限公司设计组长

让不同的表达，
拥有一致的语言。

让复杂退后，
让体验向前。

一张纸，
也可以是一个世界。

认真设计，
也保持好奇。