【交互设计】技能界面信息

SixSixCCFF

查看更多内容可到：
SixSixCCFF的交互设计汇总帖

技能最高等级要依属性点，且技能分个人技能和队伍技能。
界面中，当要考虑这些要素时，需要在屏幕左中右（属性，技能，详情）三个地方不断移动视线来查看。

图：技能列表和详情（来自原版）

技能详情中有依靠的属性和技能类型（队伍技能）。
需在技能列表和详情处不断移动视线。

问题：经常被使用的相关联信息距离很远。

两个信息都是文本，可以修改文本把相关信息放到一起。
把技能依靠属性和技能类型放在技能列表显然更合适。

图：技能文本添加属性和类型（来自原版）

图：修改后技能列表（来自原版）

（可能有标错，不要在意这些细节）
技能依靠的属性和技能类型，在列表上一目了然。

要让相关联信息彼此靠近。

技能列表中技能名称和技能点相隔很远，甚至可能导致看错。
图：名称和点数距离很远（来自原版）

将名称文本右对齐并靠近点数即可。
图：名称右对齐靠近点数（来自领军者战争之风）

改对齐要改代码？各位可问代码大神。
这也是相关联信息彼此靠近，的思路。
如果同时使用右对齐和添加文本，则需修改添加的文本到右边，这样它们竖直对齐，界面更美观。（如：强击【力】（个人））

Bombadil

在前面加技能和属性试过，不好用（单纯改文字，在TLD里），因为武器的需求、P键队伍界面的技能用的也是那串文字，文字会重叠或者突出去

SixSixCCFF

Bombadil 发表于 2021-2-7 16:22
在前面加技能和属性试过，不好用（单纯改文字，在TLD里），因为武器的需求、P键队伍界面的技能用的也是那串 ...

嗯，单纯加文本，的确会影响其他用到这个文本的地方。

抽水马桶

建议把 【力 敏 智 魅】 换成 【S A I C】。
————辐射玩家如是说