hello,大家好呀,我是元宝咕噜,已经在游戏公司搬砖三年多了。由于不间断地工作,我一直没有时间和精力产出属于自己的作品,风格开始单一化。
之所以选择来学习,一方面是希望打破自己单一的创作状态,通过制作一套完整的作品打破舒适圈;另一方面也是想借此机会了解现在的设计市场,提升设计能力,提高自己的职业竞争力。我一直都有关注叶子,叶子的文章总能给我许多设计灵感。在这里,我学到了很多专业知识,并且得到了非常专业的指导。
骨头老师是我的导师,她不仅在专业上给了我许多指导,也会在我设计遇到瓶颈和挫折的时候耐心地鼓励我,帮助我走出困境。
其实决定做人鱼主题的游戏界面,算是个挺随性又很坚定的想法。
我喜欢玩各种不同类型的游戏,报名课程的时候,我正好沉浸在《无限暖暖》这款换装大世界冒险游戏中,当时出的1.5版本人鱼套给了我创作的灵感,
鳞片的光泽、裙摆的流动感,连配饰都透着种梦幻又细腻的感觉。
我当即想做一套和现在市面上已有风格不一样的,以人鱼为主题的游戏界面设计。
世界观设定
:半人鱼少女,将贝壳、鳞片与绸缎化为治愈时装,净化污染核心。
核心玩法简述
:探索梦幻海域,拾取污染物转化为时装素材。通过搭配治愈系服饰净化海洋,与人鱼伙伴共舞唤醒生态能量,最终举办海洋时装秀拯救人鱼国度。
目标用户群与视觉定位
:偏好梦幻治愈风格的16-25岁女性用户
参考了很多游戏的人鱼主题的运营活动界面,也在网上搜了很多人鱼相关的美学设计,美人鱼美学的视觉元素主要以蓝色、绿色或珍珠色调为主。质感通常是光滑、闪亮且带有虹彩效果,类似于鱼鳞。(mermaid)
深海 幻境 贝壳 珍珠 鱼尾 鳞片 光感 绸缎 海底 光纱 水母 水波
一开始我想尝试偏深色调的界面,反反复复产出了多版的深色稿,想营造一种深海遗迹的感觉,但是总不满意做出来的效果,而且画面偏脏。后面根据骨头老师和嘉威老师的反馈,又尝试了偏亮的白色画面,将两种色调的风格整体对比了一下,白色调设计的平面质感更清晰,交互信息的层级也更易识别,整体观感更舒适。
确定了亮色调为基础后,我也定下蓝色和粉色为整体作品的配色方案。
风格稿确定后,整体的画面依旧缺少梦幻的感觉。在塑造阶段,老师建议可以给点水底的效果,增加光斑,营造那种波光粼粼的水下梦幻感。
关卡界面,我想使用漂流瓶作为每个关卡入口的视觉表现。关卡界面修改前,色彩比较单一,画面也显得简单。我调整了水面与标题颜色的色相变化,并在不同漂流瓶之间稍微做了一些差异化处理,这样处理画面显得细节性更强了,不同关卡间有关联也有区别。
弹窗界面的设计中,我运用了大量点线面的平面构成手法,用粉色圆形弥散光突出图标;同时,在整个界面中我加入了不少手写的英文字体作为线的装饰效果,进一步营造优美的氛围。
登录界面的背景图,我先用 AI 辅助生成,之后再进行了一系列平面化处理。在标题设计上,我始终希望打造出华丽、梦幻且贴合人鱼主题的效果,因此融入了英文花体字元素,并以海螺剪影替换部分笔画;其中 “曲” 字还结合拱门元素做了变形,与背景的拱门造型形成呼应。质感与光效方面,我采用贝壳材质,让字体更具华丽感。
做设计时突破舒适圈,本身就是件很艰难的事,不脱产学习更是让这份难度加倍——我得一边工作,一边挤时间推进。当时赶这个作品时,正好遇上公司有重要项目要忙,每天高强度工作、频繁加班,晚上回到家连打开电脑的力气都没有。更难熬的是,有时会卡在设计思路里毫无头绪,忍不住想逃避,心里又急又焦虑,挫败感特别强。
还好有骨头老师一直陪着我,他不仅耐心给我提修改建议,每次我沮丧时,还会耐心开解、鼓励我。现在的我已经不再抗拒下班后给自己“充电”,希望休息调整后,能尽快开启下一个作品的创作。
「元宝咕噜」是位很有自己想法,并且有很高效执行力的同学。
在这套UI作品中最开始阶段就展现了不错的设计感和创造能力。可能的确之前的工作中消磨掉了很多对设计的敏锐度。在作品集的准备过程中我们也稍微走了点“弯路”,但正是有了这样的对比让我们有了更明确的方向——需要做一套视觉更强更有辨识度,更能体现视觉元素的作品。
于是我们在作品集准备的过程中有4个重要的突破点,在这里也分享给大家:
(4)AI立绘的替换(在这个部分我们会看到立绘的选择会让整体UI的气质有很明显的区别~)
很开心能成为「元宝咕噜」的导师,同时能跟进这套作品~希望「元宝咕噜」的作品能给更多同学在作品设计上有很多新的启发~
我是一名8年经验的游戏ui设计师,从上一家公司离职以后,我决定产出一些好的个人作品,一方面是为了更好的求职,一方面是为了提升一下自己的设计审美和综合能力,平时从各个平台上面都有刷到过叶子学堂的信息,感觉叶子的老师们都噶专业,决定报名了叶子学堂的创作提高课。开始创作我的作品。特别鸣谢我的关爱老师骨头33,在创作的过程中提供很多建设性的思路,教给我很多专业性知识。ღ( ´・ᴗ・` )比心。
首先确认美术风格为:
磁带盒未来主义、NASA朋克
,并根据风格确定主色调为:
确定项目名lost planet(失落星域),并根据
情绪版和世界观
提取一系列关键词:
宇宙 飞船 探测仪 超时空隧道
在完成概念稿的过程中,我找了一个比较有科技感的战士的立绘,能给界面带来一种未来感。然后开始用上课教过的
混沌p图法
制作风格稿。
找参考的时候,翻到了《死亡循环》这部作品,作品的美术风格也给了我一些灵感。
它的主调以高饱和的橙黄和暗黑色作为界面的主基调,风格是扁平的印刷复古风,看似矛盾的设计元素,最终展现出了干净利落、现代、潮流的视觉效果,和我想做的复古未来风格很契合。在此基础上,我再结合情绪版中找的一些复古构成主义参考,制作出了第一版风格稿。
结果发现效果更偏向末日暗黑风了一些,在功能面板设计的也有点太过于规整和死板。于是进行修改的第二版摒弃了印刷感和破损感,更偏构成主义。
存在问题:立绘放到界面中又发现现在这种构成主义的背景不是很合适,缺乏故事性,风格上也不是很契合。
因此我整理了调整界面的思路:整套界面应该是
相同的世界观
并且有
联系;
并且可以参考分镜的镜头语言。
最终差不多把属性确定下来了。细化了差不多90%,后面就是开始铺其他界面。
网络班里涵盖了来自天南地北的同学,大家的基础各不相同,我们也花了很多时间给同学们制定不同的成长方案。我们在同学们的身上去找闪光点,鼓励大家找到自己擅长的部分,与结合市面上受欢迎的UI作品之间达到一定的平衡。欢迎更多同学们加入我们!让我们一起创造出更多能战胜“焦虑”,去班味的作品~
那么,今天的分享就到这里啦,对设计有任何想法也欢迎给我们留言! 如果你也希望在2025年踏入游戏行业,或是进一步提升设计技能,请来站酷后台滴滴,了解我们的游戏UI设计课程吧!