多媒体设计师/徐诗桐 MULTIMEDIA DESIGN

关于作者|About Designer

徐诗桐 EVIE XU

1996-03-20 四川-成都 硕士

2019.3 - 2020.12 Monash University|莫纳什大学

多媒体设计：

即数字艺术。作品包括平面设计、3D设计、动画动效

设计、UI|UX设计等。

此作品集收纳作品包含:

品牌视觉项目设计、手绘插画、游戏周边、UI设计、

3D游戏美术作品、VR|AR场景设计等。

个人经历：

2019.3 - 2021.1 莫纳什大学多媒体设计专业硕士

2021.3 - 2021.10 SHEIN澳洲公司签约服装插画师

2021.3 - 今 自由职业插画师

品牌|视觉项目

01 服装印花设计|SHEIN品牌x设计师联名

02 京东电商banner插画设计

03 byJango品牌包装设计

04 Twinings品牌包装设计

手绘插画作品

01 原神“海灯节”同人插画

02 天涯明月刀游戏周边插画

03 其他插画

界面|UI设计

01 游戏界面|icon设计

02 “FIRE” Music Festival APP UI|交互设计

03 “Pipeline”UI|LOGO设计

3D作品

01 虚拟现实|口译员培训项目VR设计

02 3D游戏美术作品

01

03

04

07

10

11

12

13

15

16

17

21

品牌|视觉项目

01 服装印花设计|SHEIN品牌x设计师联名

02 京东电商banner插画设计

byJango品牌包装设计

03 Twinings品牌包装设计

04

1

服装印花设计|SheIn品牌x设计师联名

服装印花设计

SheIn品牌x设计师联名

2009年创建的主体品牌SHEIN，全面打造其专

属网站shein.com；品牌涉足多个国际主流电

子商务平台amazon、aliexpress;拥有1000

万客户，覆盖全球224个国家和地区,主要经

营女性快时尚领域。

“鬼马女生”系列作品为SHEIN(澳洲公司)与

设计师联名项目,自2021年10月在澳洲官网上

架,迄今已售约1000余件。

此系列作品由5张图构成，灵感来源于2007年

的“非主流”文化，以具有张力的造型设计

作为象征，体现都市少女的活力。采用黑白

装饰画的设计特点，以细腻的柔美的线条感

给人以强烈的视觉冲击力。

同时变换的发型图案可以与着装者的发型相

匹配，赋予商品趣味性和互动性。

成衣展示|Product exhibition

服装印花设计|SheIn品牌x设计师联名

2

鬼马女生系列印花设计|Pattern Design

3

春季大牌神券日活动，“京心宠爱宝贝趴”为主题的母婴商品海报设计。

京东电商banner设计

京东电商banner插画设计

4

主包装插画设计|Illustration Design

Twinings品牌包装设计

英国皇茶品牌TWININGS创于1706年,历史悠久,是

英式饮茶的代表，如今风靡全世界100多个国家。

此系列作品为TWININGS的中国市场所设计。选取

旗下“英式早餐茶”“纯天然绿茶”“花果茶”

三种茶品进行包装及礼盒的系列再设计。

产品主包装选取中国传统色暗玉紫、苍绿、刚青

三大色系，对应三种不同口味的茶饮。采用云纹

等中式元素，通过线条的方式展现饮茶的故事。

包装插画叙述了英式与中式宫廷女子饮茶的场景

，颇具趣味性的中英结合更好的回馈产品的市场

定位，同时增添了故事性。

Twinings品牌包装设计

5

Twinings品牌包装设计

产品依旧以茶包的形式提供，内盒以环境

友好理为基础进行设计。

内盒设计灵感来源于“首饰盒”，通过翻

折、抽屉的形式拿取产品，精致典雅的形

象使包装盒更具有收藏和再利用价值。

内盒|礼盒设计

6

Twinings品牌包装设计

产品效果展示|Product Visual exhibition

byJango品牌包装设计

包装插画设计|Illustration Design

byJango品牌包装设计

“byJango”，一个小众香水品牌，

“ATARA”为旗下香氛之一。“byJango”

谐音Jungle意为“丛林”。本设计从“丛

林”出发，为“byJango”品牌打造一系

列以丛林为品牌故事的香水产品。

“ATARA”一词取自印度语，寓意着神

秘的魅力。包装元素结合了印度丛林

中光怪陆离的植物、五花八门的动

物。包装遵循热带雨林的色调，以绿

色为主，佐以少量鲜艳奇异的色彩，

增强了视觉上的冲击与神秘感。

动物与植物的适应结合，在造型和表

达上增强了故事性与趣味性。古灵精

怪的动物，神秘莫测的植物迎合了丛

林的神秘魅力，同时符合“ATARA”的

产品定位。

7

商标设计|Label Design

byJango品牌包装设计

8

byJango品牌包装设计

9

通过U3D引擎，为“ATARA”设计并

构建AR体验。提升交互性和用户

参与度来增强产品吸引力。

沉浸式环境|AR体验

手绘插画作品

01 原神“海灯节”活动插画

02 天涯明月刀游戏周边插画

03 其他插画

10

原神“海灯节”活动插画

11

天涯明月刀游戏周边插画

产品效果展示(马克杯+杯垫)|Product Visual exhibition 插画设计|Illustration Design

12

其他插画

插画设计|Illustration Design 产品效果展示|Product Visual exhibition

界面|UI设计

01 游戏界面|icon设计

02 “FIRE”Music Festival APP UI|交互设计

03 “PIPELINE”APP UI|LOGO设计

13

游戏界面|icon设计

游戏界面|icon设计

2009年创建的主体品牌SHEIN，全面打造其专

游戏风格为中国玄幻风，因此在设计中着重

展现了国风元素，采用祥云、卷轴、图腾、

泼墨效果等元素展现中国古代艺术的精髓；

同时，在伙伴形象的选取上采用《山海经》

中的就角色，凸显中国玄幻风格。

在整体配色的选取上，采用“黛绿”作为背

景色调，面板为“胭脂红”与“牙黄”，皆

为中国传统色彩。视觉效果上统合了传统的

“五色体系”和“水墨画”艺术，打造出浓

厚的仙侠玄幻效果。

右下两图标分别为种族图标和升级按钮图

标。种族图标采用传统印鉴效果，其中繁体

的“兽”字代表了角色的身份种族；修炼按

钮采用图文并行的方式，篝火的形象象征了

在火种淬炼、修炼，具有视觉导向作用。

界面图形设计|GUI Design

功能图标绘制|Icon Design

1 2 3

技能图标绘制|Icon Design

14

设计理念

界面元素依旧采用中国古代风格，屏风、灯

笼、梅花皆符合古人祈福场景元素。面板背

景同样以水墨画的形式体现，印有许愿物品

的名称

道具名称：压胜钱

压胜钱也叫做厌胜钱、押胜钱，古代用于压

邪攘灾和祈福祥瑞之物。人们认为，钱币代

表天地之道，圆形方孔代表天圆地方，可通

神辟邪，有逢凶化吉的魔力。《辞海》释

义：古代方士的一种方术，谓能以符篆制服

人或物。有倾覆、适合、抑制、堵塞、掩

藏、压制的意思。压制邪魔，取得胜利，即

为压胜。

许愿道具采用3D模型的方式呈现，在界面中

可360度旋转，以达到玩家与其交互的功能。

界面图形设计|GUI Design

游戏界面|icon设计

许愿道具模型+绘制|Item Design

“FIRE”Music Festival APP UI|交互设计

15

“FIRE” Music Festival APP是为墨尔本

音乐节设计的一款活动APP，涵盖搜索

事件、点评、购票等功能。

此APP面向广大年轻人群体，整体设计

风格偏热情与活力，音乐、烟火、舞台

是音乐节不可缺少的元素。界面元素色

彩饱和度高，与暗色调背景形成鲜明对

比，凸显主体功能。

UI|交互设计 插画设计|Illustration Design

“FIRE”Music Festival APP

“PIPELINE”APP UI|LOGO设计

“PIPELINE” 是一款兴趣探索类生活导览APP，根据用

户的喜好推送相应的娱乐场所。LOGO由管道元素组成

并与品牌名称相契合，使用字体清晰易读且现代化。

06 UI|LOGO设计

商标设计|Logo Design

16

“PIPELINE”APP

3D作品

01 虚拟现实|口译员培训项目VR设计

02 3D游戏美术作品

虚拟现实|口译员培训项目VR设计

该设计旨在利用虚拟现实技术培训口译员，为其提供一个真实

的、身临其境的、互动式的学习体验，通过VR的形式来模拟处

理基于现实工作中可能出现的挑战。

此设计涵盖四个场景，包括医院、警察局、法庭、心理咨询

室。通过模拟演绎一名被家暴的雇主的历程，引导口译员在不

同场景进行交互。本设计使用U3D引擎构建VR场景，用户可通过

头戴设备或Google Cardboard 进入应用程序。（此作品集仅呈

现医院场景设计）

目前社会对于口译员的正规培训大多是在教室里完成，学习者很少

有机会在一个真实的环境中得到锻炼。此项设计为口译员培训行业

提供了一个非传统的、高成本收益的代替方案。

17

虚拟现实|VR设计

医院场景设计|Hospital Scene Design

成果链接：https://www.youtube.com/watch?v=3W4Xs1jc0X0&feature=youtu.be

口译员培训项目

18

虚拟现实|口译员培训项目VR设计

在U3D引擎中构建场景，添加道具、灯光、

声音等元素进行渲染，使VR环境趋于真实。

项目实机演示|VR视角

虚拟现实|口译员培训项目VR设计

19

简洁清晰的界面美术设计，有利于用户快速熟悉并

使用该应用，高效率地获取文字及图形信息。

GUI(UI)设计|应用界面

虚拟现实|口译员培训项目VR设计

20

此项目采用gazing操控来替代传统的手

摇触控柄，以确保Google Cardboar使

用者能够运行该应用。

宽屏、大面板、少文字的设计保障了用

户能够通过少量头部旋转，精准地选中

操控内容，与虚拟环境进行交互。

GUI视觉效果|VR环境

GUI Visual Effect | Virtual Reality Environment

3D游戏美术作品

21

左上为一组简单的人物动画，包含行走、拳击、颠球、坐下的姿势。

右下手柄为静物仿真建模。后期利用Maya Arnold合成灯光渲染。

3D游戏美术作品

角色动画

22

3D游戏美术作品

23

3D游戏美术作品

3D游戏场景低模练习