中央财经大学文化与传媒学院2018级视觉传达设计专业《交互界面设计》“云课程”汇报以艺战疫

以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报

 

 

2020年,我们都共同拥有一个无法接触的春天。

武汉的樱花,静悄悄的开了,一场看不见的战争充斥着诺大的世界。

新冠肺炎,好像又陌生又不能再熟悉的词语,霎时间充满人类的媒体、思想和一部分不幸者的体内。与疫病抗争、搏斗,一身身洁白的防护服一只只蓝色的口罩,一条条贴在面颊上的勒痕,不为别的,只为的是生命,与死神殊死搏斗。

又或是但闻人语响却心照不宣的坐卧家中,阿尔贝·加缪在《鼠疫》提到:“如果说世上还有什么东西值得永远向往而且有时还能得到,那就是人间的真情。”

作为中央财经大学文化与传媒学院视觉传达专业的我们,也愿意为这场铿锵的战疫献出我们的真情,恰逢交互界面设计一门课程,视觉传达设计18的同学们将主题对准“新冠病毒”,用艺术的形式开始我们的“战疫”。

 

 

课程简介

《交互界面设计》课程是中央财经大学文化与传媒学院视觉传达设计专业交互方向二年级重要的专业核心实验课程。

不同于以往的界面类设计课程注重UI设计与制作,本次课题更注重学生如何利用交互设计思维对主题进行观察与发现,挖掘信息的时间和空间要素,尝试从文字逻辑到视觉逻辑的转化,并完成拓展性的信息架构联想。学生从始至终都深入主题语境,不断梳理,最终形成对主题的概念确立和个性态度,以此作为主题创作设计的根本前提和判断来源。

而作为交互设计方向的基础课程,培养学生的主动性思维与独立思辨能力,正是在移动互联时代,与人工智能、大数据、信息技术等融合的重要前提,也是创新型复合人才培养的关键所在。

 

本课程前承《交互设计思维》课程,后启《跨媒介品牌与信息设计》课程。
课程主要分为三个阶段:

 

1.了解身边的交互界面设计

2.案例收集与分析整理,设计思维导图训练

3.专项课题设计创作与实践

 

 

以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
 

戴砚亮

中央财经大学文化与传媒学院

视觉传达设计专业

交互设计方向 教师

 

授课方式:

线上会议+录课+线上答疑

授课时间:

第1-6周,每周8课时

教学班级:

视觉传达设计专业18级

作业主题:

“关于新冠疫情的互动可视化图像设计“

要求:

1、根据目前的国内外新冠疫情信息,收集寻找一个自己感兴趣的话题,进行互动信息可视化设计

2、对于主题的选取要以小见大,不一定是关于整个疫情数据信息的统计。可专注于表达一个小的方面,例如你自身感受到的身边环境的变化,又或者是你感兴趣的疫情中的一个新闻的来龙去脉,又或者一个感动你的话题或人物,又或者是基于你自己独特视角的相关数据整理,又或者是关于疫情期间注意事项的解读,又或者是关于口罩,消毒液的使用方法和真假产品鉴别方法,总之切记以小见大,并且有传播意义和价值。我们不是官方的服务平台,没必要去做大而全的统计报告,但我们要做到以自己学生的角度做有“温度”的设计

3、严格按照所学设计思维和判断方法,进行思维导图整理,案例收集,分析,最后形成设计创作。

以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
学生作业方案

关于“云授课”的思考

设计专业在授课方面有其独特的方式,多采用集中式授课。要求学生在相对集中的课程周期内(6周)完成学习、分析、研究与实践设计几方面内容,对二年级学生来讲强度不小。课程前半段主要由教师讲课为主,后半段由学生演示、分析修改创作方案、教师评议为主。课堂讨论气氛较浓,并形成设计小组学习模式。面对新冠疫情爆发后形成的网络授课要求,强制高校教师接受云技术与实时共享带来的互联网教学模式。作为教师必须迅速作出对课程教学方案和教学方式的应急调整。虽作为新媒体设计方向的教师本就对相关的互联网媒介较为熟悉,但开始阶段仍不免手忙脚乱。

如何应对这种突如其来的教学模式变革?如何应对种种不确定性和挑战?经过一个完整的网络授课周期,将作为教师的亲身体会总结如下:

以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
课程网络会议室

以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
超星授课平台

以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
课程大纲

 

1、网络课程教案清晰

较之以往面授课程,教师必须更注重教案的准确梳理、使之结构清晰化、内容具体化。教学课件因为此次远程授课做了大幅度的更新与调整,却因祸得福的使课程总体教学质量获得提升。

 

以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
教师教案设计

2、课程授课痕迹完整

由于每次课程均采用录课与网络会议全程录屏的形式,教师可了解自身讲课过程中出现的问题或者优缺点,这种感觉与面授课程很不一样,相当于是对自身的一次“听课”,对未来个人授课方式和方向有了新的认识。从学生角度获得了一个可以随时收看的教学录像,这对课后复习巩固角度而言大有裨益。

3、学生投入程度更高

因为居家学习(举国基本不允许外出的客观限制),受到的外界干扰较少。学生的作息相对固定,反而对课程的学习投入时间更为充足。这一点从学生提交作业的质量和效率即可以看出。

 

以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
作业思维导图

 

4、师生授课气氛相对面授略有缺失

由于师生隔着屏幕进行交流,教师难以实时与学生进行互动,也无法完全掌握学生的听课状态。教师个人的讲课状态对学生的吸引力减弱,这一点来讲确实是网络授课暂时无法解决的问题。

 

5、艺术实践课的难度

因为艺术专业课程本身强调实践创作。因此纯线上课程带来的难度可想而知。不过通过本次线上授课发现了不少以往不曾使用的会议软件,远程沟通程序。这些软件程序使教师与学生的沟通变得比想象中要容易许多。另外源于艺术设计方向师生专业背景原因,对移动互联设备的使用具有相对丰富的经验。例如有的学生利用笔记本电脑、pad和手机进行多屏互联,在边收听课程的同时,可实时将教师的讲义内容或作业评议建议进行数字转化,还可分出屏幕对教师推荐资料完成整理和阅读。这些优秀的工具和互联技术让远程实践授课变得不那么难以完成(或许某种角度比线下授课效率更高)。应该感谢疫情期间获得的自身经验的提升,这对未来的教学与科研工作都有着巨大的推动作用,也对未来线上授课常态化的趋势做好了提前的演练。

 

以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
作业创作过程

 

 

作品展示

视觉传达设计18班25位同学进行分组,在交互界面设计的课堂中制作出13个信息图表作品,内容从防疫防控用品到疫情中的人与事件均有涉及,形式不一。

 

 

参与课程学生

 

《穿白色礼服的人》

易萱萱、赵雨晨

《宅家消毒指南》

王敏慧、黄山

《我们该戴什么口罩》

李玉茹、李曼溪

《我要回家》

黄诗敏、邹佳橙

《 “我不是网红!”》

谷婷婷、焦广军

《你会使用口罩吗?》

文静、刘可欣

《这是我们的战争:如何正确防疫》

程展、郭娇

《翻滚吧!新冠》

高露洋、李宜真

《新型冠状病毒》

卢妍如

《逆行者们》

周如心、梁珊珊

《欢迎回家》

陈梦圆、彭懿涵

《谣言粉碎机》

王禧萌、丁敏

《特殊的回家之路》

周佳艺、李潇翌

 

 

穿白色礼服的人

 

作者:易萱萱、赵雨晨

以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
此次作业我们是从防护服的穿戴为主题,在抗疫的新闻上我们老是了解到医护人员设备的紧缺,防护服穿戴步骤十分的复杂,医护人员们在一线自己的岗位上发光发亮,我们将他们比喻成穿着白色礼服的人,我们用人物图表示穿戴步骤以及在穿戴过程中各种需要注意的事项,让人们了解到奋斗在前线的医护人员们的辛苦同时也起到了科普作用

 

 

以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
第一版草图与细节图

我们在第一次作业的时候犯过一些问题,例如画面没有拉开关系,颜色粘连,第二次作业的制作与学习我们也总是陷入了自己的世界,似乎将分析案例与完成作业当成了两个部分,完全割离开来了。

后来我们听取了老师的建议,明白了寻找大量案例学习借鉴的重要性。我们总是还没开始就开始想着自己那些没有根据创作,导致一直原地踏步,虽然现在我们的作品也存在有很多的问题,但是在具体研究了几个案例后,对比起来看确实还是整体上明确了很多,我们发现只有不断学习分析,才可能真正的进步。

我们觉得对于所有课程都是如此,都应该不断的借鉴学习,有了大量的设计储备才能做出真正好的作品,而不是凭空制作,更谈不上所谓的设计,我们会吸取此次课程的经验教训,更加努力认真的对待下一次的设计作业。

——易萱萱、赵雨晨

 

 

► 宅家消毒指南

 

作者:王敏慧、黄山

以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
由于疫情的逐渐好转,我们的家人可能已经恢复到了正常工作之中,对外界的接触也会变得更多。面对这种状况,在家中进行一些定期的消毒就显得很有必要。因此我们以“宅家消毒指南”为主题,介绍了一些常见的消毒剂种类以及对于家中不同区域的消毒方法,以此来降低病毒传播的风险,使我们的居家生活更加安全健康。

 

 

► 我们该戴什么口罩

 

作者:李玉茹、李曼溪

以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
我们的灵感来源是国务院联防控制印发的“戴口罩正确方法权威指引”,在其内容中能够具体了解到普通公众、特定场所人员、职业暴露人员和重点人员在什么场合下分别需要戴什么级别的口罩,对我们的日常防护有非常大的帮助。我们将各个场景下的人群2.5d化,做了一个具有空间感的竖构图,以简约虚线为引导线,贯穿全图。

 

 

► 我要回家

 

作者:黄诗敏、邹佳橙

以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
在全球严峻的新冠疫情之下,我们对远在异国他乡的留学生如何生存表示关切。我们考虑到留学生们最为迫切的需求并不是疫情增长数据的获取,而是归国航班信息的筛选。因此我们在全球航班数据中,搜集了一些未被取消仍然可行的“回家路线”给予到他们最有益的帮助,以此进行我们的设计目的——冰冷数据的温暖表达

 

 

以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
思维导图

信息图表设计中无论是图形、文字、表格还是地图,当它们置于画面当中时我们始终要注意元素之间的协调关系,并引导出明确且和谐的视觉路线,帮助用户更好地获取他们所期待的数据信息,增强阅读体验。信息图表设计中抽象信息向图像的直观表达十分重要,其中画面主要图形以及选取的每一个元素都需要统一的意象表现。但是除了数据的图像表现的考虑,我们更需要注意从复杂数据中寻找用户期待的“温度”。在多形式的数据中设计师需要寻找信息之间各式各样的关系随之提炼出有效主题,帮助用户获得他们真正想要的数据内容,从而实现可视化的意义。

——黄诗敏、邹佳橙

 

 

► “我不是网红!”

 

作者:谷婷婷、焦广军

以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
一场疫情,让我们记住许多名字。51岁的张文宏多年来行走医学界,到如今爆红朋友圈。这样一个人引起了我们的兴趣,他是谁?他为什么红?……

基于思维导图,结合案例和自己想法,从医生张文宏和网红张文宏展开信息图表设计。

 

 

以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
制作过程

一开始并不很能理解为什么在学信息图表设计之前要讲很多交互的东西,后来才明白此课程的目的是——用交互设计的思维理解平面的表达。

交互设计思维,这是一个本质的东西,我觉得它可以应用到任何领域中。但是,我还不能很好的运用它,甚至对它的感知都时有时无,我希望自己能在今后的学习中再接再厉,努力理解并掌握。在两幅图表的完成中,学到了很多,有所进步也有不足,进步是在作品的传达中,思维方式有所改善,不足是完成的能力以及眼光都还不够,需要看更多的东西才能有进步。

——谷婷婷

 

 

► 你会使用口罩吗?

 

作者:文静、刘可欣

以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
我们选取了疫情时期我们最需要、最常见最重要的口罩做为主题。平时人们去超市购买生活物资,取快递等都需要戴口罩,但对于口罩常识的了解并不够,此图表目的是希望普及大家使用口罩的基本常识,帮助人们做好正确防护。

我们的图表作品主要以平面化的图示和清新的色彩进行展示,从上至下为从选用口罩到摘下口罩,具有强烈的流程感。

 

 

以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
第一版的绘制与绘制过程

我们选取了疫情时期我们最需要、最常见最重要的口罩做为主题。平时人们去超市购买生活物资,取快递等都需要戴口罩,但对于口罩常识的了解并不够,此图表目的是希望普及大家使用口罩的基本常识,帮助人们做好正确防护。

我们的图表作品主要以平面化的图示和清新的色彩进行展示,从上至下为从选用口罩到摘下口罩,具有强烈的流程感。

——文静、刘可欣

 

 

 

► 这是我们的战争:如何正确防疫

 

作者:程展、郭娇

以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
我们小组本次有关新冠疫情的信息图表设计主要围绕着我们自身居家抗疫为主题,以宣传人们进行正确的防疫措施,介绍科普阻断不同的传播途径来进行防疫,主要从洗手的方法,口罩的使用为切入点,内容围绕一个主体人物去展开,通过引导线把画面中各个部分与人物联系起来,便于读者能更加直观的学习与实践。整体采用亮色调,配以高纯度的颜色,注重画面的通透性与识别性。

 

 

以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
草图设计与制作过程

 

 

 翻滚吧!新冠

 

作者:高露洋、李宜真

以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
我们此次的作品主要展示了三部分内容,历史上大的流行瘟疫梳理。新冠病毒与受体细胞的结合过程,以及一些描写瘟疫的名著和作者介绍。在历史梳理部分我们采用了时间轴的方法,梳理历史上,世界发生的大流行病的历史、起因和影响范围,除了用文字外,我们用更多的图形图像来生动的展现这部分的信息。

画面中央的形象是被我们赋予了主观化思考的病毒形象,另外新冠病毒与受体细胞的结合过程是我们比较好奇也想要详细了解和表达的过程,在这个部分我们分十个小图详细描述了这一过程。

我们本次作品,旨在表达,每一次战胜自然赋予人类的灾难,都是一首盛赞歌。

 

 

 

 新型冠状病毒

 

作者:卢妍如

以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
这次的信息图表,主要是以新型冠状病毒病毒入侵人体细胞为主要的内容,辅助了一些其他内容,如病毒的来源、病毒的传播方式、冠状病毒的7种常见类型以及造成病死率较高的三种类型介绍。风格较为清新,想以一种轻松的方式,向大家科普一些关于这次疫情的小知识

 

 

以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
制作过程

第一次信息图表的练习,我收获了不少。首先,是一个人一组,压力和工作量都非常大,会很担心,但是还是很开心能够完成这次作业,让我对制作信息图表有了一个清晰的认识,从产生想法到收集案例到最后的修改,也很谢谢戴老师给的很多的修改意见。

经过第二次作业的练习也发现了很多问题,一次作业的成功不代表什么,要学会设计的方法和思维才是最重要的。知道了寻找案例的重要性,如何在一个比较迷茫的情况下找明方向风格,怎样将分清主体将主图精细化等等。

——卢妍如

 

 

► 逆行者们

 

作者:周如心、梁珊珊

以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
火神山医院里特殊的年夜饭,是无数“战士”在万家灯火里坚守着的战场,这个黯然无光的春节里,有新冠病毒肆虐,也有逆行者的守望。我们选择了“逆行者们”这个角度出发去完成这个信息图表海报,我们的主体画面以逆行者们的形象来突出表达他们的精神及主题,并与文字结合,介绍了他们的人群构成及他们在这场共同的灾难面前是如何顽强抵抗、冒险“逆行”。

 

 

以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
草图绘制

这次交互界面设计课程的学习,我不仅仅对交互的属性和界面的设计有了更深刻的理解,更重要的是对设计和学习的逻辑思维有了一个正确的方向,并且对设计中解决问题的能力有了一定的经验积累,我相信这对我们在往后的学习才是至关重要的。

——周如心、梁珊珊

 

► 欢迎回家

 

作者:陈梦圆、彭懿涵

以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
我们根据新闻中从伊朗回国的步骤流程来进行信息图表设计。我们想要通过这个信息图表,表达祖国永远是我们最温暖的依靠,无论任何时刻,遇到任何情况,祖国都会挺身而出,永远向我们伸出援助之手,欢迎我们回家

 

 

► 谣言粉碎机

 

作者:王禧萌、丁敏

以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
随着新冠肺炎疫情的迅猛发展,谣言也悄无声息的蔓延到我们的左邻右舍。

你们能想象到“吃香蕉会得新冠肺炎”这看似荒谬的言论,在百度上的搜索量竟然能达到6280万个?

所以我们这次以“谣言粉碎机”为主题进行信息图表的创作,一方面是想让大家了解到关于新冠肺炎广为流传的谣言,另一方面更是希望大家在谣言来临的之际保持头脑清醒,辨别真伪,不盲目听信。

不同于平时的辟谣图表,我们以紫色为主色调,融入波普艺术,添加夸张的插画,使画面更加幽默风趣,吸引人眼球,从而达到粉碎谣言以及科普新冠病毒传播途径和如何防疫的目的

 

 

以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
绘制过程与草图

疫情固然可怕,但我们不能自乱阵脚,做到不听谣、不信谣、不传谣,勤洗手、多通风、出门做好防护措施,早睡早起,健康作息,共待春暖花开之际。

——王禧萌、丁敏

 

 

► 特殊的回家之路

 

作者:周佳艺、李潇翌

以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
我们通过近期对国际新冠疫情的关注和身边有留学生在外留学的情况,选择了最近争议较大的留学生回国事件,对回国流程进行分析并做此图,分析具体疫情间的回国步骤,并告诉海外留学生严格遵守疫情期间的相关规定,欢迎你们回归祖国母亲的怀抱,欢迎你们回家。

 

 

以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
草图与制作过程

 

 

学习总结

通过第一次网络授课,本次交互界面设计课程令视觉传达设计18班的学生受益匪浅。

 

 

以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
通过交互界面设计课程的学习,从一开始对交互界面设计概念的模糊到逐渐清晰化,了解学习了交互界面的特征、分类、以及移动生态圈等理论知识学习,并通过两次的信息可视化图表使自己更加清楚明白了此次课程的学习内容。

在每一次信息可视化图表的修改过程中,老师带领着我们一步一个脚印的向前进步,从一开始的思维导图联系到接下来的案例分析,我们也逐渐明白,一个优秀案例的重要性,会给我们在思路上带来很重要的启发,对信息图表的绘制也会启到十分重要的作用。

——焦广军

 

 

以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
通过这次课程首先是对于思维导图的作用有了更进一步的了解,思维导图对于作业思路有一个很好的引导作用,让思维也会更加的清晰,其次是在作业过程中对于疫情内容数据的统计总结有了更多的认识,特别是对于有关疫情谣言的进行调查后才真正了解“病急乱投医”这句话,一看就不可能的事情却还是有很多人去相信。疫情固然可怕,但我们不能自乱阵脚,做到不听谣、不信谣、不传谣,做好防护措施,早睡早起,健康作息,共待春暖花开之际。

——王禧萌、丁敏

 

 

以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
在学习交互界面设计这门课的过程中,我们掌握了许多有关排版和交互界面设计的知识和经验,同时也在积累案例的过程中提高了自身的审美。一步步完成作业时,两个人之间的交流反馈,也使得我们能更快地发现一些疏漏的问题。最终,两次作业虽然算不上完美,但我们在每一次修改的过程中都尽力做到最好。在解决老师提出的问题的同时,发现更多潜在的问题,再将这些问题逐步改正。因此我们也可以很明显地看出,作业的最终版本相较于初版得到了非常大的进步,这便是我们在这门课中获得的最大收获了

——王敏慧、黄山

 

每一次战胜自然赋予人类的苦难

都是一首生命的圣赞歌

每一次战胜不可预测的疾病

都是一次人类的洗礼

加油武汉,加油中国,加油世界

加油你、我、我们

 

以艺战疫 :中财视传设计专业《交互界面设计》“云课程”汇报
关注 关注
关注
返回顶部