欧美风MMO游戏战斗界面教程解析
发表于2016-11-24
有一段时间没有写教程了，这次分享给大家一个自己项目的战斗界面，那么我们就来观看吧！
1、首先在网上找到一张需要的场景图片进行构思然后在找一张人物头像，我构思的游戏是MMO的风格，风格比较主流，时尚 ，最后就选择了英雄联盟的人物为头像
2、构思交互，框架格局，这个阶段就是自己心里要有数，大概butoon的大小适不适合人体工程学的大小，确定个大概就可以，后期在具体调整。
3、根据前俩张找到的人物和场景，欧美风格的话要做一个比较光滑的金属材质质感，因为是LOL的人物可能界面也要跟LOL稍微接近，这一阶段先用矩形做一个大概颜色.
4、细化，在上面做一些光滑的感觉，用饱和度稍微高些的blood和金属材质做一个大对比，这样会有强烈的视觉冲击力。
5、继续深入细化质感，这一阶段就要加入一些小装饰，再就是调整butoon的大小。
6、这时就要把人物和场景加入进来，根据场景和人物在进行调整和细化，这一阶段是非常繁琐的阶段，我没细化完一个部分都要拿到手机里观看是不是舒服，要耐心的调整才能出来好的视觉风格。
7、调整的差不多了，就把自己绘制的Skill图标加入进来，SkillIcon是我花大量时间绘制好的，这一步骤等我后续再出Skill图标教程时会出跟大家分享，那么我们继续加入等级这些功能需求。
8、最后一步就是加入战斗效果和功能需求就完成了，大功告成！
注明：人物三个头像都来自英雄联盟，背景图是网上的素材，剩下的均为原创。