《英魂之刃》游戏界面UI设计总结分享

图5与图6

这里说下，在这次设计上，把模块边上的颜色提亮，是为了区明显区分二级分页与内容区域的区别，为了方便后期出现，各种界面可能性，（左测导航要是没有区别开，后期信息多时，界面就会主次不分）

基础弹框设计

弹出框，（所有游戏网站等等，交互上没有什么特殊的，只要考虑按钮大小，手指点击会不会合理就行）

按钮分为主次，主要的按钮用亮色系，次要的就用比主铵钮弱就行

图2.普通弹出框

图3.特殊奖励弹出框

活动弹框设计

弹出活动框设计，考虑手机界面小，尽量让内容区域大些。在这里设计过程，确定主题元素设计，所占用的区域与风格后，把留下来的空间都做为内容区域。

图1，标题分页（与二级界面统一，标题放在顶部）

图2.二级分页（与二级界面统一）

图3，内容区域（与二级界面统一）

图4基础框架

图5，主题（加入活动元素）

设计时预留后期活动边框，设计元素时会占用的区域，确定活动设计元素会占用的区域。

以此内推，这里游戏基本模板都已经出来了。