被绿的克苏鲁!

用户头像
上海/UI设计师/3年前/799浏览
被绿的克苏鲁!

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

22届实体班作品复盘

~新的一期分享它来了~

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

话不多说!


设计师:起司

指导老师:23K、皮皮


收集资料

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

遇到的问题

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

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

初期情绪版

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

筛选关键词

寻找风格

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

遇到的问题

  • 层次少了,颜色单一
  • 缺少游戏感,像是艺术插画,没什么交互
  • 没想好是做手机端还是PC端,以及游戏的玩法

登录界面

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

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

遇到的问题

  • 空间层次单薄,主次区分不大,人物背后设计没有考虑清楚
  • 克苏鲁阴暗氛围不强
  • 字体也很奇怪,不符合画面气质,标题不明显

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

遇到的问题

  • 人物背后加了光后,抢了标题的风头
  • 前景没想好做什么,胡乱加了点触手,导致不知如何推进

最终版

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

关卡界面

遇到的问题

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

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

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

多方案对比

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

最终版

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

角色属性

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

遇到的问题

  • 名字是长条形,和人物背景的圆图形有点冲突
  • 人物背景层次少
  • 右边的信息区排版不好看
  • 仍然犯了老毛病缺少功能,就像一张展示的图片

游戏界面

遇到的问题

  • 太暗太闷了,不透气
  • 构图左侧没有东西与右边的ui做呼应
  • 交互逻辑说不通

最终版

成就界面

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

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

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

多方案对比

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

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


未来需要努力的方向:

1. 定风格:
自己在这方面还有所欠缺,总是摇摆不定。

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

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

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

5.其他工具:
后期要加入3D以及动效的学习,提高自己的专业技能。

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


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

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

真不戳真不戳~

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

你这么好看(♥∀♥)

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

6
阅读原文
|
举报
|
12
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
3D渐变流体抽象矢量UI背景图
高级感金属拟物 UI设计组件库
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
UI通用设计素材1
【新年UI图标】礼物/活动icon
【新年UI图标】秒杀icon
手表表盘UI系列
【新年UI图标】30个图标
钱包ui模板
我的钱包-UI界面设计-app
Security Camera UI kit
新拟态风格 UI设计组件库
盲盒APP UI设计
UI界面 组件
【新年UI图标】钱包icon
拟物风质感写实UI卡片合集源文件
高级表盘系列UI源文件
智能家居中心 简约 UI设计组件库
UI 登录界面设计模板包
科技医疗透明柜UI界面设计
【新年UI图标】汽车icon
户外旅行飞机情侣假日出行
【新年UI图标】旅行icon
你可能喜欢
相关收藏夹
UI
UI
UI
UI
大家都在看
登录注册