影沐屋

shadow house

10192900408 李帅

10192900468 袁术兴

指导老师:宋菲菲

PORTFOILO

作品集

Yuan Shuxing

FROM 2019 TO 2022

east china normal university

design school

environmental art design

SHADOW HOUSE

真实场景的搭造与构建 1

4 MICRO LONG-TANG

结构技术与材料选择

IF YOU LIVE ON TOP OF MOUNTAINS

三维动画的制作与渲染

9

12

BEYOND COLORS

视听互动信息制造

DON'T LEAVE 16

ME ALONE

视频的剪辑与特效制作

TRAVEL GAME

虚拟互动场景的搭建

real space

20

virtual space

现实空间 虚拟空间

SHADOW HOUSE

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

建筑改造项目——真实场景的搭造与构建

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

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

keyword: modification

1

150M

300M

距离范围 饮食 宿舍 学习空间 商店 活动空间

在这个项目中，我们采用了一开一合的方式，

屋顶由半拱混凝土拼接浇筑而成。建筑一层是

一个公共大空间，建筑二层是一个个独立的小

空间，但是每个空间都相互连通，利用玻瑞幕

墙来进行连接，还设有室外空间，使建筑更加

开放自由，可以更好地欣赏周围的环境。

2

剖面图 A-A'

剖面图 B-B'

剖面图 C-C' 3

MIRCO LONG-TANG

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

建筑设计项目——建筑结构技术与材料选择

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

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

keyword: structure materials

4

弄堂的基本形态 弄堂的直行路线 连接居民区和发廊

形成四条不同方

引导人群视线 向的交通路线

概念—微缩弄堂

功能分区

5

体量生成：四条不同方向的流线在各个楼层的沟通方式

一层平面 二层平面 三层平面 四层平面 五层平面

在这个项目的设计中，通过前期的调研和分析，我们根据基地周边存在

的问题和社区居民的需求，又汲取了上海传统建筑弄堂中的形式风格，

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

缺的重要组成部分。如何通过弄堂，将人们的生活同繁茂生长的都市连

接起来，是这个设计项目中的核心问题。我们通过对建筑外轮廓线和内

部交通的微妙的角度偏移，来引导人们的视线，使其成为联系都市与家

庭的一座桥梁。

6

通过对建筑材料和建筑结构的研究，以真实物理环境为基础，进行模拟的空间设计是我们专业的重点课程。在课程作业的训练中，我进一步加深了对建筑材料与结构

以及场景搭建的理解，提高了我在空间设计中对材料的运用能力，锻炼了我由宏观到微观，从基本的概念空间营造到具体的节点细节设计的建筑空间设计能力。

7

咖啡厅室内渲染效果图

咖啡厅室内渲染效果图

建筑外观渲染效果图

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

远景分镜草稿

侧景分镜草稿

细节分镜草稿

制作分镜草稿

10

与搭建物理空间相同，表现空间也是设计中需要面临和解决的问题 , 利用动画形式来表现空间是最近兴

起的一种表现方法。通过对动画作品的制作，我熟练地掌握了这些渲染动画软件的使用技巧。再加上

我本身专业所学的空间设计知识和场景搭建能力，为我向虚拟空间设计和虚拟场景构造方向发展搭建

了坚实的基础。

最终制作效果

远景效果

侧景效果

细节效果

11

BEYOND COLORS

STUDY FOR ABSTRUCT COLOR ART AND AUDIO-VISUAL DESIGN

音乐拼图玩具设计——视听互动信息制造

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

technology: adobe illustration, adobe audtion

keyword: audio-visual interaction

12

这个项目是针对 3-6 岁幼儿所设计的音乐拼图玩具，我们通过对抽

象艺术家康定斯基的作品的研究，将几何图形、色彩与音乐相结合，

利用形状，色彩之间的形式与节奏关系与古典音乐产生对应的联

系，进行视听联结的设计。

设计互动形式是以实体的拼图玩具作为交互的基础，将明亮的色

彩与几何图形同轻快的音乐相结合，制造视听交互信息。这个项

目也是我对交互设计的初步尝试。

同时，在这个项目中，音乐不是单纯为图形和图像而服务，而是

同样作为设计的重要环节。在数字媒体艺术作品的创作中，无论

使用怎样的形式，音乐、音效或是配音都是作品最终呈现时重要

的组成部分。因此，在设计中必须将视觉方案与听觉方案相结合，

让两者相辅相成。

13

《彩色三角形》设计方案草稿 《白色之上》设计方案草稿

《构成八号》设计方案草稿

14

为了保证视听联结交互的效果，同时能够与拼图玩具相结合，我们选择了感光发声元件来播放乐曲。这样，在拼图零件的遮盖下，图案的颜色被遮蔽，只保留其形状，

同时，感光孔被遮蔽，感光元件不受光，就不会发出声音。移除掉一个拼图零件后，拼图下图案的色彩和感光孔同时暴露，感光元件受光，会播放一段音乐。当所

有的拼图零件全部被移除后，所有感光孔同时受光，就会一齐发声，多段乐曲合并，汇聚成完整的乐曲。根据移除掉零件的数目和时间的差异，汇聚形成的乐曲感

受也会有所差异，通过视觉信息的引导使幼儿做出选择，导致听觉信息发生变化，视听互动的信息就这样被制造出来，带来不同的感受。

视觉设计方案最终效果

实体模型产品展示

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 中的动态捕捉，

动态字幕等效果，为小口罩加上了五官和四肢，添加特效，制作了这段温馨可爱的动画短片。在短视频为王的流量时代，能否利用短视频形式来对产品进行推广和宣传，展现企业文化，

提高企业影响力，成为了运营所必须拥有的重要能力。我相信，我所掌握的视频剪辑和后期特效制作能力能够帮助我更好地利用短视频平台进行运营管理。

17

宿舍场景分镜 楼梯场景分镜

奔跑场景分镜

18

户外场景分镜

便利店场景分镜

片尾分镜

19

TRAVER GAME

study for Interactive design of new media virtual scene

新媒体互动设计——虚拟互动场景的搭建

role: independent course work

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

keyword: new media interaction virtual reality

20

最终作品二维码

21

这个项目是我个人制作的新媒体交互设计作品，其交互以线上 VR 虚拟互动游戏为基础，为此我以专业所学作为基础，搭建了虚拟互动所需要的场景。在互动游戏中，

用户可以通过收集特定的物品，解锁新的互动场景。H5 是近年来新媒体交互设计的主流方向之一。新媒体交互设计是我向数字媒体艺术设计方向迈进的一个简单尝试，

同时也使我对现有的交互形式有了一定的了解和认识。我认为交互是链接用户与产品的关键节点，其本质是运营的延申，如何利用交互来搭建起我们与用户之间的桥梁，

吸引用户关注产品，给用户带来更好的视听感受体验，是每个运营都应深入思考的问题。

22

Yuan Shuxing

email：3052715897@qq.com

tel:13963913819