《英魂之刃》游戏界面UI设计总结分享

资源

需求游戏需要控制包的大小，UI的资源需要控制，自适应大小。

英魂之刃PC网页版当初结合了网页设计，与程序讨论一些效果，在网页上实现不了，但在游戏上大量效果用样式写出来。经过过几年的配合，这样的设计方式在英魂项目已经成熟。

这里游戏采用大量的色块，与线条设计，尽量以程序代码可以实现，除非非要用到图片资源，尽量在设计过程，去掉部分材质等。

图片资源问题

如一像素的边，在自适应后，在不同平台用统一资源，会拉伸，变糊等，这里是可以用程序写出一像素的线，程序可以对线做出左中右，上中下等渐变效果。在扁平的风格上，大多可以用程序写样式，类似，CSS那样，资源三宫，九宫拼接等，不一定要图片资源。要是一些卡通风格游戏，就没法这样设计了，大多数卡通风格，采用了拟物设计，UI都是有材质风格感强的界面，那些大面积都有不同的渐变细节，所以那些游戏没法这样，可以到时可以，（但没那些必要，因为程序写的界面也有缺点，缺点就是改风格时，程序工作量大）（要是图片资源，部分可以快速替换）

资源这块，我下次会专门，针对资源这块，做一个分享

程序合对界面

大多数公司，程序配出来的界面都会与示意图，有差异，如间距，拉伸，因为设计细节精确到像素，所以程序这块要是没有跟进好，游戏效果会大打折扣，这些还是需要耐心。

到这里游戏开发差不多，就可以开始测试了。

优化设计

游戏优化也可以说，游戏界面设计正式的设计。

所有界面功能，都以模板快速套用开发。但大多界面只能做到有功能，不出彩也没有什么创意。所以需要针对游戏的主要界面，进行设计，这里花费的时间较多。（一个创意，需要的元素，或者需要动态效果，光效等等）

如所有游戏图标类型统一设计，考虑造型代表的意义，图标的质感。 另外常见主要界面，匹配界面，房间界面，选人界面，战斗界面，结算界面。从主到次，细节一步步优化下去。时间周期根据配备人员而定。

优化内容，我会找个小图标，给大家分享。

总结

为什么UI出现风格改动？

1.策划，交互，有没有考虑好导致最终体验不好，界面调整导致修改量大，界面没能做到完整，导致重新设计。

2.游戏看久了，不好看，做的太丑改，为什么太丑？技术不行，时间不够等等原因。。。

为什么后期内容太多？

前期没有考虑清楚，导致后期修改

为什么游戏上线不够高大上？

优化做了吗？为什么没做？（时间不够）（为什么修改太多，前期没有考虑好）

以上所有问题都有可能出现，我们可以做的只是把可能出现的问题，尽量排除。这里前期交互上要多考虑。

游戏为什么讨论？

讨论为了更好的做好交互，这能保证少犯错误

游戏为什么这么设计？

在设计过程中需要所有细节，围绕着主体去设计，布局合理突出主体。多参考竞品了解为什么他们会这么做？怎么由来？对还是错？

模板怎么设计？

多设计几张界面，在统一去看是否出现重复，保证风格统一模板一致，要选择取舍。当设计好一个界面，发现在设计下一个模板时有更好的方法，或统一时需要取舍。

界面为什么要优化

在前期所有的铺垫，就是为了最后的设计。在所有基础都稳固后，针对界面进行设计，一个创意可能需要，原画，3D，光效等团队配合完成，这里要是在前期基础不稳时，花了大量的时间去设计，最后只会徒劳。

游戏需要团队，个人能力有限，想做也是空想，没有团队的配合，再好的创意也实现不了。

如果条件允许，其实优化与模板可以一起设计，这样开发时间会缩短，成本上会加大。

我整理了一份游戏的开发标准选择，把游戏分几个级别，每一级别的流程等，等下次有空在放出来。

如果没有交互设计师，交互是策划来做，还是UI更合适？

1.策划有个玩法，也找到了同一类型的游戏功能，做为参考，UI设计师根据需求把视觉效果设计出来。

2.当UI看到需求后，在了解游戏功能后，根据视觉布局设计出不一样的布局，但同样可以表达这个效果，再与策划讨论最终方案。

最后不管团队是否有交互设计师，UI都需要全程把控拿出来多讨论（不管怎样，所有的建议都是参考，合理的分析建议，最终一致通过的都是对的）

这可以保证少错。避免不必要的修改。

谢谢

FEVTE编注：更多平面设计理论学习请访问飞特网平面设计理论知识栏目，地址：https://www.fevte.com/plan/shejililun/