游戏界面

游戏界面设计是游戏UI设计的一个分支，主要是主要是通过Photoshop、Illustrator 、Sai、After Effects、Flash、Sketch等软件设计制作游戏界面的美术风格、包括游戏Logo、字体设计、游戏图标ico设计、UI动态美术设计等。Photoshop强大的图片处理软件，PS作为UI界面设计神器，有着强大的图片编辑和处理功能，任何图形都可以用PS来实现，可给图像添加各种滤镜，调整亮度，对比度等，生成高分辨的图形；Illustrator一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件。作为一款非常好的矢量图形处理工具，该软件主要应用于印刷出版、海报书籍排版、专业插画、多媒体图像处理和互联网页面的制作等；SAI一款免费绘图软件，操作简单，软件小巧，而且免安装，更人性化。 画板可以任意旋转、翻转画布，缩放时反锯齿，以及强大的墨线功能、手抖修正功能等，初学者也可以轻松上手；After EffectsAdobe公司推出的一款关于图形和视频处理的界面设计工具，有着强大的动效视觉处理功能，可以帮助UI设计师对图像视频进行任何特效处理，是一个灵活的基于层的2D和3D后期合成软件，包含了上百种特效及预置动画效果；Animate简称AN，原Adobe Flash Professional CC更名得来，是Adobe公司对Flash软件的升级改造，维持原有Flash开发工具支持外新增HTML 5创作工具，为网页开发者提供更适应现有网页应用的音频、图片、视频、动画等创作支持；Sketch一款强大的界面设计工具，专为UI设计师打造的软件，可让你的界面设计变得更简单，更高效，用户能轻松地设置图层面板，可批量命名图层、智能标注页面、填充头像和文字等，可实现多层式填充、渐变、噪点等操作功能；硬件型号：惠普暗影精灵6系统版本：Windows10 专业版软件版本：Adobe Photoshop 2021 V22.1.0.94Sai1.3.0 中文版Adobe After Effects 2021 v17.5

程序一般都需要掌握至少一两种计算机语言吧，主要分为客户端和服务器端，策划其实主要是想，把自己的想法通过表格文档给程序和美工来实现，但是不能天马行空，要能实现才行，主要分为系统策划，执行策划，剧情策划，关卡策划，数值策划等，主要掌握各种办公软件即可美术的话我比较了解一点，分为原画和3D，原画又分角色原画、场景原画、UI界面等，主要掌握Photoshop、Painter等软件，3D美工网游一般需要掌握3DMAX和Photoshop，次世代的3D美工一般是用Photoshop、MAYA、ZBrush等工具

1、视觉流的引导视觉流，就是我们在查看单个界面时的视觉流程。暂且先不考虑手势的热区范围，单从眼动轨迹来看，眼睛对于物体的关注本身是有一定的视觉规律的，比如最简单的从上到下从左到右的规律。一般而言，我们在设计页面的时候会尽量考虑人眼的视觉规律，比如最重要的功能不要放在视觉盲区范围内。但是在这里笔者要强调的是，眼睛的视觉流是可以通过对界面控件合理的层级罗列，恰当的布局来进行有效引导的。2、相似相近原则相似相近，就是“风格统一，同类相近”。风格统一，要保证同一类图标外形上的一致，即使按钮因为字体长短而变得长短不一，但是至少从外形看起来是同一类的。如果你的游戏走的是3D真实风格，那么游戏里就一定不能出现一个二次元妹子，可以考虑增加异次元元素，但是一定要经过美术的专业处理，让整个游戏的画风不至于那么奇怪。《奇迹暖暖》里面有很多不同的服装风格，有古风的，现代的，西方的，中式的，日式的等等等等，但是做过统一化处理之后，一点违和感都没有。同类相近，同一类型控件的位置要离的近一些，即使没有图案的框选，也能知道它们属于同一类按钮。《恋与》的主界面上的功能也很多，但并不让人觉得杂乱无章，同类功能的按钮都摆在一起，不同类型的按钮之间也没有出现相互干扰。最忌讳没有规律的乱摆控件，会造成玩家找不到可点击控件的困惑，还会对功能产生迷茫，不知道该干什么。3、色彩偏向和色彩层次色彩偏向，在界面设计中，都应该有一个色彩的偏向，也就是主色调。在任何一个画面中，色彩都不宜过多，不同色系最好不要超过3种。这就好像穿衣服一样，除非是高级设计师，拥有很好的配色驾驭能力，很少犯错那种，一般人拍在身上的颜色越多越花哨，整个档次就越low。分享一个小技巧：在游戏界面中，可以使用黄金分割率来做出划分，主色调约占60%，辅助色占30%，突出色占10%。色彩层次，在UI制作中，因为精确度要求很高，色彩的亮度和面积有个反比应用关系，这很重要，因为它直接决定了UI原色的主次关系问题。越亮的、纯度越高的颜色在使用面积上慎之又慎，否则就会造成喧宾夺主以及对玩家视觉上的折磨，为了达到视觉上的等同效应，亮度、冷暖不同的颜色也要在面积上进行微调。

不同物理平台需要不同的针对性界面设计。触摸界面，动态界面，键盘鼠标，游戏手柄，虚拟现实头盔，智能电视机等等，不同物理平台需要不同的界面设计。界面设计要主题花。界面设计的美术，内容，玩法与游戏目标要统一起来，形成一个主题。将声音映射到触摸。界面与声音一致起来，能够让玩家得到很好的体验。简约化设计。玩家多选项与界面简单总是有冲突，界面还是要尽量简约，可以把多的选项放到子模式。使用隐喻设计。一个玩家理解界面工作方式的捷径就是把它设计成这个玩家之前见过的事物形状。

ps

最近也在做手机游戏UI界面，用的工具是Axure，也是自己从网上找些资料学的，用熟练了发现很好用。Axure的好处是你可以先做一块960*640的白班当手机屏幕，然后在上面添加各种你想到的UI，功能。画完后在逐个检查是否合逻辑，用户操作习惯，有误功能缺失。而且你可以通过axure设置各种触发条件动作，可以直接拿给你们程序看，除个别地方需要标注流程图外，这个要直观很多，然后逐步提出美术需求。相对于@张诚阳 的回答，我感觉这个路子更野，逻辑不是很严密，也是自己摸索的。目前也在努力学习中.....另外多玩玩游戏，找找同类游戏UI界面看，可能在你开始画界面时会有很大启发，把自己当做一个玩家，在什么时刻g该按那个按钮，这样水到渠成，会得心应手很多。

系统 language 里面 改成Chinese

本文来源于NGACN，作者：偶尔失踪;转载请注明出处！玩家偶尔失踪分享进入/脱离战斗不显示/console floatingCombatTextCombatState 1这个就是关于“进入/脱离战斗”不显示的解决办法，要是想关闭的话“1”换成0，输入该指令宏以后，记得“/RL”一下。只显示40码内血条/run SetCVar("nameplateMaxDistance", 40) SetCVar("nameplateOtherTopInset", -1) SetCVar("nameplateOtherBottomInset", -1)这个是只显示40码以内的血条，不再让更远的血条显示在屏幕边缘，但是这个需要每次进游戏点一下。伤害数字显示在目标上方/console floatingCombatTextCombatDamageDirectionalScale 0可以将伤害数字显示在目标头顶上方，因为到7.0忽然发现伤害数字是发散型的显示，往目标的四周显示，跟以前的显示风格不太一样，一直很不习惯，现在有了这个，就可以回到以前那样 伤害数字显示在目标头顶了！技能说明显示不完全/console set SpellTooltip_DisplayAvgValues "1"关闭自动对比装备/run SetCVar("alwaysCompareItems", "0")打开自动装备对比/run SetCVar("alwaysCompareItems", "1")玩家粽枫TAB到最近的敌人/console targetnearestuseold 1查询自己获取的神器总能量的宏/run _,_,_,_,a,b=C_ArtifactUI.GetEquippedArtifactInfo() for i=0,b do a=a+C_ArtifactUI.GetCostForPointAtRank(i)end print(a)伤害显示命令/console floatingCombatTextCombatDamage 1治疗显示命令/console floatingCombatTextCombatHealing 1职业颜色/run SetCVar("ShowClassColorInNameplate", 1) ReloadUI()玩家zxt_nikita分享：延迟自定义宏 40代表延迟量(可自行修改)/console SET reducedLagTolerance 1/console盗贼新版连击点显示目标头上使用前使用后恢复到原来的连击点的方法：在目标头像上显示连击点，输入下面这条命令，然后小退即可：/run SetCVar("comboPointLocation",1)如需恢复默认设置(即显示在自己头像下)，输入下面这条命令，然后小退即可：/run SetCVar("comboPointLocation",GetCVarDefault("comboPointLocation"))注：该命令是游戏本身的设置，该设置参数是保存在游戏文件夹WTFConfig.wtf中的，同一电脑输入一次即可，会对所有账号生效，无需再次输入。登陆卡蓝条解决方法在进入游戏时，出现蓝条卡死，未响应的情况：请打开WTF文件夹的Config.wtf文件加入SET overrideArchive "0"直接复制进去就可以。(此代码有反和谐功能，可能会因此被官方处理，请酌情使用。)注：(右键点击Config.wtf，选择用TXT记事本打开，在里面加上SET overrideArchive "0")调整天气效果wwlqj1314的分享：不要担心，只要使用一个语句就可以调节游戏里的天气效果了！/console weatherDensity 1这里的数字1是用来调节下雨特效的，可以输入0-3的数值，其中0表示将天气特效关闭，3表示全开。这样就可以简单地调节魔兽里的天气效果啦！最新补充代码做宏的话格式为 /run 代码比如调整最大视距 /run SetCVar("cameraDistanceMaxFactor", 2.6)最大视距：SetCVar("cameraDistanceMaxFactor", 2.6)姓名板显示施法条：SetCVar("showVKeyCastbar", 1)只显示当前的目标的姓名板显示施法_：SetCVar("showVKeyCastbarOnlyOnTarget", 0)姓名板施法条显示图标：SetCVar("showVKeyCastbarSpellName", 1)姓名板大小1.3是宽，3是高：SetCVar("NamePlateHorizontalScale", 1.3)SetCVar("NamePlateVerticalScale", 3)TAB变回以前：SetCVar("TargetPriorityAllowAnyOnScreen", 0)浮动信息1上2下3弧形：SetCVar("floatingCombatTextFloatMode", 2)对目标的伤害0关闭1开启：SetCVar("floatingCombatTextCombatDamage", 1)治疗同上：SetCVar("floatingCombatTextCombatHealing", 1)细节调整 0=关 1=开宠物伤害：SetCVar("floatingCombatTextPetMeleeDamage", 1)SetCVar("floatingCombatTextPetSpellDamage", 1)目标护盾提示：SetCVar("floatingCombatTextCombatHealingAbsorbTarget", 1)自身护盾提示：SetCVar("floatingCombatTextCombatHealingAbsorbSelf", 1)浮动战斗信息详情1开0关。闪避：SetCVar("floatingCombatTextDodgeParryMiss", 1)吸收：SetCVar("floatingCombatTextDamageReduction", 1)周期性伤害：SetCVar("floatingCombatTextCombatLogPeriodicSpells", 1)法术警报：SetCVar("floatingCombatTextReactives", 1)诱捕：SetCVar("floatingCombatTextSpellMechanics", 1)声望：SetCVar("floatingCombatTextRepChanges", 1)友方治疗者姓名：SetCVar("floatingCombatTextFriendlyHealers", 1)进入/离开战斗：SetCVar("floatingCombatTextCombatState", 1)低MP/低HP文字提示：SetCVar("floatingCombatTextLowManaHealth", 1)连击点：SetCVar("floatingCombatTextComboPoints", 1)能量：SetCVar("floatingCombatTextEnergyGains", 1)周期性能量：SetCVar("floatingCombatTextPeriodicEnergyGains", 1)荣誉击杀：SetCVar("floatingCombatTextHonorGains", 1)光环：SetCVar("floatingCombatTextAuras", 1)自动追踪任务：SetCVar("autoQuestWatch", 1)切换地图自动切换任务追踪：SetCVar("autoQuestProgress", 1)显示经验条的数字：SetCVar("xpBarText", 1)移动时大地图透明：SetCVar("mapFade", 1)背包剩余空间：SetCVar("displayFreeBagSlots", 1)个人资源闪光：SetCVar("showSpenderFeedback", 1)不显示预治疗：SetCVar("predictedHealth", 1)自动打开拾取记录：SetCVar("autoOpenLootHistory", 1)显示错误：SetCVar("scriptErrors", 1)

exit save new file start