福州大学厦门工艺美术学院数字媒体艺术系2017级研究生线上毕业作品展专辑——《光逐影》皮影风格同人头像生成APP

光逐影
作品:《光逐影》皮影风格同人头像生成APP

作者:2017级专业型研究生许青青

指导老师:何俊

作品名:   《光逐影》

应用类型:休闲娱乐类应用

内容主题:非遗知识学习、休闲拼脸

应用简介:《光逐影》名字的灵感来源于皮影戏的表演  方式,它是一款以国风游戏《剑网3》中角色为原型的皮影风格头像生成应用。

玩家人数: 单人

操作平台: 手机、移动设备端

操作系统: 安卓、IOS系统

语言:       中文

目标人群:《剑网3》玩家,同人文化爱好者,其它对    拼脸应用有兴趣的用户

应用特点:希望能够利用游戏与同人文化的双重力量,  对于皮影艺术的传播形式进行补充,希望这种创新的形式,能使皮影艺术走进年轻一代的视野,使更多的人接触、了解到皮影艺术,能够重新引起一些年轻人起对于皮影艺术的兴趣与关注,寓教于乐。

01设计灵感:

作者首次接触并被皮影艺术吸引是通过2018年《剑网3》九周年嘉年华与非遗传承人合作在北京奥体公园站展出的的“老五门”皮影人物。

数字媒体艺术系 17级研究生线上毕业作品展专辑——《光逐影》皮影风格同人头像生成APP
       在2019年底进行论文选题时《古剑奇谭3》中龙宫关卡

数字媒体艺术系 17级研究生线上毕业作品展专辑——《光逐影》皮影风格同人头像生成APP
        以及内置千秋戏卡牌游戏

数字媒体艺术系 17级研究生线上毕业作品展专辑——《光逐影》皮影风格同人头像生成APP
对于皮影元素的创新运用,又再次勾起了我对于皮影的兴趣。

在查找相关资料后,作者发现皮影艺术现阶段的传承陷入了一个相对比较艰难的处境,虽然一些皮影艺人也开始运用快手、抖音等短视频软件进行皮影艺术的传播,但是这类软件也是基于用户大数据进行内容的推送,皮影这种传统技艺仍然很难走进年轻人的视野。作者同时作为一名玩家与同人文化爱好者,深知游戏同人文化的传播力与影响力,希望能利用这种力量皮影艺术的在当代传承做些力所能及的事情,在对皮影风格与国风游戏同人头像进行相关分析后,我们发现皮影风格与国风游戏同人头像具有一定的契合度,而现今市场上的头像应用均是Q版、卡通风格为主(如《MYOTee脸萌》、《CHARAT YOCO》等),皮影风格的头像生成应用还属空缺,遂希望设计一款皮影风格的同人头像生成应用《光逐影》。

 

02设计思路

数字媒体艺术系 17级研究生线上毕业作品展专辑——《光逐影》皮影风格同人头像生成APP
 

03Demo展示

https://v.qq.com/x/page/u0937uhefr3.html?pcsharecode=&sf=uri

 

04流程框架

数字媒体艺术系 17级研究生线上毕业作品展专辑——《光逐影》皮影风格同人头像生成APP
《光逐影》流程图

数字媒体艺术系 17级研究生线上毕业作品展专辑——《光逐影》皮影风格同人头像生成APP
《光逐影》原型设计图

 

05界面设计

1.登录与注册页面

因为古代皮影演出使用的幕布是用纸糊的,又因古时制纸技术的局限,所以幕布也呈黄色,用以打光的灯是油灯也呈现昏黄的色调,常用来制作皮影的牛皮也是黄色,因此《光逐影》的界面配色上以黄色调为主,辅以皮影常用的红色调以及淡青色形成冷暖的对比。在页面上下各有一条回形纹作为装饰。在按键的样式上,采用了更加具有中国风的竖体样式,以及具有皮影风格的按键边框。

数字媒体艺术系 17级研究生线上毕业作品展专辑——《光逐影》皮影风格同人头像生成APP
2.主界面

数字媒体艺术系 17级研究生线上毕业作品展专辑——《光逐影》皮影风格同人头像生成APP
数字媒体艺术系 17级研究生线上毕业作品展专辑——《光逐影》皮影风格同人头像生成APP
《光逐影》主页的背景图片,对山石、树木的结构和纹理使用偏白的亮色虚线进行装饰,以模仿了皮影中对于景片的装饰手法。《光逐影》的logo由“光逐影”三个汉字进行变形组成,采用了皮影常用的花叶元素与祥云元素,文字内有镂刻装饰。

在角色形象的部分,作者使用皮影风格绘制了《剑网3》中女孩、成女、男孩、成男的初始形象。当该角色被选中,角色剪影的按键变为有灯光亮起的效果,就像皮影戏开场演出一样。

 

3.“灯影录”界面

数字媒体艺术系 17级研究生线上毕业作品展专辑——《光逐影》皮影风格同人头像生成APP
界面右侧有一皮影花枝向左伸出,形成一种视觉上从右至左的导向性。这里花枝的质感是猪皮的白色,是未进行敷彩的状态。花枝上有比较大的三个花苞,当用户完成“点卯”、“知新”与“温故”三个每日任务后,对应的花苞将相变为敷彩后的红色,在枝头摇曳提示用户点击。用户点击后将会获得奖励的通宝,用户获得的累计通宝数量将在界面右下方显示。

“点卯”就是古代官员的“上班打卡”,所以这里为了更有国风韵味,用“点卯”代替了“签到”,它的功能就是签到,点击后会跳转到点卯页面进行画卯(签到)。

“知新”是非遗小知识页面,会向用户介绍一些关于非遗的知识,每日进行更新,希望用户可以通过“知新”的阅读更好地认识非遗、了解非遗。

“温故”是根据当日更新的“知新”内容进行的题目考核,答对一道题目将获得一定数额的通宝。

 

4.拼脸功能界面

数字媒体艺术系 17级研究生线上毕业作品展专辑——《光逐影》皮影风格同人头像生成APP
《光逐影》中的可选素材模块设计综合考虑了皮影的结构特征,以及《剑网3》中的外观与捏脸系统,分为门派套装、发型、成衣、脸型、眉眼颜色、眼影颜色、眼瞳样式、嘴唇颜色、贴花、背景共计十个可选部分。其中发型对应皮影的发饰(帽饰)部分,成衣对应皮影的身段部分,脸型对应皮影的脸谱部分,背景对应皮影的景片部分。用户可用手指进行左右滑动进行选择。当用户选择该模块时,按键上的灯光效果会亮起,呼应皮影的主题。页面的按键均为作者手绘的皮影风格样式。当用户选中相应素材时,会有红色的镂空边框提示用户已选中,上方的头像预览效果也会随之更新。

数字媒体艺术系 17级研究生线上毕业作品展专辑——《光逐影》皮影风格同人头像生成APP
《光逐影》的拼脸流程示意图

数字媒体艺术系 17级研究生线上毕业作品展专辑——《光逐影》皮影风格同人头像生成APP
《光逐影》的部分UI设计

 

06可选部件及生成头像展示

《光逐影》的可选部件设计是以《剑网3》中角色造型为基础的,再加以皮影风格的艺术加工,即提取皮影造型上具有明显辨识性的特征、元素,将两者进行创意重构——在保留原有游戏角色造型样式的同时对其外轮廓进行皮影的抽象简化,在内部以点线面等装饰性纹样进行装饰,在脸型上作以戏曲化脸谱化变形等。

数字媒体艺术系 17级研究生线上毕业作品展专辑——《光逐影》皮影风格同人头像生成APP
《光逐影》的发型部件设计(一)

数字媒体艺术系 17级研究生线上毕业作品展专辑——《光逐影》皮影风格同人头像生成APP
《光逐影》的发型部件设计(二)

数字媒体艺术系 17级研究生线上毕业作品展专辑——《光逐影》皮影风格同人头像生成APP
《光逐影》的部分服装部件设计(一)

数字媒体艺术系 17级研究生线上毕业作品展专辑——《光逐影》皮影风格同人头像生成APP
《光逐影》的部分服装部件设计(二)

数字媒体艺术系 17级研究生线上毕业作品展专辑——《光逐影》皮影风格同人头像生成APP
《光逐影》中四体型基础脸型与皮影、旦角对比

数字媒体艺术系 17级研究生线上毕业作品展专辑——《光逐影》皮影风格同人头像生成APP
《光逐影》中萝莉脸型与《剑网3》玩家捏脸对比

数字媒体艺术系 17级研究生线上毕业作品展专辑——《光逐影》皮影风格同人头像生成APP
(部分)《光逐影》背景素材与生成头像效果图

数字媒体艺术系 17级研究生线上毕业作品展专辑——《光逐影》皮影风格同人头像生成APP
(部分)《光逐影》可选素材与生成头像效果图

数字媒体艺术系 17级研究生线上毕业作品展专辑——《光逐影》皮影风格同人头像生成APP
《光逐影》门派套装展示

 

07设计的目的与意义

娱乐意义

皮影风格在当代已成小众,《光逐影》将《剑网3》中的游戏角色形象使用皮影的风格展现,平面装饰风格从视觉上看就十分新颖独特,给人耳目一新的感觉,令用户在使用中获得不一样的审美体验。移动端的头像生成APP能够使用户随时随地在碎片化的时间中使用,达到调剂心情、休闲放松的目的。

《光逐影》中四个体型的设计与丰富的可选素材,可以使用户随心搭配,组合生成出百变不同的头像形象,生成的头像可以用于各种社交媒体中,具有一定的娱乐意义。

数字媒体艺术系 17级研究生线上毕业作品展专辑——《光逐影》皮影风格同人头像生成APP
教育意义

《光逐影》中的灯影录部分,除了每日打卡的功能外,“知新”模块会每日更新一项关于非物质文化遗产的知识小贴士,“温故”模块会从当日更新的贴士中随机抽取知识点对用户进行校考。通过这两个模块用户每天都可以通过《光逐影》了解到一些关于非遗的知识。完成灯影录任务可以累积《光逐影》中的虚拟货币,进行特殊素材的解锁,使用目标与奖励的游戏元素提高用户的参与度,同时也丰富APP的乐趣性。利用一种创新的方式寓教于乐,将我国优秀的传统文化用当代年轻用户更易于接收和接受的方式进行引导和传递,以期达到传递非遗知识与教育的意义。

 

传播意义

 《光逐影》借助游戏原作的与同人文化的双重推力,希望能对皮影艺术的在当代的传播进行一次小的补充。《剑网3》成熟的玩家同人生态圈是作者之所以以《剑网3》中的游戏角色作为原型的原因之一,同人文化的力量可以使本身并没有知名度的同人作者的作品也能得到比较好的曝光与传播。很多网友表示“第一次看到这种画风”、“很特别”、“皮影风格好棒”、“很酷”、“喜欢”也有网友表示想要“抱走当头像”。17173剑网3专区、剑三通APP、玩家在QQ空间自发成立的剑网3同人墙等展示平台也都对《光逐影》皮影头像进行了转载。

通过游戏原作与同人文化的力量,《光逐影》皮影头像得到了较为良好的传播,而它在传播过程中也是对于皮影艺术的一种创新的继承与很好宣传。有利于更多的年轻群体接触与了解到皮影艺术,对皮影艺术在现代的传播进行补充与助力。

 

关注 关注
关注
返回顶部