卡通解密游戏《Mr.R》

用户头像
上海/UI设计师/8年前/1333浏览
卡通解密游戏《Mr.R》
前前后后磨磨蹭蹭三年(这是一句夸张句)做的一套练习,也是直接做了自己比较喜欢的卡通风格。
会比较偏向单机独立游戏的感觉了。会拖很久也是做着做着就想要实现它的感觉。。(想实现的程序快来勾搭我详谈,嘻嘻)
然后就越想越细,越来越多想要做出预览图的界面。
拖了这么久想想还是先出一套发出来吧。。
有机会会单独把接着想做的界面继续做完,给一些创意的界面跳转用AE加上动效(有时间的话..有生之年),所以现在先看文字版吧,哈哈。
emmmm,原本专业是程序猿,现在转行专职做UI以后,感觉和专科出身的小伙伴们不管是想法做法能力上,还是始终有很多差距的(不争气的留下了眼泪)。还需要多多努力啊,欢迎大家点评交流!
卡通解密游戏《Mr.R》(图ZMTExNDc5NjM2) - 游戏UI - 站酷设计师豆浆包包原创素材 - 站酷ZCOOL
收藏
卡通解密游戏《Mr.R》(图ZMTA5MTEzMzE2) - 游戏UI - 站酷设计师豆浆包包原创素材 - 站酷ZCOOL
一开始的游戏标题进入
收藏
卡通解密游戏《Mr.R》(图ZMTA5MTEzMzM2) - 游戏UI - 站酷设计师豆浆包包原创素材 - 站酷ZCOOL
开始后,背后的蓝色方块开始透明化,出现当前用户玩到的房间(也就是关卡),表现上是装在一个蓝色玻璃箱中。
收藏
卡通解密游戏《Mr.R》(图ZMTA5MTEzNDU2) - 游戏UI - 站酷设计师豆浆包包原创素材 - 站酷ZCOOL
进入选择房间画面,左右滑动可以选择房间,从左边可以看到,每个房间剪影外轮廓是不一样的,每个对应一种形状玻璃箱。
收藏
卡通解密游戏《Mr.R》(图ZMTA5MTEzNjA0) - 游戏UI - 站酷设计师豆浆包包原创素材 - 站酷ZCOOL
其中一种游戏主画面,进入关卡的转场效果为:幕布从两侧先拉起来,loading提示:舞台准备中。拉开,刚刚选中的玻璃箱里的房间,可旋转调查,搜集证据了解故事,交互是大致和一般的密室逃脱游戏一样的观察和触摸模式。游戏有两个数值,血量和精神值(要具体展开讲就好像延伸太多了,CUT!)
收藏
卡通解密游戏《Mr.R》(图ZMTA5MTEzOTc2) - 游戏UI - 站酷设计师豆浆包包原创素材 - 站酷ZCOOL
这里的舞台后面地板的几何背景是随着剧情的发展,人物内心的情绪而定的,现在这种我是想营造出一种被新线索震撼到,感动神秘的,疑惑中的赶脚。
收藏
卡通解密游戏《Mr.R》(图ZMTA5MTE0MDc2) - 游戏UI - 站酷设计师豆浆包包原创素材 - 站酷ZCOOL
这里是点击右上的纽扣按钮弹出的设置二级弹窗。
收藏
卡通解密游戏《Mr.R》(图ZMTA5MTE0MTI4) - 游戏UI - 站酷设计师豆浆包包原创素材 - 站酷ZCOOL
这里是回到自己的办公室or家里的时候可以使用的侦探手册。这个分页是调查日志,用来回看自己发现的线索和剧情等,可以点击片段or搜集到的相片、字条等触发活得新证据的地方。(同时助手精灵也会在右下角对证据剧情等进行总结,关于助手精灵也不展开了,大致像是夏洛克边上的花生那种的设定,不过这里设定是小精灵)
收藏
卡通解密游戏《Mr.R》(图ZMTA5NjA5ODUy) - 游戏UI - 站酷设计师豆浆包包原创素材 - 站酷ZCOOL
这里是物品分页,充当了一个背包一样的角色。可以用来回复刚刚提到的HP和SP数值。(感觉顶上用来显示它们的拟物栏我还是没把创意处理好,哎。)也可以装备新的侦探工具等等。
收藏
卡通解密游戏《Mr.R》(图ZMTA5NjA5OTI0) - 游戏UI - 站酷设计师豆浆包包原创素材 - 站酷ZCOOL
这是上一个分页的更加详细一点观察选择的浏览模式。
收藏
卡通解密游戏《Mr.R》(图ZMTA5MTE0Njcy) - 游戏UI - 站酷设计师豆浆包包原创素材 - 站酷ZCOOL
这里同样是办公室or家里的时候的系统——证据整理。可以在这里对所有的字条、相片。自己整理好的证物信息进行,真假与否的判断。这是用来对剧情里发展到指正阶段,像弹丸论破or逆转裁判那样辩论模式的时候要用到的证据进行提前处理的地方。
收藏
卡通解密游戏《Mr.R》(图ZMTA5MTE0Nzc2) - 游戏UI - 站酷设计师豆浆包包原创素材 - 站酷ZCOOL
最后是做了一个获得新证据的地方,这里我直接做了一个霉霉的RED专辑,哈哈哈哈。因为很喜欢她啦,本身预想好的剧情也是一个情杀emmm,爱恨纠葛这样的故事。霉霉的很多情歌都很棒,可以从搜集到被害者和嫌疑人,最近沉浸在听情歌这些地方来铺垫引出动机,霉霉的歌也很棒,可以用来烘托剧情走向。(只是单纯的脑内想法。版权肯定emmm哈哈,没戏)
收藏
卡通解密游戏《Mr.R》(图ZMTA5MTE0OTA0) - 游戏UI - 站酷设计师豆浆包包原创素材 - 站酷ZCOOL
这是挺早的手做的一个当时刚刚有想要做一个侦探游戏练习的想法。做的一个游戏章节过场跳转图。

但是后期开始做的风格都被大家吐槽差别太多了!!于是就在长图里放弃了它。
但是其实我比较倾向于,游戏每一个章节都用不同风格的游戏章节过场图,更加能体现出Mr.R的创意。

游戏之所有叫Mr.R。就是因为游戏每一个章节,主人公的名字都会变化,大家只知道他是Mr.R。全称并不知道,游戏每一章的名字都用一个R开头的单词来做。Such as:Mr.red、Mr.rose这样。游戏调查的时候用read、receive。放松搞笑的小番外分支用rest。剧情雨中追逐用rain。当剧情慢慢开始残酷的时候,就用remember、realize。最后真相浮现的时候就用real。

最后其实还想做证人指正阶段的界面的图的,emmm,先这样吧,有机会再继续。

以上。
收藏
23
举报
|
34
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
扑克牌棋牌游戏UI图标设计素材
游戏UI有点华丽的宝箱
游戏界面图,ui,道具,界面设计,视觉设计
商业插画-游戏ui等等
扑克牌棋牌游戏UI图标设计素材
金币与手素材
扑克牌棋牌游戏UI图标设计素材
扑克牌棋牌游戏UI图标设计素材
扑克牌棋牌游戏UI图标设计素材
神话图腾徽章设计
一个潮流描边城堡恐龙宝宝小木马的概念插画
APP/游戏头像框
扑克牌棋牌游戏UI图标设计素材
【新年UI图标】游戏/娱乐icon
扑克牌棋牌游戏UI图标设计素材
装金币的宝箱
游戏节日古风UI标题框
游戏节日古风UI标题框
卡通3D房子
扑克牌棋牌游戏UI图标设计素材
3D卡通UI界面图标可爱插画免扣素
扑克牌棋牌游戏UI图标设计素材
扑克牌棋牌游戏UI图标设计素材
游戏节日古风UI标题框
魔法卷轴游戏UI设计
你可能喜欢
相关收藏夹
大家都在看
登录注册