游戏UI之反调牛忙之路(1)
前言
这并不是学术研究论文,也不是非常严肃的设计文章,这只是一个游戏UI设计师-小忙对游戏UI界面设计的个人理解,这里内容略显轻松氛围,只是想给喜欢游戏UI设计并想要加入这个职业的朋友一些引导,看完有所收获就是我最大的欣慰,希望对你有所帮助>.<
至于为什么叫反调牛忙之路?也许和我的个人做事风格有关吧,从小家长和老师就告诉我们这不能做,那个不要碰,对于叛逆的我怎么能够接受?所以我是一个喜欢唱反调的人,我喜欢和别人反着干,你做过的事情?我偏不做,你做过的设计?我偏不做,整个一偏执的人.....但...
也许就是这样的偏执和坚持,让我在短短的时间内摸索出很多非常有用的东西,而这些经验是完全可以复制,可以传授的。
我并不自满,我知道我还有很多东西需要去学习去进步,但在我去学习其他东西的之前,我想把这篇基于游戏UI界面基础和设计两部分的东西记录下来,留给我深爱的这个行业,避免自己以后忘掉或者说没有时间再去写这些东西.
而我在这里更多的是想传达一种思想,而非炫技,也没什么技可以炫的...说来说去都是基础,然后在基础的基础上去设计而已。因为只有你思维进步了,你才可以在整个做事的方式方法上进步,你的心态端正了,你的做事准则才会提升,而这种提升是非常必要的,如果你根本的思想境界不提升,就算我教会了你全部技法,你又能怎么样呢?你只不过是学会我的技法而已,而没有站在一个全局游戏设计师的思维高度去思考问题,最终你不过是一个大家熟称的“美工”而已,而不能称之为真正意义上的“设计师”。
好了废话不多说,那么此次分享的重点就是分为两个大类,基础一类,设计一类,基础包括了游戏UI的常识,理论,制作等基础,设计将在基础篇之后给大家讲一些个人设计实例。
游戏UI的概念
先介绍一下UI:UI即User Interface(用户界面)的简称。泛指用户的操作界面,UI设计主要指界面的样式,美观程度。而使用上,对软件的人机交互、操作逻辑、界面美观的整体设计则是同样重要的另一个门道。好的UI不仅是让软件变得有个性有品味,还要让软件的操作变得舒适、简单、自由、充分体现软件的定位和特点。
那么游戏UI又是什么呢:Game User Interface很简单的就是字面意思,基于游戏设计的UI,游戏UI分为两大类:游戏UI界面设计和游戏ICON设计。
如果是界面比喻是骨架,那么ICON就是血肉,两者相辅相成不可分割。
而我在这里要讲的,就是游戏UI界面的设计。并非是ICON的绘制,此处不会讲太多和美术基础相关的东西,但作为一名游戏UI,良好的手绘能力是必不可少的。
游戏UI应用范围
PC端,Web端,Moblie端,VR,AR等,这里只举例出应用范围在Moblie手机端的游戏UI界面设计案例。
游戏UI制作方式分类
2D UI - 常见的以平面制作为主,更多的是通过2D方式去实现一切UI的制作和展现,无需3D软件配合,2DUI没有3D UI的灵活性,但它确是游戏UI发展史上最广泛使用的制作方法。在交互动效表现上比3D UI会差一些感觉,但精美程度可以做到很高!
如图:
3D UI - 近年来最为凸显3D UI制作水平的当属炉石传说了,3D UI的优势就是可以完全和场景完美的融为一体,无障碍的翻转动势表现力,3D华丽特效的表现力都是2D很难达到的真实程度。
3DUI也最适合做重交互的游戏体验,让人沉浸其中无法自拔达到心流(这里不详细解释什么叫做心流,可以自行查找资料)体验的感觉,因为很多国内很多游戏的UI设计总是会让人感觉在玩UI而不是在体验游戏本身的乐趣,国内游戏这种制作尤其明显,国外这种情况很少,而优秀的游戏UI设计师总是在努力的往这种和游戏场景完美合一的境界去制作UI。所以建议大家多玩欧美设计师设计的游戏,一边玩一边思考总结。
无UI - What?什么是无UI?无UI还能玩吗?当然能,看看地狱边境Limbo和Inside这2款游戏你就知道什么叫做无UI设计的游戏了。
但我们不要曲解无UI的意思,虽然说无UI,但就以以上2款游戏做例,深度玩了之后你会发现,虽然游戏没有任何UI界面,但游戏设计师非常巧妙的设计了视觉+听觉的结合,让你沉迷于深度体验游戏的过程,通过最直接的感官链接了人和机器之间的冰冷感,这样的设计并不适用于大部分游戏,但却是一个非常好的设计思路不是吗?不过要是游戏都是这种设计的话- -岂不是游戏UI设计师都要失业了?
游戏UI大风格分类
写实
适合端游,页游,最好少用于手游。
Q版
适合手游,小屏幕方寸之间最适合Q版大色块儿,夸张的造型去表达内容
游戏UI其他风格统称分类
欧美风
分支:魔兽风 暗黑风 魔幻风蒸汽朋克风 哥特风 等等
成熟成型并引领全球的风格体系,具备多种创意,题材,风格和先进的制作方法的风格
日韩风
分支:日风 韩风
手游兴起的时候韩式游戏迅速占领市场,韩式比日式更容易被大众接受。韩式自称体系,以简洁的UI设计为主,突出角色和特效的华丽。
中国风(截止2016年中国风都未真正意义上的形成体系)
分支:水墨风(但水墨风并不是中国风)古典风等
游戏UI制作方法分类
绘制
通过数位板PS里手绘像画原画一样绘制出整个游戏UI界面,笔触感强,有年代感和质感强烈。
矢量(国外常用,Q版设计常用)
通过PS里的钢笔工具制作出矢量的游戏UI,特点就是干净,轻质感,特别适合手机设备的大小。
游戏UI制作软件
AdobePhotoshop CC 或者以上版本,是的你没看错,就是PS CC这一款软件即可。
除非是3D UI设计,你要会3D模型制作以外,平常绝大多数设计都是在PS上完成。
字体文件存放位置
C:WindowsFonts
字体是我们做游戏UI设计非常重要的一环,此处不能忽略。
笔刷安装方法
笔刷文件后缀名都为.abr文件
所以直接在网上下载了.abr的笔刷之后,在文件夹中选中拖入打开的PS CC内即可,
查看笔刷需要在新建了画布之后按F5,你就会发现笔刷已经安装成功。
在这里推荐一下:Blur's good brush 7.0 pro 或者以上版本的笔刷
游戏UI设计常备小插件
PS PLAY
Ps Play是一个通过Wi-Fi网络,实时在终端设备上预览电脑上Photoshop的设计稿,可同步调试及截图保存到移动终端,并可以通过Email、微信等工具即时分享的跨终端应用。ISUX首个独立策划、设计及研发的跨终端应用产品华丽诞生了。
PSD缩略图补丁
安装之后可直接在文件夹内显示PSD图像内容,配合ACDSEE3.1使用效果最佳(具体安装方法网上都有,此处不解释)
PhotoshopCC圆角插件神器-CornerEditor
(具体安装方法网上都有,此处不解释)
如果你是苹果手机,可Apple Store里面搜索Ps Play这款同步电脑端查看画布内容的小软件配合使用,方便你一边在电脑上设计,一边用手机查看实机效果。
UE用户体验
用户体验(User Experience,简称UX或 UE)是一种纯主观的在用户使用一个产品(服务)的过程中建立起来的心理感受。因为它是纯主观的,就带有一定的不确定因素。个体差异也决定了每个用户的真实体验是无法通过其他途径来完全模拟或再现的。但是对于一个界定明确的用户群体来讲,其用户体验的共性是能够经由良好设计的实验来认识到。计算机技术和互联网的发展,使技术创新形态正在发生转变,以用户为中心、以人为本越来越得到重视,用户体验也因此被称做创新2.0模式的精髓。
我们在游戏UI界面设计的时候,除了制作上绝大部分时间的花费,更多的还是深入思考用户体验上的设计,务必做到用户操作的舒适和流畅,这一部分会在设计那一部分讲一讲。
今天就分享到这里,我们下次分享继续,如果您想听任何和游戏UI界面设计的相关内容,欢迎在QQ群里面找小忙发表建议和意见:574643069