阴阳师UI分析

平面与网页设计上，有很多这样的设计分析，而游戏UI很少看到界面分享。

我不是这款游戏的设计师，只是喜欢这游戏，想拿这款游戏给大家做下UI设计分析。文章写的少语言组织不好，多多包涵！这里分析仅代表个人观点。如有冒犯请联系我删除。

初步探索风格时代

时代

江户时代（阴阳师在美术上，可以看的出是以日式动漫风格为主的江户时代。）

素材

阴阳师，这里阴阳，我们可以想象到神鬼，那什么东西可以与神鬼比较接近。在现实生活中我们可以联想到的有，庙，教堂等宗教与神鬼比较接近。

佛教是日本两大宗教之一。以寺庙为主，元素我们可以找些接近这时代的动漫或者游戏，照片等，作为设计参考。

这里我找了些，动漫与游戏。动漫：少年阴阳师，滑头鬼之孙，犬夜叉，游戏讨鬼传，龙村正等。

 

有了参考后，可以对这些素材分析

 

素材提取与分析

在初步探索后，在进一步对阴阳师这个时代来近一步分析。

   江户时代：通俗来说就是古代。我们每个人对古代都有了解，在古代科技不发达，在生活上用到的物品等都比较原始。这里提取一些游戏会用到的常用素材，羊皮卷，布，木头什么的生活材料，文字写在纸上的，竹子，布等，写字的是毛笔墨水什么的等等。

   1. 江户时代寺庙：常见的寺庙有，蜡烛，柱子，灯，符纸，签，香炉等等可以联想到的事物。

   2. 阴阳师：联想一下阴阳师的特征，在很多动漫，书，电视剧等等，常出现与阴阳师有关联的事物。比如式神，比如符纸，阵法，六芒星等，提取素材后，可以进入设计。

只要能符合这个时代的，一切素材只要设计合理，都可以用。这里要是放一艘宇宙战舰，或AK等就。。好了前期探索完了，接下来对游戏界面进行分析。

 

召唤界面设计分析

 

主体功能是抽奖，游戏采用拟物设计，拟物方式：游戏的UI尽量不用常见的界面框，界面元素与场景融合，如果用了框也尽量与画面融合。

   1. 首先召唤界面，设计师在画面中间设计一个召唤阵法。(阴阳师用符纸召唤式神，召唤图标这里用到了符纸。)

   2. 主视觉用召唤场景主为主题，以召唤台开始设计，式神出现在召唤台中间，提示玩家，召唤台召唤式神，边上灯笼，竹简等原画素材，都是营造氛围，竹简可以联想各种召唤秘籍，不管怎么去设计只要氛围到了就行。

   3. 主体部分气氛什么都好了，接下来就是功能，功能要第一时间可以看到，不可以藏到后面，所以把抽牌的功能点，放在正下面也合理。

   4. 为什么不放中间，那样主体就被遮住了。右边呢？手的习惯不是在右边好点？这张图整体居中设计，两边灯什么都比较对齐。三张符纸居中摆放视觉上比较美观，什么前景，中景就不多说了。

（只要符合风格怎么设计都可以，这个就是需要头脑风暴素材收集，慢慢想了。）

 

界面元素结合配色

 

界面主体成就信息

   1. 考虑成就信息是这个界面的主体，这里成就应用了金色，金色也可以联想黄金，而黄金稀有珍贵。

   2. 金配红，在配色上很突出。而元素：神庙，卷轴，结合设计恰好也是红的，最后背景采用紫色，整个画面有冷暖对比，视觉上很漂亮。

（如果我们也设计类似的界面，这些设计的细节不管用什么样的设计方式都可以，只要符合这个时代。设计上突出主体就会比较合理的。）

界面设计思路分析

 

这张整体配色很舒服，也蛮有意思。

主体:(终=结束)，放在正中间

   1.素材提取，这些看经验提取了。花纹素材这类我们可以从日式和服，纸伞，扇子，门都可以看看。（还是那句话，符合时代就行）

   2. 设计考虑的点比较多，比如为什么后面用暗色，前面用亮色等，这些还是围绕主体去考虑。

   3. 主体中间背景素材用了月亮，那月亮后面就要暗色，要不然月亮对比就不强。

   4. 边上为什么选好素材后用亮色，（这里可以考虑很多，或者设计师为了统一所以界面风格，或者界面本身配色，或者左右用到的红布与中间的配色相呼应。）这些真要去想都可以有个说法，所以这种细节就不细说了。

 

界面元素选择分析

 

图鉴，字面上意思。在前面风格探索与素材收集里，整理到的素材有提到素材应用，

   1. 这里界面用到的主要背景，是卷轴

   2. 可以联想一下在古代，用来记录一些事物。用到的工具，有卷轴，布，等。（这里设计师选择了卷轴，在元素应用上很合理）

   3. 神话给人感觉比较神秘，界面设计上只要素材应用合理，加一些效果，让玩家感觉到神秘感。这里卷轴边缘设计成，烧起来的感觉也是提高神秘感。

 

界面分析

 

这张觉得比较有意思，元素有，云，月亮，很神秘，红色的布条和鼓，这里我联想到西游记，就像天兵天蒋拿鼓出征在云上。什么都可以联想。以前看过挺多动画片也有这样的感觉。

界面分析

这张是新的阴阳师改版后的商店界面。整体内容都很酷。唯一就是界面底部的导航与内容过度差一些。

也许在导航交互上改动过，这里个人观点。因为所有界面都很完美。

 

总结

界面设计流程：前期风格探索-元素提取-界面设计-风格统一

设计都由主体开始出发，之后在扩展设计。注意一下几点。

1. 元素符合时代（整套游戏出现的UI元素，符合时代）

2. 主体配色对比（如界胜利界面，元素配色）

3. 整体配色对比（胜利界面主体配色完后，在+背景配色，整体画面统一）

4. 整套界面统一.（如，金云，红布，鼓，整套游戏界面配色统一）

 

希望通过这篇文章分享，大家在设计一款新游戏过程中可以考虑更多的细节。

下一篇文章，我会找一个仙侠题材的游戏，做个练习在与大家分享谢谢。

 

以上分析仅代表个人观点，如有冒犯请联系我删除。、

图片均为游戏截图，如有冒犯请联系我删除。