叶子学堂游戏UI网络班学生作品分享

大暑将至,一年已过半。

愿上半年的所有遗憾,都是下半年的惊喜。

愿所有的美好如期而至,

愿所有的不好随风消散,

愿一切的努力都有结果。

网络班学生作品七月刊如期而至啦!

1  fureiya

今天介绍下这位毕业后进入 某大厂 的学员fureiya小姐姐,我们对她做了一期采访,让我们一起来了解下她的学习过程吧~


关爱老师骨头老师说:fureiya同学是众多叶子学堂网络班关爱同学里一个特别的存在。因为对自己的目标性很强。一直的目标都是定在要进大厂。所以大家在学习的过程中确定自己想要到达的小目标非常重要,这是让自己持续完成后续作业的初心和动力源泉;因为有了目标,所以在和郑丹同学两套作品的磨合中可以感觉到她在这个过程中越来越明确自己UI的方向。

*Q:为什么做为一个五年经验的设计师要来叶子报班学习呢~

*A:之前参与的项目风格都非常的老旧。并且长期做一个项目思维非常僵化。我很想做二次元的作品,所以在腾讯课堂上听了几次叶子学堂的关于二次元Ui的公开课。觉得很有启发。然后就报班了。

(fureiya学习之前的个人练习)

下面是我学习之后完成的一套欧美卡通风练习,相比较之前有了很大的进步与提升,其实老师们在指导的过程中不会太多干涉我的想法,所以大家在美术风格确立之初需要考虑清楚自己的美术风格,以及参考图,在前期不要做过多的浪费。

我个人比较偏爱二次元和欧美卡通风格,所以作品选择了这两个风格来做的。这套欧美卡通是根据偶动画鬼妈妈的设定来做的。做这套主要是为了展现自己塑造的能力,做场景化表达的界面。

老师建议我:将完成度尽可能达到上线游戏标准,从上线项目的完成度,UE以及美术综合表现来做考量标准。所以在Ui场景上也下了很多功夫。竞品参考了第五人格,哈利波特觉醒。

下面这套二次元作品参考了很多已经上线的二次元游戏七日之都,崩坏3,还有一些赛博朋克风格的图。

*Q:fureiya同学,老师在你做这套作品时起到了什么帮助呢?

*A:老师帮助我打破了之前做图僵化的状态。并且对当前的新风格有了更新的理解。并且会给出建议,做哪几种类型的界面比较能表现个人能力,或者在一套作品中还需要补充哪些界面。在我做图做到迷茫,不知道怎么办的时候也会给出一些很有用的修改建议。老师还会帮着找很多很好的参考图看。

(刚开始时做的练习思路图)

fureiya同学一个很优秀的点就是,在反馈的过程中沟通能力和理解力都很不错,有问题的部分,会在公众号的作业系统上提出来,老师这边也会及时反馈。

*Q:fureiya,你对想进大厂的同学有什么好的学习习惯分享吗?

*A:平时的时候,一定要注重作品的积累和风格的更新。作品风格太老的话,很容易在简历环节被筛掉。

看到这儿,小伙伴们可能会好奇,为什么我们叶子的学员能频频进入大厂呢?

自叶子学堂15年创办以来,已经陆续为网易、腾讯、三七互娱、字节跳动、米哈游、巨人网络等行业中大大小小的公司输出了上千名优秀的游戏UI设计师。叶子学员已然成为行业中一股不可忽视的“神秘力量”。

而我们的学员之所以能够频频进入大厂,是因为在教学过程中,我们传递给学员很重要的一点就是:项目中需要的工作经验。

  • 真正的UI是什么?只是好看吗?

真正的UI是站在玩家的角度去理解界面中的交互与功能层次,从而做出符合项目标准的界面设计。而并非是华丽的“效果流”界面,不能在项目中实现落地的设计。

现在我们看到很多的“效果流”界面,其中很大一部分是在behance等外网上找的好看的背景图,去p图,但是这样能算是真正的UI吗?如果这样的话直接去广告公司或者摄影团队学习如何p图就好了。

而正如此我们的fureiya同学在骨头老师(七年工作经验的鹅厂老企鹅)的教学下进入了某大厂工作室。

2  Delicate

关爱老师燕姐说:Delicate同学刚开始来学习的时候闹出了一些有趣的笑话,可能是刚接触ps,对图层样式很好奇,就用了高饱和的颜色往上刷了……大家看下面这张界面就能看出了,这个颜色可以说是…很“鬼畜”了…

(Delicate同学来学习做的第一张图)

因为这个颜色问题,燕姐作为Delicate同学的关爱老师和他提过很多次,然后Delicate同学一点点的修改,一步步降低饱和度,调整构图,添加细节。我们来看下最终的完成图,进步相较之前的“鬼畜”用色而言进步是非常大的。

(Delicate同学之后调整的完成图)

↓ 这是他的界面作品

3  蟹儿

关爱老师丁老师说:蟹儿同学是一个目标很明确的同学,也很执着,刚开始来我们这学习报班的时候就想做塑造类的界面。

下面这是他做的这套作品最开始的人物界面练习,可以看到他最开始做的练习中,很多东西都不搭:莫名其妙的玻璃瓶、后面的窗子、因为有颗树就把icon挂在树上……像是这样的布局是不够考究的。

然后看接下来他修改的界面完成中将花塑造成了前景层,将窗户做成了塑造界面的元素,营造了光感与气氛。

(蟹儿同学刚来学习时做的第一张图)

(蟹儿同学角色界面的完成图)

蟹儿同学最优秀的点就是:提了一点建议,就能举一反三把其他的也改到位。我们可以看下下面的这套作品,与之前最开始做的练习相比,进步非常非常明显,算是一个比较好的结果。

↓ 这是他的界面作品

4  吖荣

关爱老师燕姐说:吖荣同学是个两年经验的在职UI,觉得在项目中长期没有突破所以来报班学习,想要提高一下自己。在教学过程中他对知识点理解吸收很快,跟他提到的也是一点就透。

但是我们来看下他最开始认为的主界面练习完成稿,这样的完成度还是远不够的:背景比较花,没能很好的突出角色。界面整体布局框套感较强,功能与功能之间没有联系感……

然后针对这些问题,燕姐给他找了些最新的二次元热游主界面做参考,将功能之间做的有联系感,框不再都是方形,并且添加了些实际项目中可能出现的交互控件。

(吖荣同学认为的主界面完成图)

(老师指点修改后的最终定稿)

↓ 这是他的界面作品

↓ 这是他的图标作品

5  yalan

关爱老师天哥说:yalan同学是我们众多0基础学员中的一个(现在正在参与我们的提高课课程),我们可以看到在他一开始作业中,只铺了一个黑白底稿,构图和排版没有一个标准与概念。

然后我们在特训课上讲述了构图几种技巧与空间的构成概念,然后在二次修改过程中相对有了很大的进步。中间有许多有趣的故事,凭着对设计的热爱在特训课的两个月学习中做了下面这套界面,相信凭借她的努力与勤奋会在接下来的提高课课程中取得更大的进步~让我们共同期待吧~

(yalan同学最开始做的黑白构图)

↓ 这是他的界面作品

(注:作业原画素材来源于网络,感谢原作者,如有冒犯,请联系删除或署名。同学作业仅学习UI使用,非商业使用,敬请谅解!)

Powered by Froala Editor

声明:* 本站所提供的资源均来源于互联网,站内所有文字、图片内容由网站会员上传而来,UI社不具备此内容的版权。由于将本站资源用于商业用途而引起的纠纷,本站不负任何责任。如果有侵犯到您的权益,请联系本站删除,谢谢合作!联系邮箱:Uishe#qq.com (请将[#]换成@)