登录
注册
首页
AI绘画
视频教程
图文教程
精选教程
资源下载
职场秘籍
绘画资讯
素材参考
排行榜
搜索
登录
注册
账号设置
退出登录
全部
全部
绘画课程
视频教程
图文教程
资源下载
职场秘籍
绘画资讯
素材参考
热门搜索
热门搜索
请输入正确的搜索词
确定退出登录
确认
当前位置:
画师巴士
绘画教程
UI教程
游戏UI设计要点有哪些?附UI作品欣赏
游戏UI设计要点有哪些?附UI作品欣赏
2020-09-01
2703
大家闲下来都会想打一局游戏放松一下吧?
但是你有想过,
沉迷的游戏究竟有什么奥秘?
其实一个好的游戏,除了人物设计,剧情以外,
它的UI界面也是非常关键的,
今天就通过学生的作品,
来给大家简单聊聊UI中的那些要点吧
要点一:文字要简洁明了,方便观众
在UI的设计中,文字信息是非常重要的,
甚至可以说没有之一,
很多界面如果去掉了文字本身,
可能会让你不知所云,
比如名动漫学生设计的界面,
现在我们把文字去掉(渣PS请见谅哈)。
给人的感觉只会是一个空洞而又抽象的石板,
如果在游戏中我们看到的是后面的图,
估计很多同学的第一反应会是“出BUG了吧?”,
现在我们还原文字,
很明显了,这是一个游戏的副本挑战选择。
虽然字数不多,但是作为交待内容来说足够了,
当然,文字也不是越多越好的,
比如这个网站设计界面就是UI设计中妥妥的反面教材。
什么都想说,
结果就是文字过密集,字体过于花哨
要点二:整体配色要稳定,避免视觉疲劳
说到配色,看过我们之前教程的同学应该都有印象,
对了,就是“黄金比率”,
主色调占60%,辅色占30%,点缀色占10%。
但是具体到UI界面,
黄金比率还不是最重要的,
还有一个很关键的因素,即:
偏亮偏纯的颜色一般集中在面积较小的区域,
偏灰偏暗的颜色才是画面中最主要的,
也就是“三分纯七分灰”,
比如名动漫学生设计的赛博朋克风的界面。
整体是大面积的暗色,
只有在视觉中心的部位才有一些偏纯偏亮的色彩,
这样给我们的感觉就不会过于花,
像是下面这种色彩搭配,
虽然大体上也符合“黄金比率”,
但由于纯色占了画面中最主要的区域,
还是辣眼无比。
要点三:视觉引导要合理,自然,清晰
在界面设计中,
我们需要让关键位置有明暗和色彩的强烈对比,
这样才能让观众第一时间就能看到,
而不要把界面的设计当做“捉迷藏”。
(1)比如这个学生的作品设计中
界面整体的色彩是比较偏“灰”的,
但得益于做出了明暗的强烈对比,
我们在第一时间依然能看到周围的物品/技能栏,
这就是巧妙运用视觉引导的例子。
(2)还有这个“签到界面”
已经完成签到的就可以降低对比度,
(领过的东西还会有人特地去看么?),
玩家更关心的是当下自己所领到的东西,
因此蓝色+橙色的对比色,
就很好地引导着玩家往“第三天签到”去看,
而模糊不清的界面设计,
除了只会让客户不知所措,
甚至遗漏重要信息以外,
毫无意义。
要点四:风格上保持一致,避免突兀
你的界面风格是现代的,
那么整体的元素选取,
也是要以现代的科技或者元素。
这样风格高度一致界面才会避免“违和感”,
所以也就不难理解,
《和平精英》之前搞过的关二爷拿AK的设计,
能有如此大的争议了。
好了,上面给大家讲了讲关于UI设计中的几个要素,
接下来看看本次UI班级的学生作品吧!
和玩游戏相比,
当然是全盘掌控开始自己画更有境界,
爆肝有成就!想玩啥风格都行!
橙子-安琪
宝-马路-糖花花
芋泥奶茶-五里-执笔
RNJun7-长腿哥哥-冰糖
下面还有学生的过程图
6
7
8
9
作品欣赏
设计
ui设计
游戏UI
UI教程
分享至:
文章内容来源于互联网,本站只负责对文章进行排版编辑,不代表本网站立场和观点。如果本文侵犯了您的知识产权,请与我们取得联系,我们会及时修改或删除。
画师巴士
绘画教程
UI教程
当前
上一篇:
世嘉策略大作欲赶超《文明》——站在巨人的肩膀上才更接近完美
无
下一篇:
二次元人物臀部怎么画?动漫人物屁股画法教程
无
相关文章
游戏ui初学怎么入手
游戏ui可以学出来工作
游戏ui出来可以做什工作
如何让自己的UI设计得更加有高级感?
【名动小课】线上学习UI制作-布尔运算
【名动小课】闪闪玉石珠宝的在线绘画教程
【名动小课】平面UI设计的网络课程,新手值得一看
【游戏UI教程】0基础小白在入门游戏界面设计时注意事项
游戏ui是什么?如何成为游戏ui设计师?
游戏UI视频教程分享
相关插画图片壁纸
养成游戏UI绘制过程步骤图
首充大礼
开始游戏9
少女与钢之诗游戏界面
仗剑江湖
人数属性每日任务
战斗界面2
角色属性充值商城
古风集合
战斗评级4
登录游戏人物属性道具商城礼包1
冥妖
技能首充游戏界面
诛神之印游戏界面
模式选择5
手机游戏UI设计
任务属性充值礼包
副本选择
琉璃月
游戏装备素材界面
热门课程排行榜
1
商业插画职业网络班
2
CG漫画职业网络班
3
CG基础网络班
4
角色原画职业班
5
游戏UI设计职业班
6
CG漫画职业班
7
场景概念设计职业班
8
商业插画职业班
最新文章
1
商业插画培训哪家专业?如何正确选择商业插画培训?
2
新手如何学原画?学画原画技巧!
3
cg培训如何?原画从业者的回复
4
原画师为什么做不长?
5
CG建模培训学校里面都是学些什么?
6
3d建模可以从事哪些行业?
7
场景原画暑假培训哪家好?场景原画暑假培训都有哪一些?
8
插画师多久可以学出来?萌新提问
9
学原画好?还是剪辑好?原画新手的不解
10
学插画如何入门?教你从零开始学插画!
文章阅读排行榜
1
UI设计最重要的是什么?
2
UI教程:用ps绘制太阳天气预报图标
3
游戏ui是什么?如何成为游戏ui设计师?
4
【UI教程】教你如何拥有一个哆啦A梦
5
【名动小课】线上学习UI制作-布尔运算
6
游戏UI设计要点有哪些?附UI作品欣赏
7
游戏UI视频教程分享
8
【游戏UI教程】0基础小白在入门游戏界面设计时注意事项
9
【名动小课】闪闪玉石珠宝的在线绘画教程
10
【名动小课】平面UI设计的网络课程,新手值得一看
大家都在搜
大佬
床
彩铅人物皮肤
Q版狼崽的画法
画画
画人物表情技巧
人物头像
大长腿
商业美术培训学校
绘画种类
原画设计学校
日漫
游戏与动漫
Q版宇航员
剪刀的画法
小提琴的画法
日系动漫插画网课
巴哈马画师
女鞋的画法
扇子的画法
相关插画图片壁纸
养成游戏UI绘制过程步骤图
首充大礼
开始游戏9
少女与钢之诗游戏界面
仗剑江湖
人数属性每日任务
战斗界面2
角色属性充值商城
古风集合
战斗评级4
登录游戏人物属性道具商城礼包1
冥妖
技能首充游戏界面
诛神之印游戏界面
模式选择5
手机游戏UI设计
任务属性充值礼包
副本选择
琉璃月
游戏装备素材界面
免费学画画
首页
教程
视频教程
图文教程
精选教程
免费学画
资源
资源下载
素材参考
资讯
AI绘画
职场秘籍
绘画资讯
行业资讯
排行榜
复制链接成功,快去分享好友吧~