主界面迭代（一）——迭代背景
本帖最后由 香格里拉-小花卷 于 2021-10-13 18:19 编辑各位亲们，大家好，我是小花卷，近期我们准备对游戏主界面进行整体的迭代，特此向各位少侠汇报。
一、背景介绍
其实我们早在去年甚至更早就萌生了类似的想法，但是需要准备的内容实在太多。并且我们深知主界面迭代是一个仁者见仁智者见智的事情，很难找到一个让所有玩家都满意的结果。而且主界面的修改往往伴随着对各位少侠已有习惯的改变和更替，我们希望不论是修改的过程还是结果都能让大多数的玩家满意。因此我们在主界面迭代的方向上进行了很多的尝试：
首先，我们对界面的新风格进行了一些尝试。虽然天下3一直以来是一个以写实风的界面为主的游戏，但是当下的主流游戏几乎全部是扁平化的界面风格。因此在去年甚至更早之前，我们先对游戏中的已有界面风格进行了较大范围的风格统一，将以往的一些实体化风格的界面改为了蓝底的扁平化界面，例如：家园衣橱、时装续费升级界面、商城界面等等。
随后从去年的下半年开始，我们又在游戏中陆续尝试了一些山海异兽的界面风格，例如：新的推弹界面、山海志异界面、主线的天下有灵界面、奇遇界面等。我们也同步开始对游戏后续的界面风格进行了一些常识性的设计和探索——这其中部分界面得到了各位少侠的好评，当然这个过程中我们也有一些考虑得不周到的地方，让玩家对游戏界面存在一些页游风的认知。虽然过程曲折，但我们相信这是我们得到一个更好更令人满意的结果的一个必经之路。
二、风格预研
我们总结了之前的一些设计经验并与部分市面上比较主流的游戏的界面风格相结合，进行了一系列的风格方向预研，下面我带来了几张简单的风格设计初稿：
1.异兽风格设计方向-素雅
https://ok.166.net/forum/tx3/forum/202110/13/000928yjg3njo8438wh8ou.png 图1.风格尝试过程稿1（非最终结果） 此设计在左侧风格上用龙鳞，更偏玄幻的长剑作为装饰，用云纹做纹理装饰，最后用亮灰色白色打底。界面风格上相对轻量化。异兽皮肤纹理加上取山海涌动波浪线条，按钮控件扁平化，偏时尚布局和画风。
2. 异兽水墨复古-厚重
https://ok.166.net/forum/tx3/forum/202110/13/000932pwl4grc244z4el49.png
图2.风格尝试过程稿2（非最终结果） 本设计在左上角也采用了部分异兽做做装饰，但是相对方案一而言装饰面积更少。界面边缘用水墨的墨痕作为修饰，界面整体用蓝灰色打底，整体看来更加的厚重。整体使用深色的配色，使用山海异兽加上流动线性设计，再加入水墨增加复古的感受。
3. 流线性设计方向—厚重
https://ok.166.net/forum/tx3/forum/202110/13/000934kcanqt1nicc5sanz.png图3.风格尝试过程稿3（非最终结果）本设计装饰性更弱，注重主界面功能的展示，装饰线条使用鎏金曲线作为边角的风格装饰，颜色更加厚重，界面层级更加明显。细节处存在飞鸟、波浪纹进行装饰。在原本游戏内蓝色风格上作出升级，加入烫金流线性设计，去掉了轻薄感，还原老天下写实的框体设计。以山海异兽的剪影与山海涌动流线突出山海方向。保持原本蓝色为主色调能更好地和以前的风格统一，加入更多的金色让界面不在那么冷清，更加精致。
4.异兽风格—飘逸
https://ok.166.net/forum/tx3/forum/202110/13/000935uvwyaagmi8aacegy.png图4.风格尝试过程稿4（非最终结果） 本设计装饰性适中，采用了更多的异兽、飞鸟、海浪、鎏金作为界面的装饰内容，颜色整体偏素雅。界面保持原有的扁平设计。
5. 异兽风格—浓烈
https://ok.166.net/forum/tx3/forum/202110/13/000936httttvqq261lniqn.png图5.风格尝试过程稿5（非最终结果） 本设计主要把界面质感尝试用复古的壁画质感，使用的异兽尾巴或剪影，流线、鎏金作为界面的装饰内容，颜色整体偏素雅，古朴。
6. 山海风格—素雅
https://ok.166.net/forum/tx3/forum/202110/13/000937udxohgbbthzklbdh.png风格尝试过程稿6（非最终结果） 本设计装饰性较少，颜色整体偏素雅。将配色改为山海的青蓝色，依然保持扁平画风，增加更多的山纹、波浪纹的装饰，保留原来月星辰的元素。
7.山海风格—素雅2
https://ok.166.net/forum/tx3/forum/202110/13/000938q0owvuvovvmsojii.png图7.风格尝试过程稿7（非最终结果） 此设计尝试使用新国风设计，古代纸张的质感配合山海的青蓝色结合，依然围绕山海经的一些元素来装饰，整体设计是一种新的尝试。
以上是我们团队分析市面上各类游戏，并且结合自己的游戏体验和考虑玩家的使用习惯，给出的几个方案。在这里跟大家分享，也是想听取大家的意见，如果你们有喜欢的方案可以在后面跟帖回复，如果对某些地方有意见和建议，也进行欢迎讨论。
三、关于调研
我们对游戏内各位热心于游戏的少侠使用各项功能的频率及数据进行了统计，并发放了相关问卷，询问各位少侠对于主界面迭代的意见及想法。根据问卷的结果，我们发现，几乎压倒性的玩家都更倾向于写实风格的界面风格及按钮，虽然这与我们之前所预研的风格方向有所偏差，但是我们还是毅然决然地选择尊重各位少侠，以写实风格为目标对游戏内的主界面进行再设计。
聊到这里，相信有不少少侠对我们进行主界面的迭代存在疑惑，即：在主界面目前也没有给现存玩家存在太多的阻碍的情况下，为什么我们还是一定要这么麻烦地去迭代游戏主界面呢？ 事实上，在各位少侠早已习惯了主界面的使用习惯下，即使不去迭代现在的主界面对于一直在玩天下3的少侠来说，也不存在太多的阻断性问题。但是，不知道各位少侠是否存在过以下经历：离开了天下几年的少侠，在最近突然回到游戏后不知道去哪里试穿时装；不知道新版本的师徒去哪里可以拜师收徒；不知道时装去哪里升级；不知道称谓如何续费……
伴随着回来后界面的杂乱无章和风格混乱的双重洗礼下，最后由于曾经熟悉的游戏已经过于陌生，同时上手难度过大，慢慢的回来的那些“老朋友”，又一次默默的离我们而去。为了让更多回来的少侠能快速上手我们的游戏，同时让新加入天下3的年轻生命力不再为庞杂的系统、混乱的界面所困扰，并且解决目前一直刺痛着真正深入游戏的少侠痛点的设计，我们还是决定对现有的游戏主界面进行完全迭代。
四、迭代思路
为此，我们认为我们迭代后的界面应该具有以下的一些特征：
1.功能分区逻辑清楚
功能分区逻辑清楚，意味着当一个新玩家，或者回流玩家再次回到我们游戏中的时候，我们可以有清晰的语言（一句话），告知玩家不同功能按钮所在的不同的位置。例如：
个人养成功能在左下角（仅举例，不代表最终结果）
这样既方便记忆，又容易在教导其他玩家时传递重要且明确的信息。
2.界面布局存在一定的自由度
不少少侠在问卷留言的反馈中提到：期望能够增加快捷栏；期望能够移动聊天信息栏的位置；期望能够增加聊天分组……我们理解不同的玩家对于界面的不同功能点的需求量是不同的，为此为了尽可能的兼容更多玩家的不同需求，我们认为应当给界面布局更多的自定义功能，来解决现在以及以后不同玩家对不同拓展功能的需求。
3.一级界面仅展示最重要的功能入口
同样，在玩家的反馈中，部分玩家认为在特定的游戏场景下，某些界面是不需要的。同样我们也留意到，在当前天下3 的主界面与战斗界面的切换中，界面信息内容几乎是只增加不减少的。这使得在部分需要集中注意力在战斗信息关注的使用情境下，界面信息内容越来越多，导致界面看起来越来越冗杂。为了减少在不同场景下玩家的注意力被分散的问题，我们会考虑减少一级菜单中部分不常用的功能按钮，同时在特定场景下屏蔽一定的功能入口和信息显示。
以上内容是针对游戏主界面功能布局上所考虑的一个迭代思路，随后我将给大家介绍主界面GUI风格的一个迭代思路。
首先不得不说明的是，每个玩家都对界面的美丑有一套自己的评判标准和体系。但是我们相信真正好的东西是能取得大多数人的认可的。因此在通过问卷得到大多数人都满意的GUI风格方向后，剩下我们需要不断努力和尝试的是，将根据问卷所获得的方向与从去年以来我们一直努力的成果和实践的经验教训相结合，打造出一个尽可能让各位少侠满意的新的主界面风格，并在后续外放的过程中实时跟进各位少侠的反馈意见不断修正。
五、最后想说
本次改动我们希望改变以往改动界面风格的惯例，尊重玩家的真实想法和意愿，同时让更多玩家的真实体验和感受能够影响到后续界面迭代的方向，因此本次改动我们将进行以下改变：
1.以往我们的界面风格迭代，只针对单个区域或者部分功能模块的界面风格更替，这导致了在调整的过程中我们的游戏界面存在着多种不同界面风格的界面。
2.由于没有与玩家及时的沟通，导致我们的界面风格与玩家的诉求产生了不一致的问题。
因此，针对第一点，本次我们希望对游戏主界面进行更为整体的调整，并希望听到玩家更多的声音，努力打造出风格整体、功能更佳，同时也更受玩家满意的游戏主界面。
针对第二点，在正式迭代前，我们将收集信息更多地和玩家分享，在调整的时候，也会更多参考玩家反馈和游戏内数据情况。
期待各位少侠的热情反馈与讨论，爱你萌的小花卷。
支持小花卷！不过我觉得每个都很有自己的风格特色，都蛮喜欢的！素雅2我最喜欢！！
了解KFZ的用心良苦，希望天下能越来越好 比较喜欢前两个，不过个人感觉第一个有点轻薄，第二个配色和细节又有点单调，如果能结合一下就好了～ 我喜欢4异兽风格—飘逸 {
:JG15:} 视力不好，只要是护眼色都行#17 不常上线的佛系玩家A某表示还是觉得“异兽风格素雅”和“异兽风格飘逸”会比较让我有一种“啊！是天下呀”的感觉#02不过个人觉得素雅的按键扁得有点失去美感了，按键还是“流动性厚重”的好看 现在画面亮的，我眼镜又加了50度，散光也严重了！ 以前提过建议的，看看以前的诉求吧！！ https://tx3.netease.com/thread-6008939-1-1.html 版主，我只想说全都要，你们全上线 ，我每天换着用，#175 全地图强制高光能不能改改？亮瞎眼睛，逼着开真实阴影跟暗角才能稍微像像以前那样正常的亮度 时装能不能优化优化，都穿模穿成啥样了 3号多清楚，弄这花里胡哨的 除了6.7，都挺好看的，要求不多，主要是护眼，可读性强，分类科学，层级别太多，咱也不懂你们的术语，大概就这种意思 有这精力搞点别的行吗？枯燥的日常和下本就跟上班似的，增加点世界活动也好啊。 比较喜欢2和3，整体偏暗不费眼睛，而且色调比较像贰时期的感觉，那个水墨描边非常好看 但我想投老水墨风一票 流线性设计方向—厚重 这个还行~别的像叶游。。。。但是还是想问一下~建模什么时候迭代？ 我想强调一下，无论什么请出个确认界面，风格先不说，请把程序做好。不要什么都让玩家买单，不要卡一下界面，糊里糊涂的买了你的东西。 六年老荒火 发表于 2021-10-13 22:21
3号多清楚，弄这花里胡哨的
臣附议#T30