美文网首页游戏UI
科普——游戏ui

科普——游戏ui

作者: Carrie77588 | 来源:发表于2017-06-26 02:18 被阅读71次

    随着互联网和移动互联网的火热,现在的游戏行业可谓是如日中天。最早有记录的电子游戏诞生于1957年,而在1970年代才开始以一种商业娱乐媒体被引入,成为1970年代末日本、美国和欧洲一个重要娱乐工业的基础。而早期的游戏画面简陋,红白机,像素风等,美术基本分类没有这么细致。到了端游时代,画面开始精致起来,ui这个工种才慢慢出现。接着是页游时代,到现在的手游时代,ui才开始慢慢火爆起来。

    那么当今游戏ui有哪些大致的分类,有需要怎样的技能才能入行呢?

    首先分类来说,从游戏的载体来说,大致是分为端游,页游,以及手游。

    1、端游像炉石传说,暗黑3,英雄联盟等,它们与页游和手游相比就是开发周期要长很多,属于PC端游戏,需要用鼠标操作,美术精细度高,界面是适应于PC端的交互方式(鼠标点击,拖拽等)游戏操作方式多。

    炉石UI界面

    暗黑3UI界面

    刺客信条UI界面

    2、页游就像是浓缩版的端游。像一开始的神仙道、现在各种代言的中国风类似暗黑系列的,以及北欧风、休闲风游戏等等。他的交互方式是比较傻瓜式的做任务,不会涉及到太多难的操作,布局方面就是一排排全部排列,但是其精细度还是保留了下来。

    轩辕剑

    3、手游的UI,现在手游市场的火爆,手游UI的需求还是比较大的,以后我所涉及到的也会以手游为主。手游和之前两个有着很大的不同,首先是操作方面。他的交互方式以单击,双击,长按,上下左右滑动等为主。其次,手机屏幕不像PC,空间有限,所以界面一次性呈现出来的东西必须精简,主次就变得很关键,有些功能可以隐藏,这个就需要设计师根据需求来设计界面。最后,根据操作舒适区来做按钮的布局,一般是遵循左上重视觉,右下重操作来规划界面的布局。

    皇室战争主界面

    碧蓝航线人物详情、战斗界面

    阴阳师主界面、人物详情。

    崩坏3主界面

    王者荣耀登录、结算界面。

    魔法纹章主界面、英雄界面

    以上是根据载体的分类,入门以后,还有一种比较重要的分类,这个就是根据设计者自身个人的喜好了,这个定位也比较重要-----按风格分类。市面上一般来说大体是分为这几类,中国风,Q版,日系二次元,韩风,欧美卡通风,欧美写实风,科幻风等,个人以后可以凭自身爱好与特长来选择。上述例子基本有涉及到。

    那了解了这些以后需要掌握怎样的技能才能开始入行呢?

    UI的核心工作大体分为这几类:LOGO,图标,界面。

    所以首先,你要掌握PS:

    1、图层:会很多,学会分类,建组,熟悉蒙版,智能图层以及其他图层属性。

    2、钢笔和矢量工具的使用:这个不管是画图标还是画界面,都需要能够熟练使用他们,基本的布尔运算,选区的、蒙版之间的转换,都要熟练使用。

    3、图层样式:很多按钮和界面的质感就是用他来做成的。

    4、画笔工具:你需要熟悉,画笔工具的使用。

    5、字体:合适的字体以及字符、段落属性的调整。

    6、切图、保存32位带透明度PNG格式。

    其次是设计基础和手绘基础:

    1、手绘能力:画图标,画ui框(很多游戏ui框是有材质的,比如炉石的外框的石头材质等)这个对造型能力,配色以及绘画功底要求比较高。

    2、排版:界面布局和文字排版,UI界面说到底是操作界面,怎么样能使玩家操作便利,目录清晰是很重要的。

    3、气氛烘托:对于风格是靠UI细节、造型、装饰、质感、配色来把握,比如卡通风和写实风的造型配色就会很不一样。卡通的配色饱和度会更高,造型比较夸张,而写实风饱和度比较低。体现一款机械风的ui可能会在ui框做成金属质感,然后加上一些齿轮等等。

    4、配色:界面也许不够精细,但是你的配色好看可以拯救你的界面。

    5、UI动效:界面的跳转方式,玩家的操作方式(进阶UI使用)

    知道需要掌握哪些技能之后,又应该怎么做才能拿到我们的第一份工作呢?

    其实刚开始接触行业不需要全部掌握以上技能,但是需要做一些了解,才知道应该往哪个方向需要提升。

    对于一个靠手艺吃饭的行业,作品作品作品最重要,重要的话讲三遍。所以对于拿到第一份工作有一个靠谱的作品很重要。那作品集都需要包含些什么,又怎么来做呢?这个就留到下期再说吧!敬请关注!

    最后说一句,游戏的发展是相当之快的,充其量不过是三四十年的发展历程,作为一名游戏美术一定要跟上时代的步伐,时刻关注游戏行业的发展,时时刻刻给自己充电,才能不被时代所淘汰。

    喜欢的可以关注 公众号,定期分享游戏ui方面的知识哟!

    相关文章

      网友评论

        本文标题:科普——游戏ui

        本文链接:https://www.haomeiwen.com/subject/eoldcxtx.html