《诺弗兰物语》UI设计

Recommanded by editor
上海/UI设计师/4年前/11445浏览
《诺弗兰物语》UI设计Recommanded by editor
终于上线了,跟高考结束一样的感觉。自己从头到尾跟完了一个项目,算是有了一个交代。整理了自己做的一些东西,慢慢放上来。
b站闪屏,我做的背景,文字和整体润色部分,觉得比较适合封面,而且也挺好看的,就用了。
b站闪屏,我做的背景,文字和整体润色部分,觉得比较适合封面,而且也挺好看的,就用了。
Collect
主界面,超出屏幕的主要系统有悬浮水滴tip,同时也可以点击过去。
主界面,超出屏幕的主要系统有悬浮水滴tip,同时也可以点击过去。
Collect
研制!把最终版的功能和效果铺了铺。
研制!把最终版的功能和效果铺了铺。
Collect
我想的像是侦探游戏一般的!灵感的弃用版本。
我想的像是侦探游戏一般的!灵感的弃用版本。
Collect
比较满意大小量的样式。就是可能翻译起来不友好。
比较满意大小量的样式。就是可能翻译起来不友好。
Collect
签到结合元素日概念,下方有你拥有的对应当前元素日属性的妖精出来说话。
签到结合元素日概念,下方有你拥有的对应当前元素日属性的妖精出来说话。
Collect
技能发动,后续优化ing。
技能发动,后续优化ing。
Collect
拉开魔法抽屉,已经到达的等级是星空划开这样的概念。
拉开魔法抽屉,已经到达的等级是星空划开这样的概念。
Collect
有了右边的钥匙可以打开另一半奖励,是通行证的概念包装。
有了右边的钥匙可以打开另一半奖励,是通行证的概念包装。
Collect
开启划开星空的钥匙。(通行证购买界面
开启划开星空的钥匙。(通行证购买界面
Collect
用各个npc给你补习作业的概念做课堂学业知识增加。
用各个npc给你补习作业的概念做课堂学业知识增加。
Collect
不同的属性妖精选择的时候有不同的背景特效表现其属性
不同的属性妖精选择的时候有不同的背景特效表现其属性
Collect
社交。
社交。
Collect
通用成长界面
通用成长界面
Collect
妖精面板,改了好几版。
妖精面板,改了好几版。
Collect
后续妖精的养成系统都用animator做了切换,对接的客户端看了都说累!
后续妖精的养成系统都用animator做了切换,对接的客户端看了都说累!
Collect
《诺弗兰物语》UI设计
Collect
《诺弗兰物语》UI设计
Collect
冥想,添加了一个快速过去的按钮,我觉得是挺好的交互修改。
冥想,添加了一个快速过去的按钮,我觉得是挺好的交互修改。
Collect
《诺弗兰物语》UI设计
Collect
很早的一套了,很喜欢这个版本的培育,但是后期功能太多了,没法用这个小格子展现了,后面改成了现在的样子。
很早的一套了,很喜欢这个版本的培育,但是后期功能太多了,没法用这个小格子展现了,后面改成了现在的样子。
Collect
但是还是很喜欢这版给人的感觉,还是放出来分享下。
但是还是很喜欢这版给人的感觉,还是放出来分享下。
Collect
《诺弗兰物语》UI设计
Collect
《诺弗兰物语》UI设计
Collect
早期的次级弹窗。
早期的次级弹窗。
Collect
再在当前基础上细化拟物的一版,后面还是用了之前的更加简单的拟物细化。
再在当前基础上细化拟物的一版,后面还是用了之前的更加简单的拟物细化。
Collect
现在的通用弹窗面板
现在的通用弹窗面板
Collect
委托板。
委托板。
Collect
《诺弗兰物语》UI设计
Collect
《诺弗兰物语》UI设计
Collect
自动种植功能,改了四五次吧,我真的哭了。
自动种植功能,改了四五次吧,我真的哭了。
Collect
派遣,这个飞艇我画的!hhhh
派遣,这个飞艇我画的!hhhh
Collect
秘方,有一套独立设计的符文符号
秘方,有一套独立设计的符文符号
Collect
《诺弗兰物语》UI设计
Collect
画飞船的时候随手改的趣图1
画飞船的时候随手改的趣图1
Collect
画飞船的时候随手改的趣图2
画飞船的时候随手改的趣图2
Collect
请大家多多支持hh
请大家多多支持hh
Collect
终于在做礼包的时候有妖精立绘用了,我留下了痛苦的泪水。
终于在做礼包的时候有妖精立绘用了,我留下了痛苦的泪水。
Collect
《诺弗兰物语》UI设计
Collect
月卡特权。
月卡特权。
Collect
这个过渡动效的逻辑我设计得挺满意的,大家可以买买看。笑
这个过渡动效的逻辑我设计得挺满意的,大家可以买买看。笑
Collect
后续的一套对应货币的特化礼包,做得时候还挺喜欢的。(可能是终于有妖精立绘用了吧。)
后续的一套对应货币的特化礼包,做得时候还挺喜欢的。(可能是终于有妖精立绘用了吧。)
Collect
《诺弗兰物语》UI设计
Collect
《诺弗兰物语》UI设计
Collect
妖精盯着蛋糕流口水!你能忍住狠心不给他们买么!!
妖精盯着蛋糕流口水!你能忍住狠心不给他们买么!!
Collect
后续加的零食相关礼包。夹心饼干相关全部重绘了一次,所以又做了一版新的。
后续加的零食相关礼包。夹心饼干相关全部重绘了一次,所以又做了一版新的。
Collect
b站联动banner
b站联动banner
Collect
水晶球加速相关,也做了好几版。最早水晶球给的设置功能,后面又给了邮件,最后给了加速。
水晶球加速相关,也做了好几版。最早水晶球给的设置功能,后面又给了邮件,最后给了加速。
Collect
《诺弗兰物语》UI设计
Collect
加速特效示意。
加速特效示意。
Collect
图鉴相关,有几个直接手机截图了,看得更自然。
图鉴相关,有几个直接手机截图了,看得更自然。
Collect
《诺弗兰物语》UI设计
Collect
《诺弗兰物语》UI设计
Collect
很早的手账,虽然改了几次,不过后面就确认了没有再改过,用的还是之前的主角形象。我更喜欢之前的黄毛主角..
(小声)
很早的手账,虽然改了几次,不过后面就确认了没有再改过,用的还是之前的主角形象。我更喜欢之前的黄毛主角..
(小声)
Collect
npc手账
npc手账
Collect
小镇功能示意。后面用spine意思意思了这个动态。
小镇功能示意。后面用spine意思意思了这个动态。
Collect
邮件,本来想做邮件从邮箱快速飞出来的出现动效的,最后跟程序讨论下成本蛮大,就。
邮件,本来想做邮件从邮箱快速飞出来的出现动效的,最后跟程序讨论下成本蛮大,就。
Collect
本来要做上下浮动的,魔法漂浮的感觉的,不过确实对可读性下降的程度有点大,就放弃了。
本来要做上下浮动的,魔法漂浮的感觉的,不过确实对可读性下降的程度有点大,就放弃了。
Collect
这种卡池概率示意图我觉得还是挺好玩的,剪影态表示有没有拥有,点击有详情可以看。
这种卡池概率示意图我觉得还是挺好玩的,剪影态表示有没有拥有,点击有详情可以看。
Collect
《诺弗兰物语》UI设计
Collect
分享,想做成小手账的感觉。因为是混池,那时候分享苦恼了很久。。。这个是都是道具的
分享,想做成小手账的感觉。因为是混池,那时候分享苦恼了很久。。。这个是都是道具的
Collect
这个是都是妖精的,大家可以去游戏抽了分享看看实际效果!
这个是都是妖精的,大家可以去游戏抽了分享看看实际效果!
Collect
《诺弗兰物语》UI设计
Collect
《诺弗兰物语》UI设计
Collect
这里开始是图鉴分享。
这里开始是图鉴分享。
Collect
《诺弗兰物语》UI设计
Collect
《诺弗兰物语》UI设计
Collect
up卡池的妖精UI展示,之前没有这个需求,要加的时候痛苦了好一会。。
up卡池的妖精UI展示,之前没有这个需求,要加的时候痛苦了好一会。。
Collect
抽卡最终示意图
抽卡最终示意图
Collect
《诺弗兰物语》UI设计
Collect
分享家具界面,我觉得我们游戏家具这块还是很给力的。游戏里好几套都很赞。。
分享家具界面,我觉得我们游戏家具这块还是很给力的。游戏里好几套都很赞。。
Collect
动画示意,就是拍照。自己做了个简单的em
动画示意,就是拍照。自己做了个简单的em
Collect
很早的单抽示意图
很早的单抽示意图
Collect
其2
其2
Collect
大活动公告
大活动公告
Collect
banner。我比较满意我做的第二个大活动的,不过现在还没出就不放了。动效都是自己做的!到时候出了整理下吧。
banner。我比较满意我做的第二个大活动的,不过现在还没出就不放了。动效都是自己做的!到时候出了整理下吧。
Collect
画的几个第一次活动对抗的几个阵营的彩绘样式。
画的几个第一次活动对抗的几个阵营的彩绘样式。
Collect
大活动主玩法。大家看图脑补玩法吧。
大活动主玩法。大家看图脑补玩法吧。
Collect
《诺弗兰物语》UI设计
Collect
《诺弗兰物语》UI设计
Collect
《诺弗兰物语》UI设计
Collect
《诺弗兰物语》UI设计
Collect
《诺弗兰物语》UI设计
Collect
《诺弗兰物语》UI设计
Collect
《诺弗兰物语》UI设计
Collect
礼包出场动效
礼包出场动效
Collect
礼包动效
礼包动效
Collect
最后放个给游戏做的网络加载动效。有时间在整理一份游戏做的动效出来吧。完
最后放个给游戏做的网络加载动效。有时间在整理一份游戏做的动效出来吧。完
Collect
126
Report
|
234
Share
相关推荐
复健
Recommanded by editor
内容含视频
整理一些之前做的UI测试
Recommanded by editor
内容含视频
教程5
教程5
教程5
教程5
作品收藏夹
像素游戏
Recommanded by editor
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
一些芯片美术设计
Homepage recommendation
相关收藏夹
教程5
教程5
教程5
教程5
作品收藏夹
二次元
二次元
二次元
二次元
作品收藏夹
欧美Q版
欧美Q版
欧美Q版
欧美Q版
作品收藏夹
游戏设计
游戏设计
游戏设计
游戏设计
作品收藏夹
UI
UI
UI
UI
作品收藏夹
UI
21
GUI
GUI
GUI
GUI
作品收藏夹
GUI
18
大家都在看
Log in