版权归作者所有，转载请注明出处
从零开始的世界观App开发（技能篇）
从零开始的世界观App开发 # 技能
虽然我前几天发的是第一章，但是实际上整个项目在8月就开始了。
所以不太清楚这一章具体是第几章节了，也不想从0补档了。。。。。
写到哪是哪吧。
背景引入
以往都没有专门写技能设定的App，我自己的世界观是比较需要技能设定相关的，所以就开始设计技能设定相关的功能了。
先叠甲，我不懂设计，只能慢慢摸索。
设计参考
我找了很多设计参考，但是发现让技能设定变得更直观可视化，做的最多的还是游戏。
而游戏里的技能设定都是服务自己的世界观，做出来的效果也好。
假设这个游戏是西幻世界观的，你东幻的用了这个效果就会很违和。
所以，一般的参考意义不大了。
细化需求
要想最大限度的让更多类型的世界观都能用上技能设定，首先第一个就是去风格化。
例如，LOL的技能都会有非常特征性的黄色边框。
其次，是筛选出我们想要的展示的信息。一般而言，所有技能设定都注重：
技能名字
技能图标
技能简介
技能词条
以上是我在最短时间内直接选出来的展示信息，有了上面的信息就可以进行界面设计了。
界面的变化
尝试
一开始，我引入了一整个版面进行技能设定的设计。
虽然可以展示完整的技能设定，但是整体效果并不好。
排版非常的混乱，不同区块之间压根没办法区分。
同样的，我还发现其他的问题。
例如，因为用了第三方的字体（这个是思源黑体），部分的字体本应该是加粗的，但是并没有加粗。
我高度怀疑字体缺失部分文字字形，导致Font Fallback了。
于是在PPT里面测试了一下，也得到了一样的现象，那么就证实这个字体缺少字形。
变化
就在一筹莫展的时候，翻到了几年前给自己世界观做的一个设定工具。
顿时豁然开朗。
如果想要一个页面精美的塞下所有内容，那确实痴人所梦。但是我们可以针对部分内容进行精心装饰，这倒是可以行得通的！
吸取了前几十次的经验，我放弃了原来的那种整个界面都设计排版的方式，用名片的方式设计。
一次出图，还是挺爽的。
但是，一开始的图总感觉少了点层次感。
于是多做了几版：
这一版在原来的基础上，加了一个线性渐变。视觉效果从左上角到右下角，感觉还不错。
这一版则是加了一个径向渐变。视觉效果比较突出重心，我个人感觉不行。
但是，问了群里的用户，他们都各有喜好。
无论是径向渐变还是线性渐变都有不少人喜欢，一时间难分伯仲。
更有老师提出，要不改改右下角的透明度。
于是又改了好几版：
什么？
你说看不出区别？
我也不一定能看出区别，但是在代码层面已经有很大改动了。
这就要说到，开发过程中的视觉效果调整，并不会一直都有感官上的明显反馈。
很多变化需要非常专业的设备，才能察觉。
所以，我们很多改动可能是无效功。
最后一般改成了双线性渐变，这一版则有大部分老师喜欢。
经过几天沉淀，也没有新的意见之后，我们就暂时拟定用这一版了。
编辑器
做好了技能卡片的效果，就非常方便做编辑器了。
就像这样：
下一步计划
技能设定的界面基本定型了，功能上面还有很多需要解决的问题。
例如:
技能能否和剧情联动？
技能能否和人设联动？
技能是否可以像Word那样写更丰富的内容？
能否添加更丰富的版式？
现在能直接回答的问题，只有第1和第2个问题。
我们在第二版人设里面，就已经想要让技能和人设产生联动了。
不过，我不确定还有没有进一步需要谈论的细节（比如：是否需要区分大招等）
