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

~新的一期分享它来了~

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

设计师：起司

指导老师：23K、皮皮

收集资料

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

遇到的问题

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

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

初期情绪版

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

筛选关键词

寻找风格

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

遇到的问题

• * 层次少了，颜色单一

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

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

登录界面

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

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

遇到的问题

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

• * 克苏鲁阴暗氛围不强

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

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

遇到的问题

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

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

最终版

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

关卡界面

遇到的问题

• * 颜色很灰很脏，缺少层次

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

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

多方案对比

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

最终版

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

角色属性

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

遇到的问题

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

• * 人物背景层次少

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

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

游戏界面

遇到的问题

• * 太暗太闷了，不透气

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

• * 交互逻辑说不通

最终版

成就界面

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

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

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

多方案对比

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

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

未来需要努力的方向：

1. 1. 定风格：

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

2. 2. 风格化：

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

3. 3. 取舍：

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

4. 4. 技法：

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

5. 5. 其他工具：

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

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

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

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

真不戳真不戳~

那么本次的分享到此结束~

撒花✿✿ヽ(°▽°)ノ✿

你这么好看(♥∀♥)

务必留下赞赞~（压上了~）

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

Powered by Froala Editor