不甘现状如何改变这种状态?这是知乎上的一个长期热搜话题。

 

经常有这样的同学来咨询我们老师“老师我之前没有基础,也不是美术专业的,可以来学习吗?”

这个问题是我们绝大多数0基础学员的都会问的一个问题,对于作为培训机构的我们来说,自然是希望报班的越多越好。但实打实的说:学习游戏UI,是一条超越同龄人的“捷径”

在叶子学堂为网易、腾讯、三七互娱、字节跳动、米哈游、巨人网络等行业中大大小小的公司输出了上千名优秀的游戏UI设计师中占据很大一部分比例的是95后应届生人群,甚至有00后的学员。

在教导这些学员时,给我们老师最大的感触就是“后浪”这两个字了。一开始完全没有基础的他们,在决定学习的一瞬间,就做好了迎接挑战的准备。0基础,肯吃苦,记笔记,善于总结的他们每天都是打了鸡血般学习,他们的努力也在作品中呈现出来。

1   米粒同学

作为新人,你们觉得UI是做什么的?叶子最近和网易以及其他各大厂的主UI接触下来,几位老师感慨颇深,叶子学堂培养出的图到底是给萌新看的,还是真正为项目服务?这两点如何平衡?


为萌新服务,那就以效果为先,看到好看的图就去想方设法的套UE变成自己的界面作品。为项目呢?就是定好主题,根据主题来定方向。听着好像都一样,都是找参考图。但本质是不同的。如果只是找好看的图来做,相对来说还是比较简单的。

大家好,我是米粒,一名转行“入坑”小白(惨兮兮,之前是做财务的)。来学习前没有什么美术基础,但是又有一颗不甘沉迷于枯燥乏味工作的心,想让自己尝试更多的可能性,也是机缘巧合吧,在叶子学堂公开课发现了新大陆,从此一入学堂深似海,沉迷于此无法自拔,就这样一名UI小白上车了(OH,NO! 是上路了!)

 我的这套作品界面的风格定位是以玛雅文明为主题,将神秘古老的玛雅文明和科技文明相结合。在扁平化的设计中加入了质感的塑造和光效的表现,营造出空间感氛围的同时,也能充分展现玛雅文明充满神秘的宗教色彩和先进发达的科技特性。界面中运用了大量玛雅时期的标志性元素,如古建筑、金字塔、祭坛、符文、轮盘、天文历法等,既能与世界观相呼应,又能更好的让玩家体验到游戏的代入感。

首先必须要来一波彩虹屁了,高冷傲娇的丁大大绝对的让人欲罢不能了,每一位叶子学堂的学员都能接受到丁大大爱的洗礼。还有温柔暖心的燕姐,不仅会认真耐心的辅导同学,还是大家的知心小姐姐呦。对于暖男天哥就不多说了,毕竟现在也是有家属的人了嘛。每位老师都有自己的独有特色和风格,会在学习的过程中给予指导和方向,再次感谢老师们的辛苦付出。

米粒同学的第二套竞速赛车主题界面

这套竞速赛车类游戏的风格定位是时尚科技感的扁平风,界面在扁平化的设计中加入玻璃质感,在配色上以蓝灰为主,加入玫红色、橙色、绿色等点缀色,给人清爽时尚的视觉感官,能够降低玩家视觉疲劳度的同时体验到赛车的竞速感。

Q:在叶子学堂的学习中你有什么收获呢?

A:最大的感触是可以用“痛并快乐着”这几个字来总结了,对于小白来说,现在所接触的都是全新未知的领域,要让自己有一个归零的心态来面对自己选择的道路,在这段时间的学习过程中确实也有遭受过打击,也有心态炸裂的时候,但同时也收获积累了不少,会感觉自己是充实且有所期待的,希望自己能够一直保持这样的状态。

2   莫念同学

Hello,大家好我是漠念,广东湛江人,以前是美术生,大学学的也是动画设计专业,不过可惜出来后做的并不是游戏专业,做了1年多的园林设计。后来感觉不能这么荒废下去,想要做一些自己喜欢的工作,就了解了一下游戏行业,发现UI比较适合我,然后听了好几次孙老师的课,就慕名过来了哈哈。

第二套则是选了自己特别喜欢的蝙蝠侠主题,一开始方向也不是很明确,一直都很纠结,做不出来自己想要的效果,后来多亏了燕姐及时给我的指导,学到了很多点线面·画面节奏的结合。后来加了很多蝙蝠侠的元素,还有一些背景故事元素的结合,终于做出了自己比较满意的作品,还因此进了一家特别好的公司。

这一套作品在最开始的时候做的没有什么空间感,整体画面看上去没有主题,层次没有拉开,缺少很多比较亮眼的颜色,第一次做,思想比较保守,没有那种让人眼前一亮的感觉,自己觉得没有做到位。

学习初期做的界面草图

经老师建议修改后的最终定稿

Q:你在叶子学堂最大的收获是什么呢?

A:在叶子学堂学到了很多吧,对交互布局,信息层级层次的理解,还有一些技法的运用,点线面的结合,平面上的很多技巧,一些元素的提取,如何去分析界面,让自己的界面更完整,太多太多了~

Q:毕业之后想去哪里发展呢?

A:现在暂时还在上海工作,未来也不是很挑剔城市,自己一个人,哪里发展好就去哪里吧,只要能学到东西,能提升自己就很满足了哈哈

3   锐哥

大家好,我是锐哥!大学就读于美术学专业,毕业两年了,一直比较喜欢画画。但是对于游戏视觉设计之前还是比较陌生的,也算是个小白。刚开始毕业工作也很迷茫,不知道自己喜欢什么。后来在朋友的介绍下,接触到游戏行业,我自己本身也还挺喜欢玩游戏,对于各种游戏的玩法也大都了解。于是就在朋友的建议下报名了实体班。

锐哥刚开始时做的关卡界面

经老师建议修改后的最终定稿

因为是插班生,一开始上手还是比较懵圈的,还好老师们都及其严格认真,燕姐很耐心的一点点教我,才慢慢跟上进度(所以新手同学完全不要担心跟不上哦)。三个月的课程,学习到的知识还是很多的,从一开始啥也不会,到知道如何构图,排版,配色,找参考以及刻画细节和层次等等。过程虽然辛苦,但是最后得到的结果对于我来说还是很满意的。

《长安十二时辰》这套作品是一个将国风IP和二次元结合的界面。大部分的灵感源于插画素材,氛围还是想往唐朝琳琅奢华的感觉上去走。因为刚开始的时候不知道如何去找素材参考,弯路还是走了比较多的。后来在燕姐的悉心指导下,慢慢对界面有了一些清晰认识。将烫金,装饰性的元素结合到界面里面。最终呈现的效果我还比较满意。

锐哥的第二套扁平科技风界面

《机械战姬》这套作品是一个扁平科幻类作品,灵感源于科幻电影《机械战警》,疫情的时候在家看了这个电影觉得这个题材不错,就确定了这个主题。在确定了主题后找了大量的机甲类的参考,最终将色调定义为深色调。因为已经有了两个月的学习,在设计这个作品时知道了运用大量平面设计元素,将点,线,面的元素,去丰富画面,增加层次。

这套界面天哥,和丁老师给我建议和帮助特别多,非常受益。前期设计的时候一直纠结在背景上,浪费了大量的时间,在天哥和丁老师指导下纠正了下得以纠正,最后顺利的完成了这一套作品。

4   小九同学

小九现在任职于字节跳动,之前是个医学专业的妹子,因为不太喜欢原本的专业所以想挑战下自己过来报班学习,平时是个挺阳光向上的girl,对老师讲述的知识点能很快的理解吸收,加上她平时的努力勤奋,最终取得了挺不错的结果。

小九结算界面的草图

调整后的完成稿

小九的这张结算界面,在一开始的构图中,ue的布局是有问题的。获得的物品、按钮、任务都放在了旁边,视觉中心却很空了。

老师顺着小九这xyz轴的立体空间的思路往下走,给她的建议是:将功能分组用颜色区分,将重要信息放在视觉中心处。这样提升了整体画面的层级,有虚实对比并且突出了主要功能。

5    周淼同学

大家好我是周淼,过年疫情在家躺着为国家做贡献时,我在抖音上看到了在抗疫一线的那些白衣天使们,就想尝试做这么一套病毒系列的界面。因为一系列的事情最终只完成了这一张定稿。疫情当下,风雨同舟,向万千抗议医护者致敬!

在这张界面中,控件的元素上用到了生物课上学到的生理知识,有血管的构成、细胞的分裂、DNA的螺旋结构,包括左上角的返回也运用到了细胞的元素。

这套二次元的灵感最初来自于这张角色原画,这个角色是比较机甲风的,然后背景考虑在航空母舰上面,有铁丝网、跑道等元素。

周淼同学的神偷奶爸系列套图

6   西柚芒果味

老师天哥说:西柚芒果味同学是一位来自武汉的可爱小妹妹,毕业后的她就职于武汉的一家设计公司,由于是甲方公司的原因,平时工作非常的清闲,充满上进心的她认为年轻不能当一条咸鱼,就应该吃苦敢拼,怀揣着梦想和对前途未知的压力来到了叶子学堂学习。刚开课时西柚同学就表现出不凡的灵性,学东西很快,再加上平时的她会更多地关注一些二次元的动漫,所以做了两套带有动漫ip的优秀界面。

大家好我是西柚芒果味,大学学习的专业与美术完全无关,但是毕业后机缘巧合进入了游戏公司,开始做应用APPUI,后来在公司内转为游戏UI。之后越发在对游戏UI行业感兴趣,看了很多大神作品感觉自己是个菜鸡急需提升。然后无意间听到了孙老师的课,又去网上搜了一下叶子学堂,就离职来学习,希望能提升一下自己的设计水平。

我平时就很喜欢看一些二次元的番,之前beastars非常火,我也看了,感觉题材非常有意思,很喜欢,就想做一套这个题材的界面。刚开始做的时候想了很多,画面做了一些切割,用色也比较重吧,但是感觉有点控制不住,后来经过老师的指导才做出来。做图过程中老师们常说,要多找参考,参考找好了再动笔,现在想想真的是一句良言啊!

在叶子学堂 学习最大的感触就是差点快被干货噎死啦!!感觉老师们都非常的专业,我在画面构图和颜色上学习到了很多以前从来不知道的东西。很感谢丁老师,燕姐,天哥,他们都很负责,给了我很大的帮助,真的很感谢他们!

 

在这第二套《入间同学入魔了》中吸取了之前的一些做图经验吧,找了很多参考才开始做,植入了一些ip中的元素。

Q:毕业之后对自己有什么期许呢?

A:想要不断的进步,技术方面越来越专业!挣更多的money!城市的话会留在上海这样的一线城市吧

7   逸俊同学

逸俊同学认为合适的界面构图

经老师建议修改后的最终定稿

8   刘畅同学

关爱老师丁大大说:刘畅同学也是一位比较特殊的同学,在学习初就被一家神秘公司挖走了,从此班级中只留下了她一个月毕业的传说。

这套作品是基于我当时特别喜欢的一个动画:《大护法》,第一套界面作品直接就用了这个题材来做的,做的时候真的又爽又煎熬,爽的是终于可以把自己想的喜欢的东西呈现出来了,但是制作和修改的过程太煎熬,pass了好多版本。

因为时间问题,最后的效果其实还没有达到自己特别满意的地步,有些细节上的东西还没有刻画的特别完整。不过这段时间的进步真的是超级超级大!!真的非常感激丁大大燕姐和天哥的指导。接下来的日子也要继续加油啦!

9   陈浩同学

浩哥是这期学员中一个很有潜力的青年,自毕业后在在杭州的一家广告公司做了五年平面设计,在平面构成系列中颇有心得。

在下面这套EVA系列界面中,因为用到了EVA的IP,所以想要往科技的方向走一走,用到了大量的点线面构成。EVA这部动画的传达是一种人类与未来对抗的末日感,所以加上了一些破碎的块面,营造出一份血腥感。

下面是浩哥做的一套icon

10   斐然同学

斐哥在学习初做的界面构图

经老师建议修改后的最终定稿

斐哥在做这套时尝试了很多方案,比如我们看到上面第一张图,在这个版本中,是想尝试用中国风的场景,在控制不好界面显得呆板、混乱的情况下:

燕姐的建议是尝试下中国风二次元的风格,从一个老土的旧国风转换成了目前市面上流行的构成类二次元国风。在项目中,将界面做的好看干净是很重要的一点。

对于手绘功底比较弱的同学,可以往构图方面走,扬长避短。

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

最近也有好多学员找到了满意的工作,我们老师看到这样的消息挺开心的。下面截图为证!

很感谢看到这一行的大宝贝们,

本期叶子学员们的作品,

大家喜欢么?

欢迎留言参与讨论哇~

让我们一起和叶子学堂乘风破浪变牛AC!

Powered by Froala Editor

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