楊逸飛 Yifei Yang

UX/GAME Designer

Portfolio presentation

Email：yangyifeiff@163.com

tel：18019096062

2023

photo

About me

關(guān)于我

本科畢業(yè)于上海大學(xué)數(shù)字媒體技術(shù)專業(yè)，在倫敦藝術(shù)大學(xué)創(chuàng)意計(jì)算機(jī)專業(yè)完成研

究生課程。我的本碩項(xiàng)目結(jié)合了編程與創(chuàng)意實(shí)踐，學(xué)習(xí)了當(dāng)代計(jì)算機(jī)技術(shù)在數(shù)字

創(chuàng)意產(chǎn)業(yè)的開發(fā)和應(yīng)用。包括高級(jí)創(chuàng)意編碼，媒體人工智能，高級(jí)物理計(jì)算，高

級(jí)可視化和計(jì)算環(huán)境，個(gè)性化和機(jī)器學(xué)習(xí)等課程。

我善于溝通以及團(tuán)隊(duì)合作，多次在項(xiàng)目里擔(dān)任組長(zhǎng)協(xié)調(diào)組員工作溝通并監(jiān)督項(xiàng)目

進(jìn)程；喜歡將前端技術(shù)和以人為本的思想設(shè)計(jì)在交互作品中；對(duì)互聯(lián)網(wǎng)保持高度

的敏感性和關(guān)注度；對(duì)虛擬現(xiàn)實(shí)，影視制作以及游戲制作都很有興趣，希望成長(zhǎng)

為綜合型人才。

2

About me

3

學(xué)習(xí)經(jīng)歷

倫敦藝術(shù)大學(xué) 碩士 創(chuàng)意計(jì)算機(jī) 2022.10 - 2024.02

上海大學(xué) 本科 數(shù)字媒體技術(shù) 2018.09 - 2022.06

項(xiàng)目經(jīng)歷

全國(guó)學(xué)生計(jì)算機(jī)水平挑戰(zhàn)賽_虛擬線上旅游 團(tuán)隊(duì)負(fù)責(zé)人/主要技術(shù) 2021.10 - 2021.11

基于微信小程序的校園觀影平臺(tái) 團(tuán)隊(duì)負(fù)責(zé)人/交互設(shè)計(jì)/UI設(shè)計(jì) 2021.07 - 2021.09

上海儀電控股集團(tuán) UI實(shí)習(xí)生 2021.06 - 2021.10

魔笛工作室 三維設(shè)計(jì)師 2020.09 - 2021.01

巴州廣播電視臺(tái) 新聞部實(shí)習(xí)生 2020.06 - 2020.07

實(shí)習(xí)經(jīng)歷

AR和游戲制作軟件：Unity、SparkAR等AR和游戲制作軟件。

物理交互：Arduino和Processing進(jìn)行沉浸式物理交互設(shè)計(jì)。

人工智能和機(jī)器學(xué)習(xí)：具備圖像和音頻信號(hào)處理、分類和生成方面的人工智能和機(jī)器學(xué)習(xí)知識(shí)。

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

視頻制作軟件：PR和AE等視頻制作軟件。

繪畫設(shè)計(jì)軟件：AI、Procreate、Photoshop和Sai等繪畫設(shè)計(jì)軟件。

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

技能掌握

1 2 3 4 5

The Helen witch

“易住”

——AR定制租房APP

I Fee,

I aM

therefore

云五維

認(rèn)知駕駛艙

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

中世紀(jì)，海倫與父母和姐姐在村莊過著平靜生活。隨著年齡增長(zhǎng)，她姐姐的紅發(fā)和美貌引起村民注意。村里爆發(fā)瘟疫，謠傳與巫術(shù)有關(guān)。姐姐

被誤認(rèn)為女巫，最終被活活燒死。為避免同樣命運(yùn)，海倫必須勇敢地穿越黑暗森林，逃向美好的遠(yuǎn)方。

Game Identity/Mantra

2.5D 開放世界生存探索類游戲，講述一個(gè)名叫海倫的女孩穿越森林逃往幸福的世界的故事。玩家將扮演海倫的角色，探索開放世界，解決謎題。

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

Story

Project 1

Gameplay

7

1.控制鍵盤wasd前進(jìn)跳躍 2.需要收集食物增加血量，收集禁書獲取回憶碎片增加精神值 3.收集過程中會(huì)遇到襲擊的怪獸，需要戰(zhàn)斗。

win condition：收集所有禁書并血量不為零活過五天

Failure condition：血量到達(dá)0

enemy behavior：在食物周圍移動(dòng)，角色進(jìn)入范圍時(shí)攻擊。

Role Tools (icons set)

游戲策劃，主要游戲代碼編寫，交互設(shè)計(jì)，

美術(shù)協(xié)助，物理外接裝置協(xié)助。

Background

中世紀(jì)，基督教對(duì)\"女

巫\"進(jìn)行了長(zhǎng)久的迫害,

認(rèn) 為 她 們 是 災(zāi) 難 根

源。成千上萬的女性

被不分青紅皂白地貼

上 \"女 巫\"標(biāo) 簽 ,并 遭 受

殘忍的懲罰。 Video presentation：https://youtu.be/5qjObKgrsl4

Project 1

BrainStrom

8

人物設(shè)計(jì) 場(chǎng)景及道具設(shè)計(jì)

UI設(shè)計(jì)

Project 1

ffi 通過ffl后左傾斜手套來控制游戲角色的移動(dòng)。

2.彎曲手指采摘食物增加血量，收集禁書獲得記憶碎片。

3.在收集過程中會(huì)遇到攻擊怪物，通過戰(zhàn)斗殺死怪物。

9

使用Arduino來創(chuàng)建外部設(shè)備來

增強(qiáng)游戲體驗(yàn).

(MPU6050陀螺儀，彎曲傳感器)

獨(dú)居人群正呈現(xiàn)出數(shù)量攀升和年輕化的趨勢(shì)。

作為設(shè)計(jì)師，我基于 AR 技術(shù)進(jìn)行租房app的設(shè)計(jì)與開發(fā)。

我將充分利用虛擬現(xiàn)實(shí)技術(shù)的優(yōu)勢(shì)，將租賃房屋與線上沉浸式

體驗(yàn)相結(jié)合，為用戶創(chuàng)造更豐富的居住體驗(yàn)。

“易住”

——AR定制租房APP

To C——Service Design

Inspiration

在畢業(yè)租房時(shí)我發(fā)現(xiàn)作為一個(gè)年輕人租房是非常困難的。租房存在一人戶房源少，裝修

單一，空間小，租住流程復(fù)雜，租客與房東之間信息閉塞等問題。因此我意識(shí)到租房是

一個(gè)非常大的市場(chǎng)，仍存在許多改善空間。

Competitor analysis

Further research

Preliminary research

Project 2

11

便捷性

個(gè)性化

價(jià)格

居住環(huán)境

品牌性

Product feature priority

新建住房項(xiàng)目中

的一人戶住宅占

比為二成，市場(chǎng)

上總體供不應(yīng)求

情況明顯

20%

20-49周歲的青年獨(dú)居群體所占

比高達(dá)近五成

50%

上海市平均每四戶里就有一個(gè)一

人戶

1/4

Key words

Sudan

住宅空間設(shè)計(jì)自由度和隱私性

Sudan

集中在一二線大中城市

Sudan

住宅體驗(yàn)品位化，社會(huì)性需求

Sudan

推崇低總價(jià),低房租小戶型設(shè)計(jì)

processing

service Concept

本項(xiàng)目基于AR技術(shù)進(jìn)行的設(shè)計(jì)與開發(fā)，將會(huì)發(fā)揮虛擬現(xiàn)實(shí)打破時(shí)空的優(yōu)勢(shì)，為用戶提供

更加直觀的視覺效果與便捷的獨(dú)居空間設(shè)計(jì)功能，打造租住家裝的線上沉浸式體驗(yàn)。

目標(biāo)：1.打破時(shí)間與空間的限制，用戶可線上隨時(shí)隨地對(duì)房屋進(jìn)行設(shè)計(jì)和租住；2.實(shí)現(xiàn)線

上資源信息共享，交流互助；3.打破傳統(tǒng)租住模式，利用AR技術(shù)用戶可以自己設(shè)計(jì)居住

的房間戶型，裝修風(fēng)格，以及軟裝。

Strengths

Weakness

Opportunity

T hreat

房源豐富：自如App提供多樣化的房源，滿足不同用戶需求。

房租較高：由于提供精裝公寓等高品質(zhì)房源，不適合所有租房預(yù)算。

推出個(gè)性化租房：針對(duì)不同預(yù)算和裝修需求的用戶，推出可以自定義的租房產(chǎn)品。

品牌知名度：自如作為租房市場(chǎng)的知名品牌，擁有廣泛的用戶基礎(chǔ)和信譽(yù)度。

專業(yè)化服務(wù)：自如提供一站式租房服務(wù)，方便用戶租房流程。

專業(yè)化服務(wù)：由于功能范圍太大，用戶在實(shí)際使用時(shí)往往不知該選擇哪個(gè)。

專業(yè)化服務(wù)：簡(jiǎn)化頁面和功能，重點(diǎn)突出核心功能。

法規(guī)變化：租房市場(chǎng)受到政策和法規(guī)的影響，相關(guān)政策變化可能對(duì)自如運(yùn)營(yíng)產(chǎn)生影響。

用戶體驗(yàn)：自如App界面簡(jiǎn)潔，功能操作便捷，提供優(yōu)質(zhì)的用戶體驗(yàn)

用戶抱怨： 些用戶反映自如的客服響應(yīng)較慢，導(dǎo)致部分用戶體驗(yàn)不佳。

AR沉浸式租房：采用AR平面識(shí)別技術(shù)，實(shí)現(xiàn)線上直觀看房，裝修，定制。

用戶選擇：用戶在租房平臺(tái)之間具有選擇權(quán)，競(jìng)品可能會(huì)提供更具競(jìng)爭(zhēng)力的優(yōu)勢(shì)。

conclusion

網(wǎng)絡(luò)租房已成主流，尤其在年輕人中更普遍。

本文聚焦城市青年租房問題。研究重點(diǎn)在20-39

歲的都市年輕人，這 階段通常職業(yè)過渡，由

于職業(yè)規(guī)劃不明確、流動(dòng)頻繁，以及初始工作

收入較低，許多青年難以承擔(dān)高房租費(fèi)用。因

此，他們普遍選擇租房作為職業(yè)生涯不穩(wěn)定時(shí)

的居住方式。

User journey

prototype processing

Project 2

12

design specification

Digital prototype

Project 2

引導(dǎo)頁

注冊(cè)/登陸頁面 首頁/論壇/詳情頁面

12

Digital prototype

Project 2

14

房屋定制頁面（位置/戶型/風(fēng)格）

AR看房效果

裝修自定義頁面（家具/位置）

提交訂單頁面（詳情/支付/情緒頁面）

Digital prototype

Project 2

訂單頁面（詳情/地址引導(dǎo)/評(píng)價(jià)） 消息頁面（客服/系統(tǒng)/通知）

收藏頁面（我的方案/收藏/詳情/我發(fā)布的帖子） 個(gè)人主頁（信息/設(shè)置/隱私條款）

15

我對(duì)量子糾纏這一概念非常的感興趣。了解到更多它在生活中的實(shí)際應(yīng)用之

后，我驚訝的發(fā)現(xiàn)這一概念與我喜歡的中國(guó)的哲學(xué)理論“唯心主義”有驚人的

相似之處。

因此我非常想將量子糾纏這一物理概念與中國(guó)傳統(tǒng)哲學(xué)理論結(jié)合起來并將之

表達(dá)在我的作品中。在此基礎(chǔ)上我設(shè)計(jì)出了我的互動(dòng)式Arduino裝置。

Interactive installation

I feel，

I am

therefore

CONCEPT

Project 3

17

Inspiration

王陽明的思想與量子糾纏之間存在著一種奇妙的相似性和關(guān)聯(lián)。王陽明

的理論中，花處于隱與顯的疊加狀態(tài)，只有通過自身的心靈感應(yīng)與觀

察，才能顯現(xiàn)出花的真實(shí)本質(zhì)。類似地，薛定諤的貓?zhí)幱谒琅c活的疊加

狀態(tài)，直到被觀測(cè)后才會(huì)確定其狀態(tài)。這表明在王陽明心學(xué)和量子糾纏

中，都存在著未決和懸而未決的狀況。

在王陽明的理論中，良知即天理，致良知即存天理。通過去除個(gè)人欲望

和擦拭心中的賊，用良知來規(guī)范自己的思想和行為，心中的明鏡才能顯

現(xiàn)出光明。而量子糾纏則是量子疊加原理的結(jié)果，多個(gè)粒子組成系統(tǒng)

后，一個(gè)粒子的測(cè)量會(huì)立即影響另一個(gè)粒子的狀態(tài)，彼此之間有一種無

法解釋的相互感應(yīng)。

這些相似之處表明，王陽明心學(xué)與量子糾纏都揭示了我們對(duì)于世界和自

我的認(rèn)知存在一定的局限性。在探索和認(rèn)識(shí)世界時(shí)，我們需要通過觀

察、感應(yīng)和思考來超越這種局限，去發(fā)現(xiàn)事物的本質(zhì)和真相。

Idea

這次的裝置的表達(dá)形式靈感來自于王陽明關(guān)于“唯心主義”的一則故事“巖中花 。在這個(gè)

故事中，王陽明的友人指著巖中花樹問道：“天下無心外之物，如此花樹在深山中自開自

落，于我心亦何相關(guān)？”王陽明回答說：“你未看此花時(shí)，此花與汝同歸于寂；你來看此

花時(shí)，此花顏色一時(shí)明白過來，便知此花不在你的心外。

量子糾纏 王陽明心學(xué)

一個(gè)量子以超光速影響另一個(gè)量子 王陽明與友人的“巖中花”故事

WHY Lotus？

本裝置靈感來源于王陽明“巖中花”的故事，蓮花代

表自在，無染，智慧，能夠代表王陽明心學(xué)的核心

理念。

蓮花在佛門中，為佛菩薩所常拿來作譬喻，表征清

靜、無染、光明、自在、解脫之義。

采用植物的想法來自仿生學(xué)，它將自然原理與技術(shù)

相結(jié)合，在空間與人之間建立了一種詩(shī)意的聯(lián)系。

蓮花的花瓣與葉片輕薄，造型層次豐富，便于使用

光線等物理元素制作裝置營(yíng)造出較好的視覺效果。

Behaviours

APPROACHing

HEART BEAT

LIGHT&SOUND

interactive process

Project 3

Mind Map

首先我設(shè)計(jì)了需要的功能，并

以此為基礎(chǔ)繪制了電路圖。編

寫好每一個(gè)功能需要的代碼并

傳入Arduino測(cè)試。

裝置的交互發(fā)生在三維空間中，用戶將親身參與沉浸

式體驗(yàn)裝置和燈光，聲音所創(chuàng)造的氛圍中。

裝置的燈光設(shè)計(jì)為呼吸燈效果，用戶將佩戴脈搏傳感器，燈光的亮暗會(huì)隨著用戶的心跳變化。

Light - 隨心而在

用戶靠近裝置為0.5m內(nèi)，蓮花池中將會(huì)有一朵蓮花開始閃亮；并且體驗(yàn)者越靠近，燈光越亮。

start -我思故我在

用戶靠近裝置為0.5m內(nèi)，裝置會(huì)開始播放音樂。音樂為佛教梵音，營(yíng)造沉浸式氛圍。

sound - lighting地帶

TECHNTechnology

WORKING PROCESSING final show

coding編程

使用歐根紗制作了花瓣和葉子

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

lotus主體部分制作

將Arduino和感應(yīng)

元件電路焊接，并

與主體部分組裝，

完成裝置制作。

solder&scene焊接&場(chǎng)景

18

Arduino控制電機(jī)

processing編程控制

Arduino中燈和聲音交互

脈搏傳感器控制LED的呼

吸效果

距離傳感器觸發(fā)裝置開關(guān)，

同時(shí)控制燈光亮度和聲音

LED燈營(yíng)造出沉浸式氛圍 建模及3D打印技術(shù)

在當(dāng)今數(shù)字化時(shí)代，云計(jì)算平臺(tái)已經(jīng)成為企業(yè)和組織的首選選

擇，以提供高效的數(shù)據(jù)存儲(chǔ)、彈性伸縮和靈活性。然而，云環(huán)

境的復(fù)雜性和多樣性也給網(wǎng)絡(luò)安全帶來了新的挑戰(zhàn)。大規(guī)模的

數(shù)據(jù)交換和多租戶的共享使得網(wǎng)絡(luò)面臨更多的潛在風(fēng)險(xiǎn)。為了

加固網(wǎng)絡(luò)安全防御，及時(shí)識(shí)別分線告知并采取應(yīng)對(duì)措施，我們

開發(fā)了\"上帝視角\"指揮沙盤。

云五維 認(rèn)知駕駛艙

為用戶建立“上帝視角”的指揮沙盤

To B——Service Design

Project 4

20

concept

致力于用戶快速上手使用云安全產(chǎn)品，第一時(shí)間識(shí)別分線告知并采取應(yīng)對(duì)措施，加固

網(wǎng)絡(luò)安全防御抵抗更多的潛在風(fēng)險(xiǎn)。

云五維認(rèn)知駕駛艙的概念圖

全景風(fēng)險(xiǎn)感知和閉環(huán)

風(fēng)險(xiǎn)資產(chǎn)關(guān)聯(lián)定位

風(fēng)險(xiǎn)問題可視化資源

ì 實(shí)時(shí)監(jiān)控：通過實(shí)時(shí)數(shù)據(jù)收集和分析，提供對(duì)云環(huán)境中的各項(xiàng)指標(biāo)和

事件的實(shí)時(shí)監(jiān)控~

ì 智能預(yù)警：基于機(jī)器學(xué)和人工智能技術(shù)，快速識(shí)別異常行為和威

脅，并提供智能預(yù)警功能~

ì 自動(dòng)化響應(yīng)：通過預(yù)設(shè)的策略和規(guī)則，實(shí)現(xiàn)自動(dòng)化的應(yīng)對(duì)措施，加強(qiáng)

網(wǎng)絡(luò)安全防御~

ì 可視化展示：以直觀和易理解的方式展示網(wǎng)絡(luò)拓?fù)?、安全事件和風(fēng)險(xiǎn)

等信息，幫助用戶快速洞察和分析~

ì 用戶定制：提供靈活的配置選項(xiàng)，使用戶能夠根據(jù)自身需求和場(chǎng)景，

定制化使用平臺(tái)功能。

Project 4

21

操控詳情頁面UI設(shè)計(jì)

致力于用戶快速上手使用云安全產(chǎn)品，第一時(shí)間識(shí)別分線告知并采取應(yīng)對(duì)措施，加固

網(wǎng)絡(luò)安全防御抵抗更多的潛在風(fēng)險(xiǎn)。

智慧消防細(xì)節(jié)圖：

中遠(yuǎn)海運(yùn)智慧消防平臺(tái)

在設(shè)計(jì)時(shí)考慮到與產(chǎn)品本身的理念“智慧城市”相關(guān)，

所以采用了以未來感和科技感的為視覺基礎(chǔ)的輕機(jī)械風(fēng)；，

同時(shí)，需要兼顧用戶使用時(shí)的流暢并減少過于科幻感帶來的使用壁壘

Design philosophy 設(shè)計(jì)理念

相較于IOT系統(tǒng)的列表形式需要展示更多的詳細(xì)信息，火警系統(tǒng)需要做好分

類以便與用戶更及時(shí)地查看警告的類型并采取措施。

Project 4

22

Istack云平臺(tái)UI設(shè)計(jì)

本頁為云平臺(tái)設(shè)計(jì)的UI界面，其中完成了網(wǎng)站視覺風(fēng)格設(shè)計(jì)，搭

建組件庫(kù)，確定設(shè)計(jì)規(guī)范，以及頁面設(shè)計(jì)。

本頁面為核心功能--云主機(jī)頁面。表現(xiàn)為列表加上按鈕的形式，致力于

展現(xiàn)更多的信息，以及作為到達(dá)每個(gè)云主機(jī)詳情頁的跳轉(zhuǎn)平臺(tái)。

頁面展示

本頁面為創(chuàng)建云主機(jī)頁

面，分為快捷創(chuàng)建和自

定義創(chuàng)建，根據(jù)客戶的

要求大量衍生功能以彈

窗的形式呈現(xiàn)，減少頁

面的跳轉(zhuǎn)以減少混亂

感。組件的設(shè)計(jì)在增加

美觀與設(shè)計(jì)感的同時(shí)，

又需要符合客戶要求的

嚴(yán)肅專業(yè)感。

我對(duì)量子糾纏這一概念非常的感興趣。了解到更多它在生活中的實(shí)際應(yīng)用之

后，我驚訝的發(fā)現(xiàn)這一概念與我喜歡的中國(guó)的哲學(xué)理論“唯心主義”有驚人的

相似之處。

因此我非常想將量子糾纏這一物理概念與中國(guó)傳統(tǒng)哲學(xué)理論結(jié)合起來并將之

表達(dá)在我的作品中。在此基礎(chǔ)上我設(shè)計(jì)出了我的互動(dòng)式Arduino裝置。

Interactive installation

AR

mini Projects

Project 5

24

一大會(huì)址·AR線上旅游

本作品一大會(huì)址·虛擬線上旅游，是一款智能設(shè)備AR識(shí)別軟件。通過手機(jī)端軟

件對(duì)相應(yīng)圖片進(jìn)行識(shí)別，在手機(jī)屏幕內(nèi)得到一次線上旅游一大會(huì)址展館的體

驗(yàn)。開發(fā)技術(shù)使用了Unity的vuforia功能。

該作品分為三個(gè)模塊?

? 掃?識(shí)別含有“一大會(huì)址”四個(gè)字字樣的圖片，即可在屏幕上顯示一大會(huì)址場(chǎng)館的仿真

3D建模AR虛擬影像，獲得足不出戶的線上游覽體驗(yàn)

應(yīng)用場(chǎng)景：地鐵站、宣傳手冊(cè)、廣告等~

? 掃?烈士紀(jì)念碑（圖片），即可體驗(yàn)由虛擬數(shù)字人講解員帶來的對(duì)中共一大會(huì)址的

講解~

? 掃?含有“新青年”字樣的圖片，即可在掃?端瀏覽AR虛擬《新青年》雜志樣刊。

Role Tools (icons set)

UX Research, Interaction Designer, Main Tech 3d

Project 5

25

AR人臉識(shí)別濾鏡

本作品采用3d max和spark AR

制作了一款基于人臉識(shí)別的濾

鏡。

使用工具

3d

Thank you