3个步骤用AI探索界面风格定位

由 发布于

我们知道AIGC在探索界面风格方面可以给我们带来极大的便利。对游戏UI设计师来说，确定游戏视觉风格，主要需要做的是以下三件事：

——
1.探索整体风格

2.建设组件系统

3.生成统一图标

——

Part.1

探索整体风格
在设计初期，我们需要对游戏的整体风格进行定位。而AI在这方面可以快速给出广泛的建议。假如下午要开会是带好某项目的风格讨论，作为设计负责人需要马上给出几个方案。那么AI就是个好帮手。动森风格的休闲游戏，关键词：mobile game interface UI, Animal Crossing NewHorizons style, --ar 16:9V5模型表现出这样的效果：

Niji模型表现出这样的效果：

可以多生成几次，也可以更换不同的模型版本，来尝试更多方案。如上图，V5会生成的较为正常，而Niji会更日式二次元一些，最近MJ推出了V5.1，生成出来的结果会增加3D效果，但可能不太适合我们这个游戏类型，这里就不贴了。在选定的基础上，可以进一步细化增加描述关键词，如这里我们希望游戏更加萌萌可爱一些，可以加上navie,chibi,low purity,Adobe colors这类，当然也可以不加这一步。就变成了：mobile game interface UI, Animal Crossing NewHorizons style, navie,chibi,low purity,Adobe colors, --ar 16:9

Part.2

建设组件系统我们都知道除了生成整张的设计图，还可以扩宽思路，利用AI输出多种风格的设计组件，探索更多设计风格的可能性。我们先尝试生成较为通用的UI组件，关键词很简单：UI kit, flat design, outline, --ar 16:9

但对游戏UI设计师来说，许多设计都是需要被包装在世界观下的，因此可以将世界观元素放在关键词中，例如，哈利波特风格按钮：关键词：UI components, button, HarryPotter --ar 16:9

而我们继续上面的案例，生成动森风格休闲游戏UI组件，关键词：UI kit, flat design, mobile game interface UI, Animal Crossing NewHorizons style, --ar 16:9

当然如果只要按键的话，可以用另一套：关键词：I components, button, Animal Crossing NewHorizons style, --ar 16:9

每一个方案我们都可以细化，看看详细效果：

V1：

V2:

V3:

V4:

Part.3

生成统一图标在游戏开发中，会用到数量庞大的图标资源。通常同一个游戏中的图标风格需要保持统一，那么这里如何保持图标的【风格统一】就成了关键问题。这就需要用到seed这个参数了，seed值能够帮我固定风格。这里需要先U一下我们选定的图，获得放大版本，这里选择V4的第四张图，获得大图之后，在右侧打开表情图标并发送“信封”表情。

这时会在屏幕左上方收到一条消息

打开这条消息就能获得相应的seed值：

然后我们回到刚才的生成界面，输入要生成的图标。继续用刚才的Prompt，但是将开头的“UI kit”改为“Icon design”结尾加上“--seed 1626529029”，于是就获得这个风格许多图标。

不过如果对前面生成的界面风格已经比较确定了，也可以不用seed，直接在原有promtp基础上将开头改为“Icon design”。

定向生成内容图标有时我们需要使用一些定向内容的图标，比如奖杯。直接在前一步已经较为稳定的Prompt基础上，修改关键词即可。例如，将“Icon design”改为“trophy icon design”，来生成奖杯：trophy icon design, flat design, mobile game interface UI, Animal Crossing NewHorizons style, --ar 16:9 --seed 1626529029


选择一个喜欢的，比如V2，继续细化，时间有限这里就不微调了：

有时可以尝试使用Remix模式，这样在通过seed值找到确定的风格之后，可以再删掉seed，来在这个细分风格中进行适当拓展。如果一直加着seed值，后面只会生成出完全一样的内容。

Part.附录

在这里给出一些游戏界面生成的Prompt，方便大家在需要的时候参考。

【游戏视角】First PersonSidewalklsometricThird personTopdown

【游戏风格】2D8 bit / 16 color / 256 color3D realistic3D stytizedAAA Video GameUnreal engineUnity

【游戏类型】(MMO)RPG/ARPGRTSFPSMOBARhythm GamePuzzle GameSimulation GameFighting GameStrategy Game/TBT /TBSSports GameRacing GameCasino GameCard Game

【游戏设定】AsianCartoonCowboyFantasyFuturisticHorrorMedievalPiratePost-ApocalypseReal WorldSteampunkUnderworldWar& Army

【界面类型】Pre-Game MenuCharacter SelectStage / Level SelectStore / Buying / TradingWorld /Area MapStage IntroCharacter Stats / UpgradingRanking/ LeaderboardsInventory / EquippingMission / Quest/ Achievements

【游戏终端】Arcade GameVideo GameHandheld GameComputer GameMobile GameVR Game/ MetaverseNintendo NESTurboGrafx-16Atari 2600/5200/7800Sega GenesisNintendo Gameboy(Colored / Advance)Nintendo SwitchSony PlayStationXbox

  • 图文资料来源自【GameTube】，作品原著作权归作者所有。

  • 本文仅限学习交流，请勿用于商业用途，如有侵权请联系我们。

浏览 (278)
点赞
收藏