影沐屋

shadow house

10192900408 李帥

10192900468 袁術(shù)興

指導老師:宋菲菲

PORTFOILO

作品集

Yuan Shuxing

FROM 2019 TO 2022

east china normal university

design school

environmental art design

SHADOW HOUSE

真實場景的搭造與構(gòu)建 1

4 MICRO LONG-TANG

結(jié)構(gòu)技術(shù)與材料選擇

IF YOU LIVE ON TOP OF MOUNTAINS

三維動畫的制作與渲染

9

12

BEYOND COLORS

視聽互動信息制造

DON'T LEAVE 16

ME ALONE

視頻的剪輯與特效制作

TRAVEL GAME

虛擬互動場景的搭建

real space

20

virtual space

現(xiàn)實空間 虛擬空間

SHADOW HOUSE

Start with the material and structure to build a real physical space

建筑改造項目——真實場景的搭造與構(gòu)建

role: team work( with Li Ruixin, Adviser:Song Feifei)

technology: cad, su, rhino7, adobe ps, enscape

keyword: modification

1

150M

300M

距離范圍 飲食 宿舍 學習空間 商店 活動空間

在這個項目中，我們采用了一開一合的方式，

屋頂由半拱混凝土拼接澆筑而成。建筑一層是

一個公共大空間，建筑二層是一個個獨立的小

空間，但是每個空間都相互連通，利用玻瑞幕

墻來進行連接，還設(shè)有室外空間，使建筑更加

開放自由，可以更好地欣賞周圍的環(huán)境。

2

剖面圖 A-A'

剖面圖 B-B'

剖面圖 C-C' 3

MIRCO LONG-TANG

Start with the material and structure to build a real physical space

建筑設(shè)計項目——建筑結(jié)構(gòu)技術(shù)與材料選擇

role: team work( with Li Ruixin, Adviser:Song Feifei)

technology: cad, su, rhino7, adobe ps, enscape

keyword: structure materials

4

弄堂的基本形態(tài) 弄堂的直行路線 連接居民區(qū)和發(fā)廊

形成四條不同方

引導人群視線 向的交通路線

概念—微縮弄堂

功能分區(qū)

5

體量生成：四條不同方向的流線在各個樓層的溝通方式

一層平面 二層平面 三層平面 四層平面 五層平面

在這個項目的設(shè)計中，通過前期的調(diào)研和分析，我們根據(jù)基地周邊存在

的問題和社區(qū)居民的需求，又汲取了上海傳統(tǒng)建筑弄堂中的形式風格，

確立了微縮弄堂的概念，弄堂是居民生活的剪影，是城市生活中不可或

缺的重要組成部分。如何通過弄堂，將人們的生活同繁茂生長的都市連

接起來，是這個設(shè)計項目中的核心問題。我們通過對建筑外輪廓線和內(nèi)

部交通的微妙的角度偏移，來引導人們的視線，使其成為聯(lián)系都市與家

庭的一座橋梁。

6

通過對建筑材料和建筑結(jié)構(gòu)的研究，以真實物理環(huán)境為基礎(chǔ)，進行模擬的空間設(shè)計是我們專業(yè)的重點課程。在課程作業(yè)的訓練中，我進一步加深了對建筑材料與結(jié)構(gòu)

以及場景搭建的理解，提高了我在空間設(shè)計中對材料的運用能力，鍛煉了我由宏觀到微觀，從基本的概念空間營造到具體的節(jié)點細節(jié)設(shè)計的建筑空間設(shè)計能力。

7

咖啡廳室內(nèi)渲染效果圖

咖啡廳室內(nèi)渲染效果圖

建筑外觀渲染效果圖

8

IF YOU LIVE ON TOP OF MOUNTAINS

STUDY FOR DYNAMIC EFFECTS AND THREE-DIMENSIONAL DESIGN

三維動畫制作項目——動畫的制作與渲染

role:independent course work

technology: cad, su, rhino7, 3dsmax

keyword: three-dimensional animation

9

遠景分鏡草稿

側(cè)景分鏡草稿

細節(jié)分鏡草稿

制作分鏡草稿

10

與搭建物理空間相同，表現(xiàn)空間也是設(shè)計中需要面臨和解決的問題 , 利用動畫形式來表現(xiàn)空間是最近興

起的一種表現(xiàn)方法。通過對動畫作品的制作，我熟練地掌握了這些渲染動畫軟件的使用技巧。再加上

我本身專業(yè)所學的空間設(shè)計知識和場景搭建能力，為我向虛擬空間設(shè)計和虛擬場景構(gòu)造方向發(fā)展搭建

了堅實的基礎(chǔ)。

最終制作效果

遠景效果

側(cè)景效果

細節(jié)效果

11

BEYOND COLORS

STUDY FOR ABSTRUCT COLOR ART AND AUDIO-VISUAL DESIGN

音樂拼圖玩具設(shè)計——視聽互動信息制造

role: team work( with Zhang Yiyang,Ren Wenqian, Adviser:Chen Jinming)

technology: adobe illustration, adobe audtion

keyword: audio-visual interaction

12

這個項目是針對 3-6 歲幼兒所設(shè)計的音樂拼圖玩具，我們通過對抽

象藝術(shù)家康定斯基的作品的研究，將幾何圖形、色彩與音樂相結(jié)合，

利用形狀，色彩之間的形式與節(jié)奏關(guān)系與古典音樂產(chǎn)生對應的聯(lián)

系，進行視聽聯(lián)結(jié)的設(shè)計。

設(shè)計互動形式是以實體的拼圖玩具作為交互的基礎(chǔ)，將明亮的色

彩與幾何圖形同輕快的音樂相結(jié)合，制造視聽交互信息。這個項

目也是我對交互設(shè)計的初步嘗試。

同時，在這個項目中，音樂不是單純?yōu)閳D形和圖像而服務，而是

同樣作為設(shè)計的重要環(huán)節(jié)。在數(shù)字媒體藝術(shù)作品的創(chuàng)作中，無論

使用怎樣的形式，音樂、音效或是配音都是作品最終呈現(xiàn)時重要

的組成部分。因此，在設(shè)計中必須將視覺方案與聽覺方案相結(jié)合，

讓兩者相輔相成。

13

《彩色三角形》設(shè)計方案草稿 《白色之上》設(shè)計方案草稿

《構(gòu)成八號》設(shè)計方案草稿

14

為了保證視聽聯(lián)結(jié)交互的效果，同時能夠與拼圖玩具相結(jié)合，我們選擇了感光發(fā)聲元件來播放樂曲。這樣，在拼圖零件的遮蓋下，圖案的顏色被遮蔽，只保留其形狀，

同時，感光孔被遮蔽，感光元件不受光，就不會發(fā)出聲音。移除掉一個拼圖零件后，拼圖下圖案的色彩和感光孔同時暴露，感光元件受光，會播放一段音樂。當所

有的拼圖零件全部被移除后，所有感光孔同時受光，就會一齊發(fā)聲，多段樂曲合并，匯聚成完整的樂曲。根據(jù)移除掉零件的數(shù)目和時間的差異，匯聚形成的樂曲感

受也會有所差異，通過視覺信息的引導使幼兒做出選擇，導致聽覺信息發(fā)生變化，視聽互動的信息就這樣被制造出來，帶來不同的感受。

視覺設(shè)計方案最終效果

實體模型產(chǎn)品展示

15

視頻制作項目——視頻的剪輯與特效制作

role: team work( with Wang Ruran, Adviser:Sun Feng)

technology: adobe pr, adobe ae

keyword: video production post effects

DON'T LEAVE ME ALONE

study for video clips and special effects

16

利用 PR、AE 等軟件對視頻素材進行剪輯和添加簡單的后期特效處理是新媒體運營的必備技能。這個項目是針對防疫而制作的公益宣傳短視頻，在視頻中，我們通過 AE 中的動態(tài)捕捉，

動態(tài)字幕等效果，為小口罩加上了五官和四肢，添加特效，制作了這段溫馨可愛的動畫短片。在短視頻為王的流量時代，能否利用短視頻形式來對產(chǎn)品進行推廣和宣傳，展現(xiàn)企業(yè)文化，

提高企業(yè)影響力，成為了運營所必須擁有的重要能力。我相信，我所掌握的視頻剪輯和后期特效制作能力能夠幫助我更好地利用短視頻平臺進行運營管理。

17

宿舍場景分鏡 樓梯場景分鏡

奔跑場景分鏡

18

戶外場景分鏡

便利店場景分鏡

片尾分鏡

19

TRAVER GAME

study for Interactive design of new media virtual scene

新媒體互動設(shè)計——虛擬互動場景的搭建

role: independent course work

technology: adobe xd, rhino 7, 3ds max,ivx

keyword: new media interaction virtual reality

20

最終作品二維碼

21

這個項目是我個人制作的新媒體交互設(shè)計作品，其交互以線上 VR 虛擬互動游戲為基礎(chǔ)，為此我以專業(yè)所學作為基礎(chǔ)，搭建了虛擬互動所需要的場景。在互動游戲中，

用戶可以通過收集特定的物品，解鎖新的互動場景。H5 是近年來新媒體交互設(shè)計的主流方向之一。新媒體交互設(shè)計是我向數(shù)字媒體藝術(shù)設(shè)計方向邁進的一個簡單嘗試，

同時也使我對現(xiàn)有的交互形式有了一定的了解和認識。我認為交互是鏈接用戶與產(chǎn)品的關(guān)鍵節(jié)點，其本質(zhì)是運營的延申，如何利用交互來搭建起我們與用戶之間的橋梁，

吸引用戶關(guān)注產(chǎn)品，給用戶帶來更好的視聽感受體驗，是每個運營都應深入思考的問題。

22

Yuan Shuxing

email：3052715897@qq.com

tel:13963913819