Huiteen — The undefined designer

Huiteen
Theundefineddesigner
Huiteen portrait

我擅长在不确定的需求中快速捕捉核心问题,并围绕用户场景、产品目标与使用路径,建立清晰的设计判断和推进方向。

在项目执行中,我能够将抽象概念转化为具体的产品结构,完成从功能拆解、流程规划、交互原型到视觉界面的完整设计过程。

我关注 AI 工具在灵感发散、视觉探索、原型生成和方案迭代中的应用,也在探索 AIGC 与 Naive Design、Kid Core 等人文感视觉语言的结合。

Education Background

2024.9 - 2028.6

广州美术学院

广州美术学院校徽

湾区创新学院 · 艺术与科技专业 · 本科

主修课程

产品服务与开发、设计研究与定义、数据可视化、系统设计

个人成绩

学院排名前 1%

所获荣誉

校级奖学金校优秀学生创新创业

01

Focus

产品服务与开发

设计研究与定义

数据可视化 / 系统设计

02

What I Can Do

需求识别与功能拆解

流程规划与交互原型

视觉界面与可演示网页原型

Methods

能力结构围绕需求识别、产品结构、原型工具和 AIGC 探索展开,强调从模糊想法到可验证方案的完整推进能力。

01

Research & Strategy

需求识别设计研究与定义用户场景拆解产品目标判断方案推进方向
02

Product Structure

功能拆解流程规划信息架构系统设计服务与产品开发
03

Prototype & Tools

FigmaCursorCodexAEAI 工具Sketch
04

Exploration

AIGC 工作流视觉探索高质量可演示原型Naive DesignKid Core

Selected Projects

Project Cover|数字孪生主页

面向 ICU 场景的家属沟通与医护协同高保真概念方案,通过数字孪生、移动端信息同步与便携硬件,探索更清晰、可审核的信息沟通路径。

Design Question

如何把 ICU 中高度专业、实时变化、情绪敏感的医疗信息,转化为家属可理解、医护可审核、团队可协同的服务体验?

设计产出与预期价值

已完成医护工作台、家属移动端与便携硬件的高保真概念原型;其沟通效果、信息安全与医疗合规边界仍需专业评审和真实场景测试。

Contribution

01

从患者家属与 ICU 医护两类角色出发,梳理沟通生态、用户旅程、触点和高风险节点。

02

设计三端协同系统:Digital Twin 医护工作台、家属移动端和 Pocket Lens 便携信息同步硬件。

03

建立病情摘要审核、治疗路径时间轴、AI 咨询助手和高危沟通留痕等关键功能。

Visual Evidence

02 Research Logic|研究与服务逻辑

01

多角色服务生态图

ICU+ 首先梳理 ICU 场景中的多角色关系,将患者状态、医护判断、家属信息需求与设备数据整合为一个服务生态,为后续产品系统设计提供逻辑基础。

02 Research Logic|角色与触点

横向滑动查看

02

Persona|家属与医护角色画像

通过家属与医护角色画像,项目聚焦 ICU 场景中最典型的矛盾:家属需要及时、可理解、可信的信息;医护需要减少重复解释,并保证关键信息发布的准确性与可追溯性。

03

Touchpoints|关键触点拆解

项目进一步拆解家属从等待、询问、接收通知、阅读报告到签署高风险知情文件的关键触点,明确系统介入的位置。

02 Research Logic|情境故事板

04

Storyboard|等待与决策情境

故事版用于呈现家属在 ICU 外等待、接收病情变化、理解治疗进展与完成关键决策的情绪路径,帮助系统从“数据展示”转向“信息安抚”。

04 Digital Twin|医护端

横向滑动查看

05

Digital Twin Homepage|数字孪生主页

医护端以 ICU 数字孪生为核心,将床位状态、患者风险等级、设备运行情况与关键指标集中展示,使医护人员能够从病区全局快速进入单个患者详情。

06

Spatial View & 2D View|二维监护工作台

系统同时提供空间化视图与 2D 平面视图,分别满足直观病区总览与高效信息检索的使用需求。

07

Interaction Flow|医护操作路径

交互页面展示医护人员从病区总览进入患者信息、查看指标变化、审核摘要并发布给家属端的操作路径。

04 Patient Detail|患者详情页

横向滑动查看

08

Patient Detail 01|患者详情页

患者页面用于呈现单个 ICU 患者的生命体征、治疗进展、风险提示与设备状态,使医护能够快速判断病情变化,并生成适合家属阅读的信息摘要。

09

Patient Detail 02|患者详情页补充

第二张患者详情页与第一张形成横向对比组,用于补充展示单个患者信息、风险提示、设备状态和摘要生成的医护端判断场景。

05 Family App|家属端信息同步

10

Family App|家属端信息同步

家属端不直接堆叠医疗原始数据,而是将 ICU 中复杂的生命体征、治疗安排、检查结果和医护解释转译为可阅读的信息流。信息同步不是“通知”,而是将专业医疗判断转化为家属能够理解、能够追踪、能够信任的阅读体验。

06 Pocket Lens|便携硬件

11

Pocket Lens|便携硬件

Pocket Lens 是面向家属等待场景的便携硬件。它不承担复杂操作,而是通过静默提醒、快速进入患者页面、情绪陪伴与低打扰通知,帮助家属在高压等待中及时获取关键变化。

08 Final System|ICU+ 产品系统总览

12

Final System|ICU+ 产品系统总览

三端概念原型总览:将医疗数据、医护审核、家属阅读与便携提醒组织为连续的信息服务路径,实际效果待验证。

Motion Prototype

Project Cover|万物链 Bio Campus
万物链 logo

万物链 Bio Campus 是面向校园自然生态的数字导览概念原型,通过网页、移动端和交互任务,展示从发现、识别到收藏、分享的校园生态信息路径。

Background

校园中的自然资源常常被看见,却很少被真正认识。学生与访客在日常通行中经过植物、昆虫、鸟类和生态空间,但这些内容缺少持续的导览、解释和互动机制。

设计目标与验证边界

概念原型旨在建立校园生态信息入口,支持发现、识别、收藏和分享;生态内容的更新责任、专业审核和参与激励尚未经过真实运营验证。

Contribution

01

负责项目信息架构梳理,明确网页端、移动端、App 延展与互动任务之间的内容关系。

02

完成网页视觉设计、移动端界面设计和品牌视觉延展,让自然生态议题具有更友好的校园平台气质。

03

设计发现、识别、了解、收藏、分享的交互流程,并规划内容采集、用户互动与校园传播闭环。

Visual Evidence

03 System Logic|系统逻辑

01

System Loop|概念闭环

概念闭环规划了内容采集、生态识别、用户互动、任务激励与校园传播的关系。若进入真实运营,数据质量、更新机制与用户参与度均需进一步验证。

04 Service Flow & Interaction Logic|交互机制

02

Service Flow & Interaction Logic|交互机制

交互设计围绕“发现—识别—了解—收藏—分享”展开,将自然观察转化为轻量化任务。用户可以通过网页或移动端进入生态内容,在浏览校园物种信息的同时形成个人化的探索路径。

05 Website Experience|网页端体验

横向滑动查看

03

Website Experience 01|网页端主体验

网页端承担项目的主要信息展示功能,以绿色视觉系统、图片卡片和模块化内容组织校园生态信息,让用户能够快速浏览校园中的自然对象与相关介绍。

04

Website Experience 02|网页内容模块

内容模块用于承载物种信息、生态内容与校园导览入口,使网页不只是品牌展示,也能成为持续浏览和进入生态任务的主入口。

05

Website Experience 03|网页长页展示

完整网页长页展示了 Bio Campus 如何从项目入口、品牌介绍、服务模块、观察记录到生态探索连续展开,让网页端成为承载校园生态信息与平台叙事的主要入口。

07 App Extension|App 延展

06

App Extension 01|生物生长收集

App 端通过动态引导展示生物生长数据收集入口,让校园生态观察从静态浏览转化为持续记录。

07

App Extension 02|栖息地选择

用户可以选择不同栖息地并进入对应生态信息,将空间导览、物种内容和探索路径连接起来。

08

App Extension 03|扫描识别

扫描页面强化真实场景中的即时识别体验,使用户能够在校园空间中直接发现并理解身边的自然对象。

09

App Extension 04|物种详情

物种详情页将识别结果、生物状态和行为信息组织为可阅读内容,形成从发现到理解的完整闭环。

09 Final Overview|项目总结

10

Final Overview|Web + Mobile + App + System Loop

概念原型总览呈现网页、移动端、App 延展与系统闭环的规划关系;从个人探索到公共知识的转化路径仍待真实运营验证。

Project Cover|校园路标改良与线上导览系统

通过校园平面导览、楼层标识、功能图标、移动端 UI 与二维码入口,提出一套串联“看见标识到抵达目的地”的校园导览体验提案。

Design Question

当新生与访客面对复杂校园空间时,如何通过更清晰的信息层级、视觉语言和线上线下连接,提升识别效率、方向判断和路径连续性?

Outcome

最终方案把校园静态标识组织为一套可持续延展的导览服务概念,旨在改善视觉识别与空间指引,并以二维码和线上页面承载实体标识难以持续更新的信息。

Contribution

01

归纳信息层级混乱、缺乏识别性地标、方向感缺失和指引系统不连续四类校园找路断点。

02

建立校区级、楼栋级、楼层级和房间级的信息分层,并统一字体、图标、方向箭头、黑白灰层级和黄色强调色。

03

规划二维码入口与移动端页面,把实体标识连接到线上查询,使用户能继续查看楼栋、楼层和具体房间信息。

Visual Evidence

02 Background & Problem|背景问题

01

Background & Problem|背景问题

新生与访客第一次进入校园时,常常面对复杂的空间结构和分散的信息标识。原有导览系统存在信息层级不清、关键地标弱、方向指引不连续等问题,导致用户难以快速判断当前位置、楼栋关系与目的地方向。

03 User Scenario|用户画像

02

User Scenario|用户画像

项目以新生和校内学生作为主要用户,分析他们在入学报到、寻找教室、跨楼栋移动和临时查询信息时遇到的迷路、焦虑和信息不确定问题。导览系统的目标不是单纯提供地图,而是帮助用户在不同熟悉度下快速建立空间认知。

04 Core Output|平面导览改良

03

Floor Directory Signage System|平面导览改良

平面导览方案以更明确的楼栋字母、楼层编号、房间方向和功能图标帮助用户理解空间结构,并用高对比黑白灰减少装饰干扰,目标是提升标识在校园环境中的识别效率。

05 Final System|项目总结

04

Final System|GAFA 导览系统总览

最终方案把校园静态标识组织为一套可持续延展的导览服务概念,旨在改善视觉识别与空间指引,并以二维码和线上页面承载实体标识难以持续更新的信息。

Online Access

这个项目有可跳转的在线页面,可以直接打开查看网页原型或交互版本。

Project Introduction|设计背景

情绪地图是一套面向白领与商务人士情绪状态的服务设计系统,关注他们在通勤、会议、任务切换、客户沟通和信息接收中的压力变化,并尝试让系统根据不同状态调整信息密度、交互节奏与服务入口。

Design Question

当职场用户处于焦虑、疲惫、决策压力或信息过载状态时,工作服务系统如何判断“此刻应该给多少信息”,并以更低压力的方式提供下一步支持?

Outcome

最终,情绪地图把情绪识别、信息减负和模式响应机制转化为具体界面,使工作服务不只是展示任务和消息,而能根据用户当下状态提供更合适的行动支持。

Contribution

01

基于场景与角色假设,梳理白领与商务人士在工作日中可能出现的焦虑、疲惫、低动力、决策压力与信息过载状态。

02

提出信息减负策略,让系统在高压力或低能量状态下降低信息密度、减少选择数量并突出关键下一步。

03

构建状态识别、系统递进与模式响应机制,将情绪变化转化为工作服务入口、任务优先级和界面层级调整。

Visual Evidence

02 Research Framing|研究框架

01

Research Framing|研究框架

基于项目中的场景与角色假设,梳理职场人群在工作日中可能出现的焦虑、疲惫、低动力、决策压力和信息过载。不同假设状态对应完整任务信息、简化路径或低压力下一步提醒等不同设计方向,仍需后续真实用户研究验证。

03 Scenario Story|用户情景故事

02

Scenario Story|用户情景故事

用户情景故事描绘商务人士在一天工作中从通勤、会议准备、消息堆叠、任务切换到寻求支持的过程,帮助定位系统介入的关键节点:什么时候应该减少信息,什么时候应该突出优先级,什么时候应该提供可执行的下一步。

04 Information Load Reduction|信息减负对比

03

Information Load Reduction|信息减负对比

项目将“信息减负”作为核心策略:当用户处于高压力或低能量状态时,系统不继续堆叠内容,而是主动降低信息密度、减少选择数量、弱化视觉刺激,并优先呈现最关键的下一步。

05 System Evolution|系统递进

04

System Evolution|系统递进

系统递进展示了情绪地图从基础工作信息展示,到状态识别,再到个性化响应的演化逻辑。项目不是简单记录情绪,而是将情绪状态转化为任务组织、提醒节奏和服务入口调整依据。

06 Response Modes|响应机制

05

Response Modes|模式响应

系统根据不同情绪状态切换响应模式:稳定状态下提供完整工作信息,焦虑状态下降低信息密度,迷失状态下强化任务路径,低动力状态下提供轻量行动提示,高压状态下优先呈现支持入口。

07 Final Interface|最终成果

06

Final Interface|页面展示

最终页面将前面的情绪识别、信息减负和模式响应机制转化为具体界面。整体视觉采用柔和色调、低压力留白和轻量化信息层级,让白领与商务人士在不同状态下获得更适合当下的工作支持。

趋势入口

Emotional Lens 是一个面向未来服务系统的概念网页项目,探索数字服务如何从面向静态用户画像,转向面向用户当下情绪状态。项目提出情绪透镜与情绪协议,让可信服务根据状态调节信息密度、提醒节奏与交互负担。

Design Question

当用户并不总是稳定、理性、可持续交互时,服务系统如何理解“此刻的用户能承受什么”,并以被授权、低干预的方式回应?

Outcome

形成一套可在线访问的概念网页原型,完整串联趋势判断、问题定义、服务机制和场景案例。

Contribution

01

梳理服务设计从可用性、用户旅程、个性化到情绪感知的发展迁移,找到趋势切入点。

02

构建 Emotional Lens 与 Emotional Agreement 两个核心概念,回应状态识别与数据授权问题。

03

用手写标题、便签卡片、草图箭头和珊瑚橙视觉系统,将服务机制转化为可浏览网页叙事。

Visual Evidence

研究与服务逻辑

横向滑动查看

01

问题定义

说明为什么服务系统需要理解用户当下的情绪承受能力。

02

情绪透镜机制

把抽象概念转译为可以被服务系统调用的判断层。

03

授权与情绪协议

解释情绪数据如何被用户授权、控制和撤回。

04

服务状态变化

展示系统如何根据状态调整信息密度和提醒节奏。

05

场景案例

用具体服务场景说明情绪响应式体验的价值。

07

概念收束

以最后一屏回收项目概念与未来服务方向。

界面与交互

06

网页叙事展开

补充网页长页中的视觉节奏和手写语言。

Online Access

这个项目有可跳转的在线页面,可以直接打开查看网页原型或交互版本。

完整信息展板

Music and Economics 是一个围绕宏观经济环境与当代音乐审美偏好展开的数据可视化项目,将经济周期、音乐类型、情绪消费、传播方式和地域差异等复杂变量转化为可阅读、可比较、具有审美感染力的图表系统。

Design Question

如何把横跨经济、文化、音乐、情绪和地域的复杂议题,整合成稳定的信息结构和具有音乐感的视觉叙事?

Outcome

项目展示了复杂信息组织、图表审美控制和大型信息图排版能力,让观众通过图表理解经济环境、社会情绪与音乐文化之间的互动关系。

Contribution

01

将经济、音乐、情绪、地域、时间和传播变量拆解为可视化信息层级。

02

使用关系图、象限图、极坐标图、地图、趋势图和辅助图表构建统一图表语言。

03

把多个尺度与多个图表类型整合到大型信息展板中,控制阅读顺序和视觉节奏。

Visual Evidence

研究与服务逻辑

01

概念框架与变量拆解

解释经济、音乐、情绪和地域变量如何被拆分为图表结构。

02

图表语言二

补充长图表中的纵向阅读和细节密度控制。

项目展板总览

《The Table / 数字餐桌》是一项以共餐场景为核心的批判性数字艺术项目。作品将餐桌视为现实关系发生的微型社会场域,通过 3D 场景、动态视觉反馈与交互叙事,探讨数字信息如何侵入亲密空间并加剧真实疏离。

Design Question

当屏幕出现在餐桌,我们咀嚼的是数据,还是情感?虚拟连接如何在最日常的共处场景中制造真实疏离?

Outcome

形成以 3D 场景、动态视觉反馈与交互叙事组成的批判性数字艺术方案,并以展板、现场记录与证书图像归档展示过程。

Contribution

01

建立“真实共餐 - 数字侵入 - 信息挤压 - 实体消散 - 回归反思”的体验叙事。

02

通过数据瀑流、空间压缩、黑白化、模糊处理和 UI 入侵表现数字信息对关系现场的侵蚀。

03

整理论坛现场、线上展示与证书图像,作为项目展示过程的现有档案。

Visual Evidence

界面与交互

01

线上展示页面

建立作品的核心空间:餐桌作为关系发生和被数字侵入的场域。

系统结构

02

交互框架

说明数字侵入、信息挤压和关系疏离如何在体验中推进。

展示与证明

横向滑动查看

03

论坛现场记录

现有照片记录了项目的现场展示过程。

04

证书材料

作为项目展示过程的归档图像。

阿喜全身像设计

喜茶阿喜全身像围绕品牌角色进行全身视觉塑造,把角色姿态、比例、服装和品牌气质统一到一个可延展的形象系统中。

Design Question

品牌角色如何在保持识别度的同时,拥有更完整的身体姿态、性格气质和传播延展空间?

Outcome

形成一个品牌角色视觉提案,可作为后续 IP 表情、包装、活动视觉或衍生品形象基础。

Contribution

01

梳理角色比例、服装、表情和姿态之间的关系。

02

将喜茶品牌气质转译为可用于传播和延展的角色全身形象。

03

完成高完成度角色全身像提案,并以比赛投稿作品形式归档。

场景建模

跨媒介制作档案,集中展示场景建模、编辑式版面、手工书与手绘练习,补充数字产品之外的造型、排版与实体制作能力。

Design Question

如何在三维、平面、书籍与手绘等媒介中保持清晰的视觉组织,并把概念落实为完整产出?

Outcome

形成覆盖数字与实体媒介的制作档案,呈现场景、版面、材料与手绘四类实践。

Contribution

01

完成三维场景的空间、材质与氛围塑造。

02

通过战报与手工书实践信息层级、图文节奏、装帧与材料表达。

03

以手绘练习呈现造型、观察与视觉表达基础。

Visual Evidence

01

战报设计

展示纵向信息排版、图文节奏和视觉层级控制。

场景与制作

横向滑动查看

02

手工书制作

补充实体制作、装帧和材料表达能力。

03

手绘表达

展示手绘造型、观察和视觉表达基础。

Approach

设计的不完美感往往透露出真正的生命力。

我对产品体验、交互逻辑、视觉表达和技术实现都保持持续探索的兴趣,具备较强的自主学习能力、工具适应能力和反馈响应能力。

面对早期模糊想法,我能够快速整理逻辑、搭建框架,并将其转化为可以被讨论、测试和优化的设计方案;在项目中也会主动尝试新方法,推动方案更快落地。