战疫之城-原创独立设计二次元轻科幻风游戏UI界面

上海/设计爱好者/3年前/390浏览
战疫之城-原创独立设计二次元轻科幻风游戏UI界面

青春几年,疫情3年。小区被封的我,痛不欲生。遂骂骂咧咧进行了这组创作。

前言:世界观还是在未来科技的场景里,带一点点废土的感觉。人们与病毒作战已经习以为常了,但是不能掉以轻心。我们需要研发更多疫苗,准备更多物资以应付病毒。我们的医护人员,基层工作人员真的辛苦了,他们就像战士一样,为我们拉起安全的保护线。


主界面:

“您醒啦?博士。现在是3022年,人们依旧在消灭变异不断的病毒”


右边的按钮设计为六边形的样子,灵感来源于化学结构。与病毒作战,涉及方方面面,化学,医学,一样都不能落下。


部分按钮做了沉浸式设计。因为界面上内容太多,全部展开不是很美观。于是把‘基因’和‘任务’2个按钮融于场景里。玩家在墙上点击可以查看任务。在桌面的电子屏上点击,可以查看基因序列。界面整体做了仿屏幕的设计,所以带有一定的透视。



角色界面:人物模型来源于网络。说起病毒,会联想一些绿色,为了衬托荧光绿,我把背景色调设计成了暗色。但是纯暗色太过沉闷。所以加入一些渐变。并且人物的投影让模型更加有立体感。其实背景隐约可以看到一些科技花纹:菱形,圆点矩阵。

右侧的属性面板,也采用了仿屏幕设计。而人物的基因组成,设计成DNA的样式。与病毒疫情主题更贴合。



建造界面:疫情大规模爆发,我们需要建造更多的方舱医院来接纳伤员,储存物资。

背景上加入了一些工厂结合的设计,类似于塔吊等等。意味着这是个建设,搞基建的界面。

左边做了科技一点的轮盘,玩家上下滑动可以切换。

当点击轮盘上一个图标时,右边会滑出一个具体的详细面板。该面板做了类似毛玻璃的质感效果。



角色图鉴界面:我们把众多可收集的角色,做成这种科技生物树的感觉。一进入界面,从中间白色圆球,伸展出各种关系链。人物角色如星星点点分布其中。


章节界面:


关卡界面:左边的出战小队,设计成通讯视频的样子。您的助手正在跟您通话,发布本次关卡的任务。让玩家更有代入感。最好把头像做成一点闪屏,雪花屏的感觉。



活动中心:

该界面特意强调出第七天的奖励非常丰厚,所以第七天奖励颜色区别于前面,并且特地放大很多。

展示送的人物也做了一点时尚的设计。名字用了镭射的设计,人物比较俏皮,从画面中撕裂开出现,所以做了一点点纸张被撕开的感觉。

同时背景也不乏一些生物化学医学的图案设计。比如六边形化学结构。与前面的界面和主题都贴合。


周卡月卡界面:这里采用了我们常见的‘行程码/健康码’的设计,由生活得到的启发。谁不想拥有一张‘绿码’呢?还不快购买起来?!

因为是引导玩家购卡,所以背景没有做成太暗的颜色。加入了一些科技的蓝绿色,使得背景更加透气。暗纹采用了心电图的花纹,再次贴合"疫情/化学/医学”这种主题。


还是活动中心的界面:限时活动,3大阵营BUFF叠加UP。3个阵营图标也做了时尚一点的镭射设计。左边人物做了一点科技全息幻影的感觉。加上适当的英文排布更显高级。


6
Report
|
11
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
喵果铺子
Homepage recommendation
相关收藏夹
游戏ui
游戏ui
游戏ui
游戏ui
作品收藏夹
游戏ui设计
游戏ui设计
游戏ui设计
游戏ui设计
作品收藏夹
ui界面
ui界面
ui界面
ui界面
作品收藏夹
二次元
二次元
二次元
二次元
作品收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
精选收藏夹
作品收藏夹
大家都在看
Log in