游戏UI的设计一般分成两个部分,交互功能以及界面美观。
通常,策划会使用visio或者word、excel之类的先把功能区域和按钮画好,交给美术来制作皮肤。对美术来说,photoshop就足够用了。
不过现在比较成熟和有经验策划会提出更多对于交互体验的设计要求,使用GUIStudio或者AxureRP都是不错的交互界面设计软件。
游戏UI的最终实现需要客户端程序员根据设计的需求,编写代码实现。这个就要看是什么引擎什么语言了
UI设计需要的知识主要是交互方面的,现在关于UE方面的网页设计书籍有一大堆,其中大部分在游戏UI设计方面是共通的,不过因为一些特殊习惯方面的不同,以及功能性的区别,还需要在工作中积累相关经验。
《Don'》
《用户体验的要素》
这几本是交互体验中比较出名的几本,推荐阅读。
ui设计需要用到的软件很多,现列举一些ui设计常用的软件如下:
Photoshop、、、AxureRP、sketch。
(1)Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有效地进行图片编辑工作。ps有很多功能,在图像、图形、文字、视频、出版等各方面都有涉及。
(2),常被称为“AI”,是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件。作为一款非常好的矢量图形处理工具,该软件主要应用于印刷出版、海报书籍排版、专业插画、多媒体图像处理和互联网页面的制作等,也可以为线稿提供较高的精度和控制,适合生产任何小型设计到大型的复杂项目。
(3)软件可以帮助您高效且精确地创建无数种引人注目的动态图形和震撼人心的视觉效果。利用与其他Adobe软件无与伦比的紧密集成和高度灵活的2D和3D合成,以及数百种预设的效果和动画,为您的电影、视频、DVD和作品增添令人耳目一新的效果。
(4)AxureRP是美国公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。
(5)Sketch,即Sketch-A-Etch,是一款素描绘画类的软件,玩家需要旋转左右两个旋钮来控制面板上的画笔描绘出你想要的图像,并且可以给它们上色。
UI设计软件主要有Pixso、Figma、Sketch、Adobe XD等。
一般来说,如果是做APP页面设计的话,推荐使用sketch,但是sketch有一个缺点,那就是只能够在mac端上边进行使用。PS也是肯定需要用到的,在处理一些图片的时候也可以使用PS,PS毕竟是一个神奇。
设计原则:
1、简易性界面的简洁是要让用户便于使用、便于了解产品,并能减少用户发生错误选择的可能性。
2、用户语言界面中要使用能反映用户本身的语言,而不是游戏设计者的语言。
3、记忆负担最小化人脑不是电脑,在设计界面时必须要考虑人类大脑处理信息的限度。人类的短期记忆有限且极不稳定,24小时内存在约25%的遗忘率。所以对用户来说,浏览信息要比记忆更容易。
一、UI设计主要软件:PS?即Adobe?Photoshop
对于最细小的软件图标,是用矢量绘图软件制作的,这样放大才不会失真,没有虚边。比如CorelDraw、、FreeHand等都可以用来做图标,没什么限制。但是据行业数据统计,UI设计行业中,常用的主要软件为:PS和AI,其中PS为市场占有率最多,AI通常被用来纯矢量图辅助设计。
二、思维导图软件:或XMind?
或XMind都为思维导图软件,具体使用哪个软件并不重要,根据个人习惯就行。?
思维导图想必大家在进行策划分析和头脑风暴时,都用过。在UI设计中,也是经常用到。主要用来整理产品需求思路、产品架构、产品的交互逻辑等等。总之,在做视觉之前,他都是大家整理思绪的好帮手。
三、快速原型设计工具:Axure?RP或者Skech?
Axure?RP是一个专业的快速原型设计工具,Axure?RP是美国Axure?Software?Solution公司旗舰产品,是一个专业的快速原型设计工具。主要让定义需求和规格、设计功能和界面的专家(产品经理、UI设计师)能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。?
另外还有skech软件,Sketch让我们尽可能少的设计,将UI放在了首位,让我们专注于响应式的设计而不是照片的编辑,关注于交互和动画而不是人造的材质,但其市场占有率正在设计的发展阶段,多数集中于Axure。
四、动效设计:AE软件?
越来越多的国内公司开始关注动效设计了,越来越多的团队意识到动效在产品用户体验中的重要性。?
作为UI设计师,我们为什么需要动效设计??
终极一点:就是让用户更加爽、更加爽的用你的产品(app、软件、智能硬件端等等)。动效设计可以将本来静态的图片用动态的逻辑表达出来,大多为了表达抽象的交互体验设计而制作动效,这样整个团队也能对未来产品的各类动态体验设计都有一个直观的认知。总之,在交互体验设计中用处太多,太强大了。?
五、前端设计:Dw软件?
即,是html开发工具,编写静态页面和css样式,提示很给力,设计人员用的多一点。我们UI设计师也是需要了解学习前端的布局和设计的。?
说起设计师希望学前端的初衷,大概还是因为各种华丽的网页特效/交互太过吸引人,这种感觉大概就是:“Hey,我的设计稿(静态图片)可以做成网页访问了呢!?好在,“展示”对于前端技术来说反而是最简单的部分。所以,放下你对“编程”两个字的恐惧,从“称不上是编程语言”的?HTML/CSS?开始,先做点有成就感的东西出来吧!对于设计师来说,最有成就感的一定是“可以看到的东西”,而?HTML/CSS?正是用来干这个的。以至于最后UI设计师们能够更好的配合前端工程师们做好设计。
学UI设计需要学习一些专业的设计软件,比如Adobe Photoshop、Adobe 、Sketch、Figma等。
这些软件都是业内常用的设计工具,可以帮助你实现各种各样的设计效果。除此之外,还需要了解一些基础的设计原理和技巧,例如色彩搭配、排版、构图等等。
互联网行业目前还是最热门的行业之一,学习IT技能之后足够优秀是有机会进入腾讯、阿里、网易等互联网大厂高薪就业的,发展前景非常好,普通人也可以学习。
想要系统学习,你可以考察对比一下开设有相关专业的热门学校了解学校,好的学校拥有根据当下企业需求自主研发课程的能力,能够在校期间取得大专或本科学历,中博软件、南京课工场、南京北大青鸟等开设相关专业的学校都是不错的,建议实地考察对比一下。
祝你学有所成,望采纳。
北大青鸟中博软件学校学生课堂实录