广告平面转行游戏UI能做成什么样?|学生作品

用户头像
上海/UI设计师/146天前/2099浏览
广告平面转行游戏UI能做成什么样?|学生作品
今天要和大家分享的是「曼曼」同学的设计作品。首先恭喜曼曼同学拿到了猪厂的offer!
学生作品:月蚀终焉录
Hello,大家好呀,我是小曼,是叶子Studio的一名学员,大学毕业后的几年都在广告公司担任平面设计师,在进入叶子学堂学习之前,没有过任何游戏行业的经验。
为什么产生转行的想法,是因为随着近几年对游戏的体验,关注到了游戏的视觉,对此产生了很大的兴趣,恰好自己是做设计工作的,就萌生了“自己能否尝试转行进游戏行业去做设计呢?”这样的想法。
但隔行如隔山,以过往的平面设计作品很难帮助到我去转行,所以通过了解,找到了叶子Studio,通过对课程的学习,和业荣老师的耐心指导,产出了系列作品。
广告平面转行游戏UI能做成什么样?|学生作品(图ZNDAwNDQ4MDM2) - 游戏UI - 站酷设计师叶子_Studio原创素材 - 站酷ZCOOL
收藏
在叶子Studio的课程中我产出了两套作品,《月蚀终焉录》是第二套,也是因为有了第一套的练习铺垫,汲取了一些经验。
初期调研&确定风格
在第二套立项的过程中,尽可能去找了更多的参考图,为执行做一定储备,且找参考的过程中,也会去思考,关注到元素的可应用性,以便后期执行时能够更有思路一些。
最后的风格是在老师的建议下,
参考了《明日方舟-萨卡兹的无终奇语》
的风格,然后围绕
壁画和日月星辰的关键词
展开。
以下是我在做情绪版时找的部分参考,虽然最终执行时并不是全部都用上了,但因为有这样的一个过程,积攒了大量图片,在下一阶段的p图中也提供了更多的可能性。
广告平面转行游戏UI能做成什么样?|学生作品(图ZNDAwNDQ4MzE2) - 游戏UI - 站酷设计师叶子_Studio原创素材 - 站酷ZCOOL
收藏
早期概念稿
确定情绪版后开始尝试p图搭建界面,这步骤我在第一套图时是比较拘束的,所以在第二套的p图上我尽可能放开的去做组合,利用混沌p图,把界面构图的可能性打开。
以下是初始的一些p图,最终是在老师建议下选取了一张先进行细化,作为整套作品的一版定调
广告平面转行游戏UI能做成什么样?|学生作品(图ZNDAwNjE0NTMy) - 游戏UI - 站酷设计师叶子_Studio原创素材 - 站酷ZCOOL
收藏
广告平面转行游戏UI能做成什么样?|学生作品(图ZNDAwNjE0NjAw) - 游戏UI - 站酷设计师叶子_Studio原创素材 - 站酷ZCOOL
套图的第一张界面
收藏
在第一张图的基本版式确定后,我先将要设计的界面都基本铺排了出来,给老师过了一下界面大框架,再开始优化细节,这样做的一个好处就是我不会再后期执行期间才去思考这个界面里好像缺少这个功能或者某个信息要怎么增加进来,或者这个功能好像多余了,怎么剔除。这个问题我在做第一套是有发生的,很多内容可能到后期才去进行增减。所以第二套尽量避免了这个问题。
在铺排好基本界面后,界面里的功能都有了大致匹配的位置,就算后期细节优化时有调动也不会产生过大的区别,这样的情况下我的细节修改都是基于整体界面大框架不会大变的情况下去执行的,那设计细节时就会考虑到细节与整体界面的匹配度。
广告平面转行游戏UI能做成什么样?|学生作品(图ZNDAwNjE0Nzg0) - 游戏UI - 站酷设计师叶子_Studio原创素材 - 站酷ZCOOL
整体初稿
收藏
在修改过程中,细节的填充细化是我体验到的比较有趣的部分,通过多种尝试去优化图案图形,按钮控件,字体标题,块面边框等在界面里面的呈现效果。
例如在初稿的设计上我的图形都比较扁平简单,没有什么层次和细节。业荣老师也根据我的初稿反馈给我需要做出更多的细节变化,关注轮廓的虚实变化,以及材质表现,并给我列举一些案例参考。
基于老师给到的反馈,参考等,我自己在修改时会去更仔细观察别人的优秀案例,思考拆分哪些细节的元素,并尝试执行到自己的内容中。
广告平面转行游戏UI能做成什么样?|学生作品(图ZNDAwNDQ4Nzg4) - 游戏UI - 站酷设计师叶子_Studio原创素材 - 站酷ZCOOL
细化的前后对比呈现
收藏
也是因为有了这些老师指导的细节修改过程,一步步的界面优化,我对于参考图片,设计的认知产生了变化。
比如之前看图,可能只会看个大概,一些大块面的东西放在哪,大致的构图颜色。
但通过这样的学习过后,我再去看同一张图片,我可能关注到的就不只是最大最直观的那一块,不会只停留在看大概的环节,会去关注到一些更细微的东西,比如这个图片的的文字做了怎样的效果,她的光影,虚实变化用了什么样的方式呈现,放在整个界面里,又用了什么样的色彩,版式将它凸显出来,或者融合进去。
广告平面转行游戏UI能做成什么样?|学生作品(图ZNDAwNDQ4OTA4) - 游戏UI - 站酷设计师叶子_Studio原创素材 - 站酷ZCOOL
收藏
同学&老师有话说
曼曼同学说:
通过课程的学习,也发现了自己在设计上存在的问题,感受到了更多可以提升的地方,其实回看两套作品也知道还有很多不足的地方,未来也希望自己能再多努力产出,提升技能。
真的非常感谢业荣老师的耐心指导,每次发图给老师,都会帮我仔细查看,讲解问题,找参考给我,指出可以优化的地方,我的套图在网上课程结束后也还一直有持续的修改,老师也一直都认真尽力的回复我,为我指导作品。
如果没有老师的指导,作为一个小白,我的作品完成度,细化程度都是远远不够的(虽然最终的作品还没有执行到最好的预期)。
老师指导的许多设计要点,对我的影响也不止作用在课程的作品里,在我未来的设计中也会因为有过这些指导而产生效果或者一些概念想法。
业荣老师点评:
曼曼同学非常有耐心,在设计初期就反复制作了多套方案来试错。虽然制作过程中也遇到了挑战自身能力的问题,但是对于指导老师的建议都能认真执行,最终把问题都决掉了。很多同学遭遇同类问题,容易放弃或重换方向。而曼曼的优点就是能硬“啃”下来,进步飞快。其实学习就是这么“朴实无华”,要想成功,必须迎难而上。
那么,今天的分享就到这里啦,对设计有任何想法也欢迎给我们留言!2026年1月的课程现已开放报名啦,想要入行游戏UI或提升技能的同学可以滴滴我们~
更多课程活动信息了解
wx:leaf-studiooo
37
举报
|
59
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
游戏节日古风UI标题框
扑克牌棋牌游戏UI图标设计素材
扑克牌棋牌游戏UI图标设计素材
卡通3D帆船
扑克牌棋牌游戏UI图标设计素材
扑克牌棋牌游戏UI图标设计素材
装金币的宝箱
扑克牌棋牌游戏UI图标设计素材
金币与手素材
扑克牌棋牌游戏UI图标设计素材
游戏节日古风UI标题框
神话图腾徽章设计
扑克牌棋牌游戏UI图标设计素材
魔法卷轴游戏UI设计
游戏界面图,ui,道具,界面设计,视觉设计
UI应用平面图标
APP/游戏头像框
一个潮流描边城堡恐龙宝宝小木马的概念插画
扑克牌棋牌游戏UI图标设计素材
扑克牌棋牌游戏UI图标设计素材
扑克牌棋牌游戏UI图标设计素材
扑克牌棋牌游戏UI图标设计素材
卡通3D房子
游戏UI有点华丽的宝箱
【新年UI图标】游戏/娱乐icon
你可能喜欢
相关收藏夹
大家都在看
登录注册