成就情感的设计(关卡)

成就情感的传达设计,比较典型的应用场景就是游戏中的成就设计,比如游戏关卡地图或章节等场景。“ 课程:平面设计基础”课程内容。(属于余永海@情感设计)

现实生活中,成就情感是驱动人们完成各种事务的情感,可以借助相关事物来传递这种成就感,比如看完的一本书、做好事的一朵小红花、取得成绩的一个奖杯、为家庭盖了一座房子、做完事后的一个笑脸、编写的一个故事等。任何事物,只要能与成就相关联的,都具备激发和传达情感的能力。

有关卡设计的游戏,关卡的完成就是典型的成就,能够传达玩家取得的成绩。

一、关于游戏关卡地图

游戏地图是呈现游戏世界的视觉内容,大部分地图上设置了可玩的关卡,游戏由此地图一步步展开,因此这种地图就叫关卡地图,很多手机游戏的地图就是关卡地图。

关卡地图是游戏世界的总览,通过地图可以传达很多内容,比如“游戏世界观”,告诉大家这是什么游戏,要做什么事情,达到什么目标,等等。总之,关卡地图是一个非常重要的视觉内容,也是情感设计很重要的承载。

(1)《英雄无敌》的关卡地图

《英雄无敌》游戏的地图就是故事剧情,也是玩家过关的成就地图。

第一篇女王回归的地图,目前为未踏足前状态。包含第2、3、4章的故事。

从下图可以看到“章”关卡群的图形设计,以及“未征服”“征服中”和“星”成绩等信息。

玩家踏足后,第一篇的地图,呈现该篇的3个章。其中第2章已经开始征战,第3、4章尚未征服。点击第2章进入下图,第2章的地图。

从下图可以看到“节”关卡的“征服前”和“征服后”状态变化。

进入第2章地图后,呈现的10个关卡(节)。目前是第2-9关,玩家已经兵临城下,准备进攻。


攻下第2-9关后,关卡呈现3星成绩。


(2)《忍者必须死3》的关卡章节

大部分跑酷游戏,缺乏世界冒险剧情内容,因此不太需要世界地图,直接以章节故事方式,更灵活的展开故事剧情。一般是章节二级结构,章为大故事,包含一群关卡;节为小故事或片段,就是关卡。


《忍者3》的世界故事,这里共有7个章。谁帮我截个屏,要有很多章的那种。


《初章》章下的节片段,有7个节,即7个关卡。


(3)《纸片少女》游戏的关卡地图

《纸片少女》解谜游戏的关卡地图。可以看到游戏世界的风格。这是令人好奇的世界,只是关卡成就的视觉化很弱,关卡前后几乎无变化。

关卡地图呈现了所有关卡,但没有呈现出任何成就感的信息。只有关卡数字颜色的变化,成就感极弱。

成就情感的设计(关卡)_第1张图片
《纸片少女》的关卡


(4)《保卫萝卜3》的关卡

同样是没有世界地图,但成就感很强。


《保卫萝卜3》的各章,目前进度是第一章“工厂”。


《保卫萝卜3》的“工厂”章中的各个关卡。


二、关卡地图的成就情感设计

成就是驱动人们努力完成事情和拒绝挫折的情感动力。成就可以从两个角度去驱动:

关键一:关卡成就的可视化。成就要让人看见,通过视觉化的成就感来激发用户。要呈现活动之前和活动之后的差别变化,表达出努力的结果。比如,原先恶魔出没的破碎墓地转化为鲜花绿地的纪念花园。

关键二:关卡成就的成长性。表现成就进展,利用成就的阶段性,驱动进一步行动。人们对没做完或者有待提高的事情,都会有继续完成完善的强迫症,这就是追求成功完美的成就感和逃避厌恶缺憾的挫折感的作用。比如,一星、两星和三星的标注。不过这种三星过关设计很无聊,我个人喜欢可成长的动态关卡,就像一个城堡,根据你在此关卡的成就来增添新事物,长出新东西或者士兵。

其它,成就的个性化。这是人的自我情感作用,让关卡具有一定的个性化。比如,被你占领的关卡飘起你的旗帜;被某种族英雄征服就呈现该种族特点,比如关卡工作的小人。

三、作业:成就情感设计,关卡地图

命题:选择一个游戏的关卡地图,对其中三个关卡(先完成一个)进行成就的图形设计,要求设计几种成就状态:未征服、被征服、发展、辉煌。

图形风格请根据自己表现技能和风格爱好,选择某个游戏关卡地图做参考,可以与原作统一,也可以重新改造地图和关卡风格,只要地图和关卡是统一协调即可。

评价标准:(1)美感,画面优美。(2)故事归因,图形的4个状态变化是有明确因果联系的,有剧情内容。(3)成就感,让人感觉非常了不起、荣誉感。不反对出现幽默搞笑。

四、学生作业


江志文作品,烛 杀手
成就情感的设计(关卡)_第2张图片
单程洁作品,关卡的演变


黄雪奇作品


成就情感的设计(关卡)_第3张图片
汪佳文作品


成就情感的设计(关卡)_第4张图片
张馨予作品


陈佳丽作品


成就情感的设计(关卡)_第5张图片
陈嘉威作品


成就情感的设计(关卡)_第6张图片
邵羽作品


成就情感的设计(关卡)_第7张图片
叶祎姿作品


成就情感的设计(关卡)_第8张图片
赵海燕作品


严嘉仪作品


成就情感的设计(关卡)_第9张图片
赵灿作品


成就情感的设计(关卡)_第10张图片
朱荣作品



五、参考资源:

资源链接:花瓣-游戏关卡、游戏地图;

参考图例:

1、优秀关卡设计,源自站酷,作者“蹦蹦_bengbeng”,详细请点击:链接。

源自站酷,作者“蹦蹦_bengbeng”,详细请移步上面链接

2、优秀游戏界面-“你好玉米-UI设计”,作者“suyong0”,源自站酷,原文链接。

成就情感的设计(关卡)_第11张图片
优秀游戏界面-“你好玉米-UI设计”,作者“suyong0”,源自站酷,请点前面原文链接。


3、很简单的平面线条画。视觉效果非常不错的地图,就差关卡成就了。

成就情感的设计(关卡)_第12张图片
来源web

4、站酷,设计师苅安,链接,也较简单的图形风格。

成就情感的设计(关卡)_第13张图片
作者:设计师苅安,源自站酷

5、《斗兽战棋》的冒险地图关卡。非常普遍的地图方式,一张背景美图,一串珠子,变化下颜色区别过关成就。仿三维效果的风格。关卡过于简单。

成就情感的设计(关卡)_第14张图片
《斗兽战棋》

6、一些样式资源

成就情感的设计(关卡)_第15张图片
关卡资源


成就情感的设计(关卡)_第16张图片
其实关卡更应该做成小蘑菇、礼盒或者棒棒糖样子。


成就情感的设计(关卡)_第17张图片
图片发自App


成就情感的设计(关卡)_第18张图片
图片发自App


成就情感的设计(关卡)_第19张图片
图片发自App


成就情感的设计(关卡)_第20张图片
图片发自App


成就情感的设计(关卡)_第21张图片
这是典型的偷懒做法,不要在成就感上省吃俭用。

你可能感兴趣的:(成就情感的设计(关卡))