杨逸飞 Yifei Yang

UX/GAME Designer

Portfolio presentation

Email：yangyifeiff@163.com

tel：18019096062

2023

photo

About me

关于我

本科毕业于上海大学数字媒体技术专业，在伦敦艺术大学创意计算机专业完成研

究生课程。我的本硕项目结合了编程与创意实践，学习了当代计算机技术在数字

创意产业的开发和应用。包括高级创意编码，媒体人工智能，高级物理计算，高

级可视化和计算环境，个性化和机器学习等课程。

我善于沟通以及团队合作，多次在项目里担任组长协调组员工作沟通并监督项目

进程；喜欢将前端技术和以人为本的思想设计在交互作品中；对互联网保持高度

的敏感性和关注度；对虚拟现实，影视制作以及游戏制作都很有兴趣，希望成长

为综合型人才。

2

About me

3

学习经历

伦敦艺术大学 硕士 创意计算机 2022.10 - 2024.02

上海大学 本科 数字媒体技术 2018.09 - 2022.06

项目经历

全国学生计算机水平挑战赛_虚拟线上旅游 团队负责人/主要技术 2021.10 - 2021.11

基于微信小程序的校园观影平台 团队负责人/交互设计/UI设计 2021.07 - 2021.09

上海仪电控股集团 UI实习生 2021.06 - 2021.10

魔笛工作室 三维设计师 2020.09 - 2021.01

巴州广播电视台 新闻部实习生 2020.06 - 2020.07

实习经历

AR和游戏制作软件：Unity、SparkAR等AR和游戏制作软件。

物理交互：Arduino和Processing进行沉浸式物理交互设计。

人工智能和机器学习：具备图像和音频信号处理、分类和生成方面的人工智能和机器学习知识。

交互和UI制作软件：Figma、Sketch和MaxMSP等交互和UI制作软件。

视频制作软件：PR和AE等视频制作软件。

绘画设计软件：AI、Procreate、Photoshop和Sai等绘画设计软件。

3D建模软件：Maya、WorldCreator和Blender等3D建模软件。

技能掌握

1 2 3 4 5

The Helen witch

“易住”

——AR定制租房APP

I Fee,

I aM

therefore

云五维

认知驾驶舱

AR

mini Projects

Prolects

Agenta

5

Project 4 19

Project 5 23

Project 1 06

Project 2 10

Project 3 16

the

helen

witch

Let’s reAD

Game design

Game Design Document

中世纪，海伦与父母和姐姐在村庄过着平静生活。随着年龄增长，她姐姐的红发和美貌引起村民注意。村里爆发瘟疫，谣传与巫术有关。姐姐

被误认为女巫，最终被活活烧死。为避免同样命运，海伦必须勇敢地穿越黑暗森林，逃向美好的远方。

Game Identity/Mantra

2.5D 开放世界生存探索类游戏，讲述一个名叫海伦的女孩穿越森林逃往幸福的世界的故事。玩家将扮演海伦的角色，探索开放世界，解决谜题。

More detail：https://github.com/Fennel-hub/-Witch-Helen

Story

Project 1

Gameplay

7

1.控制键盘wasd前进跳跃 2.需要收集食物增加血量，收集禁书获取回忆碎片增加精神值 3.收集过程中会遇到袭击的怪兽，需要战斗。

win condition：收集所有禁书并血量不为零活过五天

Failure condition：血量到达0

enemy behavior：在食物周围移动，角色进入范围时攻击。

Role Tools (icons set)

游戏策划，主要游戏代码编写，交互设计，

美术协助，物理外接装置协助。

Background

中世纪，基督教对\"女

巫\"进行了长久的迫害,

认 为 她 们 是 灾 难 根

源。成千上万的女性

被不分青红皂白地贴

上 \"女 巫\"标 签 ,并 遭 受

残忍的惩罚。 Video presentation：https://youtu.be/5qjObKgrsl4

Project 1

BrainStrom

8

人物设计 场景及道具设计

UI设计

Project 1

ffi 通过ffl后左倾斜手套来控制游戏角色的移动。

2.弯曲手指采摘食物增加血量，收集禁书获得记忆碎片。

3.在收集过程中会遇到攻击怪物，通过战斗杀死怪物。

9

使用Arduino来创建外部设备来

增强游戏体验.

(MPU6050陀螺仪，弯曲传感器)

独居人群正呈现出数量攀升和年轻化的趋势。

作为设计师，我基于 AR 技术进行租房app的设计与开发。

我将充分利用虚拟现实技术的优势，将租赁房屋与线上沉浸式

体验相结合，为用户创造更丰富的居住体验。

“易住”

——AR定制租房APP

To C——Service Design

Inspiration

在毕业租房时我发现作为一个年轻人租房是非常困难的。租房存在一人户房源少，装修

单一，空间小，租住流程复杂，租客与房东之间信息闭塞等问题。因此我意识到租房是

一个非常大的市场，仍存在许多改善空间。

Competitor analysis

Further research

Preliminary research

Project 2

11

便捷性

个性化

价格

居住环境

品牌性

Product feature priority

新建住房项目中

的一人户住宅占

比为二成，市场

上总体供不应求

情况明显

20%

20-49周岁的青年独居群体所占

比高达近五成

50%

上海市平均每四户里就有一个一

人户

1/4

Key words

Sudan

住宅空间设计自由度和隐私性

Sudan

集中在一二线大中城市

Sudan

住宅体验品位化，社会性需求

Sudan

推崇低总价,低房租小户型设计

processing

service Concept

本项目基于AR技术进行的设计与开发，将会发挥虚拟现实打破时空的优势，为用户提供

更加直观的视觉效果与便捷的独居空间设计功能，打造租住家装的线上沉浸式体验。

目标：1.打破时间与空间的限制，用户可线上随时随地对房屋进行设计和租住；2.实现线

上资源信息共享，交流互助；3.打破传统租住模式，利用AR技术用户可以自己设计居住

的房间户型，装修风格，以及软装。

Strengths

Weakness

Opportunity

T hreat

房源丰富：自如App提供多样化的房源，满足不同用户需求。

房租较高：由于提供精装公寓等高品质房源，不适合所有租房预算。

推出个性化租房：针对不同预算和装修需求的用户，推出可以自定义的租房产品。

品牌知名度：自如作为租房市场的知名品牌，拥有广泛的用户基础和信誉度。

专业化服务：自如提供一站式租房服务，方便用户租房流程。

专业化服务：由于功能范围太大，用户在实际使用时往往不知该选择哪个。

专业化服务：简化页面和功能，重点突出核心功能。

法规变化：租房市场受到政策和法规的影响，相关政策变化可能对自如运营产生影响。

用户体验：自如App界面简洁，功能操作便捷，提供优质的用户体验

用户抱怨： 些用户反映自如的客服响应较慢，导致部分用户体验不佳。

AR沉浸式租房：采用AR平面识别技术，实现线上直观看房，装修，定制。

用户选择：用户在租房平台之间具有选择权，竞品可能会提供更具竞争力的优势。

conclusion

网络租房已成主流，尤其在年轻人中更普遍。

本文聚焦城市青年租房问题。研究重点在20-39

岁的都市年轻人，这 阶段通常职业过渡，由

于职业规划不明确、流动频繁，以及初始工作

收入较低，许多青年难以承担高房租费用。因

此，他们普遍选择租房作为职业生涯不稳定时

的居住方式。

User journey

prototype processing

Project 2

12

design specification

Digital prototype

Project 2

引导页

注册/登陆页面 首页/论坛/详情页面

12

Digital prototype

Project 2

14

房屋定制页面（位置/户型/风格）

AR看房效果

装修自定义页面（家具/位置）

提交订单页面（详情/支付/情绪页面）

Digital prototype

Project 2

订单页面（详情/地址引导/评价） 消息页面（客服/系统/通知）

收藏页面（我的方案/收藏/详情/我发布的帖子） 个人主页（信息/设置/隐私条款）

15

我对量子纠缠这一概念非常的感兴趣。了解到更多它在生活中的实际应用之

后，我惊讶的发现这一概念与我喜欢的中国的哲学理论“唯心主义”有惊人的

相似之处。

因此我非常想将量子纠缠这一物理概念与中国传统哲学理论结合起来并将之

表达在我的作品中。在此基础上我设计出了我的互动式Arduino装置。

Interactive installation

I feel，

I am

therefore

CONCEPT

Project 3

17

Inspiration

王阳明的思想与量子纠缠之间存在着一种奇妙的相似性和关联。王阳明

的理论中，花处于隐与显的叠加状态，只有通过自身的心灵感应与观

察，才能显现出花的真实本质。类似地，薛定谔的猫处于死与活的叠加

状态，直到被观测后才会确定其状态。这表明在王阳明心学和量子纠缠

中，都存在着未决和悬而未决的状况。

在王阳明的理论中，良知即天理，致良知即存天理。通过去除个人欲望

和擦拭心中的贼，用良知来规范自己的思想和行为，心中的明镜才能显

现出光明。而量子纠缠则是量子叠加原理的结果，多个粒子组成系统

后，一个粒子的测量会立即影响另一个粒子的状态，彼此之间有一种无

法解释的相互感应。

这些相似之处表明，王阳明心学与量子纠缠都揭示了我们对于世界和自

我的认知存在一定的局限性。在探索和认识世界时，我们需要通过观

察、感应和思考来超越这种局限，去发现事物的本质和真相。

Idea

这次的装置的表达形式灵感来自于王阳明关于“唯心主义”的一则故事“岩中花 。在这个

故事中，王阳明的友人指着岩中花树问道：“天下无心外之物，如此花树在深山中自开自

落，于我心亦何相关？”王阳明回答说：“你未看此花时，此花与汝同归于寂；你来看此

花时，此花颜色一时明白过来，便知此花不在你的心外。

量子纠缠 王阳明心学

一个量子以超光速影响另一个量子 王阳明与友人的“岩中花”故事

WHY Lotus？

本装置灵感来源于王阳明“岩中花”的故事，莲花代

表自在，无染，智慧，能够代表王阳明心学的核心

理念。

莲花在佛门中，为佛菩萨所常拿来作譬喻，表征清

静、无染、光明、自在、解脱之义。

采用植物的想法来自仿生学，它将自然原理与技术

相结合，在空间与人之间建立了一种诗意的联系。

莲花的花瓣与叶片轻薄，造型层次丰富，便于使用

光线等物理元素制作装置营造出较好的视觉效果。

Behaviours

APPROACHing

HEART BEAT

LIGHT&SOUND

interactive process

Project 3

Mind Map

首先我设计了需要的功能，并

以此为基础绘制了电路图。编

写好每一个功能需要的代码并

传入Arduino测试。

装置的交互发生在三维空间中，用户将亲身参与沉浸

式体验装置和灯光，声音所创造的氛围中。

装置的灯光设计为呼吸灯效果，用户将佩戴脉搏传感器，灯光的亮暗会随着用户的心跳变化。

Light - 随心而在

用户靠近装置为0.5m内，莲花池中将会有一朵莲花开始闪亮；并且体验者越靠近，灯光越亮。

start -我思故我在

用户靠近装置为0.5m内，装置会开始播放音乐。音乐为佛教梵音，营造沉浸式氛围。

sound - lighting地带

TECHNTechnology

WORKING PROCESSING final show

coding编程

使用欧根纱制作了花瓣和叶子

部分，3d打印制作了花蕊。

lotus主体部分制作

将Arduino和感应

元件电路焊接，并

与主体部分组装，

完成装置制作。

solder&scene焊接&场景

18

Arduino控制电机

processing编程控制

Arduino中灯和声音交互

脉搏传感器控制LED的呼

吸效果

距离传感器触发装置开关，

同时控制灯光亮度和声音

LED灯营造出沉浸式氛围 建模及3D打印技术

在当今数字化时代，云计算平台已经成为企业和组织的首选选

择，以提供高效的数据存储、弹性伸缩和灵活性。然而，云环

境的复杂性和多样性也给网络安全带来了新的挑战。大规模的

数据交换和多租户的共享使得网络面临更多的潜在风险。为了

加固网络安全防御，及时识别分线告知并采取应对措施，我们

开发了\"上帝视角\"指挥沙盘。

云五维 认知驾驶舱

为用户建立“上帝视角”的指挥沙盘

To B——Service Design

Project 4

20

concept

致力于用户快速上手使用云安全产品，第一时间识别分线告知并采取应对措施，加固

网络安全防御抵抗更多的潜在风险。

云五维认知驾驶舱的概念图

全景风险感知和闭环

风险资产关联定位

风险问题可视化资源

Ì 实时监控：通过实时数据收集和分析，提供对云环境中的各项指标和

事件的实时监控~

Ì 智能预警：基于机器学和人工智能技术，快速识别异常行为和威

胁，并提供智能预警功能~

Ì 自动化响应：通过预设的策略和规则，实现自动化的应对措施，加强

网络安全防御~

Ì 可视化展示：以直观和易理解的方式展示网络拓扑、安全事件和风险

等信息，帮助用户快速洞察和分析~

Ì 用户定制：提供灵活的配置选项，使用户能够根据自身需求和场景，

定制化使用平台功能。

Project 4

21

操控详情页面UI设计

致力于用户快速上手使用云安全产品，第一时间识别分线告知并采取应对措施，加固

网络安全防御抵抗更多的潜在风险。

智慧消防细节图：

中远海运智慧消防平台

在设计时考虑到与产品本身的理念“智慧城市”相关，

所以采用了以未来感和科技感的为视觉基础的轻机械风；，

同时，需要兼顾用户使用时的流畅并减少过于科幻感带来的使用壁垒

Design philosophy 设计理念

相较于IOT系统的列表形式需要展示更多的详细信息，火警系统需要做好分

类以便与用户更及时地查看警告的类型并采取措施。

Project 4

22

Istack云平台UI设计

本页为云平台设计的UI界面，其中完成了网站视觉风格设计，搭

建组件库，确定设计规范，以及页面设计。

本页面为核心功能--云主机页面。表现为列表加上按钮的形式，致力于

展现更多的信息，以及作为到达每个云主机详情页的跳转平台。

页面展示

本页面为创建云主机页

面，分为快捷创建和自

定义创建，根据客户的

要求大量衍生功能以弹

窗的形式呈现，减少页

面的跳转以减少混乱

感。组件的设计在增加

美观与设计感的同时，

又需要符合客户要求的

严肃专业感。

我对量子纠缠这一概念非常的感兴趣。了解到更多它在生活中的实际应用之

后，我惊讶的发现这一概念与我喜欢的中国的哲学理论“唯心主义”有惊人的

相似之处。

因此我非常想将量子纠缠这一物理概念与中国传统哲学理论结合起来并将之

表达在我的作品中。在此基础上我设计出了我的互动式Arduino装置。

Interactive installation

AR

mini Projects

Project 5

24

一大会址·AR线上旅游

本作品一大会址·虚拟线上旅游，是一款智能设备AR识别软件。通过手机端软

件对相应图片进行识别，在手机屏幕内得到一次线上旅游一大会址展馆的体

验。开发技术使用了Unity的vuforia功能。

该作品分为三个模块½

Š 扫¾识别含有“一大会址”四个字字样的图片，即可在屏幕上显示一大会址场馆的仿真

3D建模AR虚拟影像，获得足不出户的线上游览体验

应用场景：地铁站、宣传手册、广告等~

Š 扫¾烈士纪念碑（图片），即可体验由虚拟数字人讲解员带来的对中共一大会址的

讲解~

Š 扫¾含有“新青年”字样的图片，即可在扫¾端浏览AR虚拟《新青年》杂志样刊。

Role Tools (icons set)

UX Research, Interaction Designer, Main Tech 3d

Project 5

25

AR人脸识别滤镜

本作品采用3d max和spark AR

制作了一款基于人脸识别的滤

镜。

使用工具

3d

Thank you