【学习两个月】实体班学员作品竟然做成这样?!

用户头像
上海/UI设计师/6年前/2100浏览
【学习两个月】实体班学员作品竟然做成这样?!

叶子学堂实体班学员作品分享

常言道:学习是一个跑马拉松的过程,但这期学员中有很多刚来的时候是 完全没有基础的同学,再加上因为春节+疫情的原因,学习的时间比较短, 今天给大家介绍下他们学习两个半月后的情况。


来实体班学习的同学中其中一部分是有1-3年的工作经验,这部分的同学是想要提升自己过来学习深造的。他们经过系统性的学习之后进腾讯网易的概率是比较高的;


还有一部分是 有美术基础的但是没有GUI经验 的,比如我们这期有陶瓷专业的研究生、五年工作经验的平面设计师等等;

最后一部分就是 完全没有美术基础和其他行业转行的人,这些人有些刚开始来学习的时候甚至ps也不太熟悉,但是他们凭借学习时的勤奋努力和对设计的热爱,都取得了良好的结果,成功在行业内大大小小的游戏公司中找到了自己的一席之地。


19届第三期学员聚会照片


Q1:在教学中如何将不同基础学员放在一起上课又全部教好?

我们对不同基础的同学是一视同仁的,不给学员定死框架,让他们自由发挥创意与构思。对于那些0基础的同学我们并不希望用套路化的方式去教学,我们更多的是在技法和思路去引导,最终每个人都能做出属于自己的创意型界面。 

做设计是纯粹的,每个人的思维都要去尊重,而不是去做流水线的套图。

接下来就介绍几位 0基础学员学习两个月 之后的提升与进步:

01 白饭同学 


白饭同学在这期的学员中 不是做的最好的,但是是进步较快的,最初进来学习的时候只会用铺色块的形式做构图。然而通过老师的指点和自己的努力在这两个多月学习取得了很好的学习结果。我们接着往下看看他的两套作品吧~

白饭在学习初期 做的第一张界面


Hello,大家好我是白饭,广东茂名人,说真的我接触美术这块不是很多,从大学才开始接触素描色彩这块,然后机缘巧合进入了游戏公司做ue这块,偶尔美术那边有需求需要我这边来拼界面,但是拼着拼着发现自己能力不太够,后面离职之后就想来提升一下自己的设计水平。


白饭同学《华影宗》自己的半成图


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


上面第一张半成品在最开始的时候做的没有空间感,整体画面看上去没有主题,层次没有拉开,缺少一点故事感,道家修仙的味道不够浓。我想做的界面是水墨风,但又不是流于表面的水墨感,然后就针对这些问题进行修改。

第二张完成修改后的图就是运用了场景化的作图方式将水墨与背景结合,与“意境"结合,用雾气蒸腾的方式把空间感拉伸,用前景层的翠竹体现场景,包括运用一些笔刷来做一些流水,产生一种装饰画的效果,增加画面细节提升完成度。


《华影宗》这套的灵感源自张艺谋导演的《影》,去找了他的宣传图。这种水墨风也是我从未接触过的风格,想尝试一下扁平类的中国风。

其中很多地方也是纠结了很久的,例如背景上是不是要加点纹理,背景是要再亮点还是暗点,期间好几次自己都要画自闭了,还好丁老师及时给我建议和新的思考方向。


七日签到的半成品界面


七日签到最后的完成图


上面第一张的签到界面是一开始做的,开始做的时候想法比较简单,找了点中国风的素材直接开始做构图。然后导致框套感过重,比较呆板,没有中国风水墨的意境。

第二张完成修改后的图在氛围意境上有了很大的提升,像是一个洒脱不羁的道家真人在饮酒作乐中随手挥出的一笔墨迹,墨迹上呈现每日签到的功能内容。整体会变的更加活跃有趣。

这张活动界面里面彼岸花的构思 来自于燕姐的一句话:“改成红色的花试一下”,我想了下红色的花的代表就是彼岸花,而且彼岸花代表的寓意更加魔幻些,符合界面主题水墨道教修仙的气质。

白饭同学第二套作品《乱斗世纪》


这套图的灵感来自于宝可梦,开始给这套的定义是扁平亮调子二次元,前期搜了大量的图,在简约的白中做出五彩斑斓的感觉。

经过这次系统的学习,我从一个0基础没有经验的人,理解了很多关于交互设计、创意构图上面的思路,在配色理解,手绘能力等各方面感觉都有所提升,感谢老师们的教导~


02 Alva同学


Alva是之前一个 网络班老学员的妹妹,因为她哥哥的介绍来到我们叶子学堂学习。
现在她的哥哥在成都的一家公司里升到了主ui的职位,我们也常常会和她开玩笑说“Alva,什么时候让你哥哥来问你,他的图该怎么改。”在这两个月的学习中Alva也是一个很努力的女孩子,有不明白的地方就会及时去问老师或者身边的同学。

Alva在学习初做的第一张练习

角色界面经建议修改的最终定稿


在刚开始做第一张练习的时候,因为完全没有基础,只是简单给界面做个构图,没有空间层次,满满的平铺感、故事性和光影关系完全没有考虑、构图/配色比较乱。(一度陷入自我怀疑中.jpg)


经过老师的启发在这套界面的故事背景上找到了思路,想法源自许仙与白蛇的故事,雨天在西湖游船的时候遇见许仙,所以有了下图的故事背景构思。

在构图配色的时候不想做成常规的灰调子,想让颜色更加少女些,所以加入了很多光线,充满了阳光的感觉,光感四溢。


Alva的二次元界面


Alva同学自己的完成图

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


这套女性向的二次元风格界面,早期的风格草图中,在大关系和层次上有很多不够的点:1.背景的场景看着非常多,但是没有调整到一个很好的状态,显得有些花/抢;2.整体按钮控件,虚实的把控不是很好,不符合交互逻辑;3.像是装饰属性框的蕾丝花边,很实,过于抢眼了;4.真正需要点缀装饰的控件按钮“详情”没有很好的突出。


针对以上的几个问题,老师给的方案是:重点做一些核心控件,然后带上自己的构图。

在这张界面中,小萝莉原画给人的心理暗示是积极向上的,充满活力可爱的。所以将背景做成冷调子,辅以暖色的黄点缀,用颜色表达界面的活力、向上。
再将每个控件做好,将文字做一些错位,改做柔和的地方做柔和一些。用了海报上的技巧将背景板、文字、线条做穿插,体现出空间感。很多二次元风格的游戏里面都用到了类似的技法去做设计。


因为疫情的缘故,一部分作品是春节时间学员自主在家中完成的,下面是因为时间原因未能完成的练习,不得不说是件很遗憾的事情。


因为时间原因没有做完的国潮界面

03 晓玲同学 


晓玲是一个 仅学习了两个月就被一家公司挖走的短发girl,来自于霍格沃茨,是一个无情的画图机器,平时做图,能安静的做一天。心态极好,又肯帮助同班的童鞋,私底下却又是出奇意外的活泼的人,相处以后会发现不一样的活泼妩媚的一面,聚会时热舞的样子真让人过目难忘呀~

晓玲同学的自己界面半成图

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


上面第一张图是晓玲同学的“黑历史”,一开始做的时候在颜色上运用的不太好比较脏,用的元素素材也比较老旧,是早几年游戏中很常见的纸张形式。


然后在老师的建议下修改后,控制了整体的调子和氛围,给了底部一个光源,拉开了前后层次;在控件上做了很大的修改,将控件做的有趣精致。控件细节和整体氛围是这张图进步最大的地方。

晓玲同学自己的界面半成图

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


上面第一张最开始做的版本,在表现的时候,前面的白色带子装饰太过抢眼了,主体不够突出。然后在修改的时候弱化了前面的白色条幅,在控件上做细节,将整体画面做的有虚实对比,突出主体。


undefined


晓玲同学的第二套乙女向作品


undefined


04 梦莹同学 


大家好,我叫梦莹,现在还是一名陶瓷专业的研三生,相比较陶瓷专业的枯燥而言,出生在景德镇的我更喜欢做些创意类的事情,加上平时热爱玩游戏,在了解到我们游戏UI设计后完全没有设计经验的我就毅然决然的选择成为一名 “插班生",来到叶子学堂进行两个多月的学习。

我来学习之前在一开始就想的很清楚,觉得自己这辈子就要做这个了,刚开始联系孙老师的时候也和我说:“ 插班过来学习的话,接下来会比较辛苦。“

孙老师担心我作为一个 没有基础的萌新插班过来是否能跟得上学习节奏,但是通过老师的指导加上一点我自己的努力,这两个月的课程学习收获非常多,老师的很多方法和理论都是我之前从未接触过的。


《枫丹日露》这套作品是二次元洛丽塔魔幻风,加入了巴洛克艺术的风格。材质上多以金属,钻石切面为主,结合少量的玉石,细线等元素,给人清新、精致的感觉。配色上,以低饱和的灰蓝为底。在重要信息控件处加入颜色较高的纯度,钻石切面质感,这样可以使玩家减少思考的时间,多用来体验游戏,也使得界面有主有次,让玩家更增加游戏的体验感。



Q:做这套的时候老师给了你哪些帮助呢?


每位老师都给予了专业的辅导,其中燕姐给我的帮助比较大。在刚开始我找不到方向的时候给了我一些指点,让我有了继续往下走的思路,同时燕姐的平面构成真的很好,在她的教导下我学到了画面节奏、点线面的结合,这些专业的技法。很感谢老师们没有因为我没有基础在一开始做的磕磕绊绊的情况下放弃我,而是对所有同学一视同仁,支持我们每个人不同的想法,做出不一样设计。


05 刘赛同学 


赛哥是个很有想法、极有潜力的青年, 在学习期间一个半月时就收到了神秘公司的offer,去入职工作了。在学习时的作品图,还没有完全打磨好,不得不说是件很遗憾的事,有能力的人在哪儿都能有不错的收获。

undefined


06 颖怡同学 


颖怡是班上男女老少通吃的高个子小姐姐,声音非常好听,长得还像华晨宇!声音也非常好听,中午下课的时候还会去健身!!对自己要求很高的一个帅气的小姐姐。

颖怡同学自己的完成图


经老师建议修改后的定稿


在刚开始做这张界面的时候,把几块字体都堆叠在一起,所有的字体都抢在前面,然而像是这种活动性/结算性界面的界面并不需要把所有的字体都突出。


经过老师指导后的解决方案方案是:挑选出重要信息,将文字分层级,调整配色,用装饰性文字丰富画面细节。


颖怡的第二套作品


07 黄煜同学 


我叫黄煜,大学学的工商管理,之前在阴差阳错之下进入了一家福州的游戏公司里做 游戏客服,在公司的时候经常完成了工作就无所事事了。

之前从来没有接触过美术的我,在网上看到了我们叶子学堂的课程觉得游戏UI这行挺有意思的,但也没有直接报班,而是找了几家机构去实地看了下,综合比较下来叶子学堂的师资和教学环境算是最好的,就想让自己20多岁的人生多一些可能性来到了上海的实体班。


黄煜同学最开始的界面练习

刚来叶子的时候我是 完全没有基础的,连ps都不怎么会用,现在想想感觉自己当时挺勇敢的,凭着一腔热血来到叶子。感谢教导我的老师们和给我鼓励的同学们,特此感谢下赛哥(同一期的同学) 给了我很多指点。


这第一套作品,我选择了扁平风科技化去设计。构思的是在末日废土上,源氏家族掌控了旧时代留下的科技,与末日下的黑恶势力展开了一场场激烈的厮杀。


第二套作品选择做一组二次元少女题材的界面,在初期给界面定调子的时候,试了几种不同的方案,有红色调和灰调提纯的两种方案。最终确定下来是这红色调,也可能是我自己特别喜欢红色的缘故,对红色就更加偏爱些。

undefined


作为一个0基础的小白来说,在叶子学堂的这两个月的学习里算是我进入社会以来最开心的一段时间了吧,老师和同学们都给我很多帮助。在这两个多月的学习中,收获丰厚。老师和同学们都很阳光、幽默、充满激情,伴随偶尔猝不及防的开车。未来离开叶子后我也会继续学习,因为我知道自己目前还差很多,要多多努力~

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

很感谢看到这一行的大宝贝们,
本期实体班同学们的作品,
大家喜欢么?
欢迎留言参与讨论哇~
让我们一起和叶子学堂乘风破浪变牛AC!


16
举报
|
15
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
科技医疗透明柜UI界面设计
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
钱包ui模板
我的钱包-UI界面设计-app
【新年UI图标】旅行icon
新拟态风格 UI设计组件库
UI通用设计素材1
UI 登录界面设计模板包
拟物风质感写实UI卡片合集源文件
【新年UI图标】秒杀icon
盲盒APP UI设计
Security Camera UI kit
【新年UI图标】会员icon
3D渐变流体抽象矢量UI背景图
【新年UI图标】汽车icon
UI界面 组件
【新年UI图标】礼物/活动icon
高级感金属拟物 UI设计组件库
【新年UI图标】30个图标
3D卡通UI界面图标可爱插画免扣素
APP/小程序商业项目UI模板|99个高保真UI+79个原型
【新年UI图标】体育icon
新能源APP应用UIKit
你可能喜欢
相关收藏夹
教程5
教程5
教程5
教程5
大家都在看
登录注册