欢迎光临散文网 会员登陆 & 注册

被绿的克苏鲁!

2023-04-12 15:29 作者:叶子网络官方  | 我要投稿

叶子学堂游戏UI22届实体班作品复盘

~新的一期分享它来了~

本期邀请的分享嘉宾是实体班的起司同学!

话不多说!

设计师:起司

指导老师:23K、皮皮 



收集资料

最初的想法是做一套能体现手绘能力的,加上自己喜欢克苏鲁的风格。在出海报的时候,我理解的克苏鲁应该是不明状的恐怖、血腥、怪诞的,黑暗的。尝试了很多风格稿后,最终就确定了现在的这版偏写实风格的。

遇到的问题

  • 做这张海报时,用英文去当标题。无意中发现两个O刚好遮住眼睛,别有一番怪诞风味,所以保留了英文虽然效果好了,但对文案却有了难度,要有2个O正好遮住眼睛,又要O两边的单词长短不要差距太大,又得贴合主题

最后想到头秃,最后,定下标题“NO ECHO OF HERE”。




初期情绪版

也根据海报提取了一些关键词:

筛选关键词





寻找风格

初稿,刚开始只是照着第一张风格稿的方向去延展成套的设计,但是没有考虑它的游戏性,于是不出意外的,在推进过程中卡住了。

遇到的问题

  • 层次少了,颜色单一

  • 缺少游戏感,像是艺术插画,没什么交互

  • 没想好是做手机端还是PC端,以及游戏的玩法


登录界面


调整后,定下了墨绿加金色点缀的配色。

也重新梳理了关键词:雾气,眼睛,触手,放射性线

遇到的问题

  • 空间层次单薄,主次区分不大,人物背后设计没有考虑清楚

  • 克苏鲁阴暗氛围不强

  • 字体也很奇怪,不符合画面气质,标题不明显

感觉黑暗中像是会出现什么恐怖的事物,加上了雾海和触手来烘托这种诡异的气氛。同时对背景花纹也做了几版尝试。

遇到的问题

  • 人物背后加了光后,抢了标题的风头

  • 前景没想好做什么,胡乱加了点触手,导致不知如何推进


最终版

经过老师的建议,最后确定了这一版。


关卡界面

遇到的问题

  • 颜色很灰很脏,缺少层次

颜色做了修改后,加入了“音波”这个元素。

其实这时候已经陷到刻画“脑子”里去了,光想着怎么画细节了。


多方案对比

根据老师的建议尝试更多的排版形式。这里我想让大脑的中心有不一样的感觉,尝试特别的材质;干脆做成个深邃的空间,再在这个空间里加上“眼球”,增添了恐怖诡异的感觉。

最终版

也是在这个界面的探索之后,确定游戏玩法:音频侦探解密


角色属性


从游戏中的画面点击“角色系统icon”进入这张界面,但因游戏玩法的变更,导致出现了极大的bug,于是这张最后舍弃掉了。但仍然有它的问题。

遇到的问题

  • 名字是长条形,和人物背景的圆图形有点冲突

  • 人物背景层次少

  • 右边的信息区排版不好看

  • 仍然犯了老毛病缺少功能,就像一张展示的图片


游戏界面


遇到的问题

  • 太暗太闷了,不透气

  • 构图左侧没有东西与右边的ui做呼应

  • 交互逻辑说不通

最终版


成就界面


一开始是做的拼图类列表型,后因游戏玩法的变更,做了更改。

左边底板上的音波代表人物精度,起伏越大代表完成度越高,有点心电图的感觉。

右边底板处理比较简单,为了突出上方可取得的奖励。做了克苏鲁风格的图形,作为他的视觉两点。

多方案对比





这套作品花的时间相对比较久,特别是对于方向的确定,我在这方面还是欠缺良多。

在这套图里反复出现一个问题:界面的功能性。也许是因为之前场景原画的经历,只顾着画面好看忽略了交互功能的重要性,之后要更加注意。


未来需要努力的方向:

  1. 定风格

    自己在这方面还有所欠缺,总是摇摆不定。

  2. 风格化

    虽然我相对其他风格来说比较擅长中国风,但也要多多尝试其他的风格

  3. 取舍

    该舍弃就舍弃,不要为了用上一些素材硬是往上凑

  4. 技法

    这套图基本全是手绘,之后要学习对图片的处理,提高效率,可以快速的出一些设计稿。

  5. 其他工具

    后期要加入3D以及动效的学习,提高自己的专业技能。


最后,对学习期间努力的我和给我帮助的老师们说一声:辛苦了~



起司同学对于自己的要求非常严格,对于细节的追求也是极尽所能。经常加班加点到很晚。希望她之后的学习中也可以一直保持这般热情。


起司同学真的非常的肝。是好事但也会让她钻牛角尖。不过随着不断的学习,相信她在之后的工作和学习中,会越来越好的。

真不戳真不戳~


那么本次的分享到此结束~撒花✿✿ヽ(°▽°)ノ✿

你这么好看(♥∀♥)

务必留下赞赞~(压上了~)


欢迎大家留言,有好用的关键词大家也在评论区打出来!大伙一起交流!

被绿的克苏鲁!的评论 (共 条)

分享到微博请遵守国家法律