概述
这是一款航海题材，集角色扮演和养成策略为一体的在线回合对战手游。项目已经基本完成，随着对项目的深入了解，对这种类型游戏更多的接触。为了积累小组经验，反思、改进目前游戏不足，对游戏表现方面进行一些分析与实验思考。本文档主要涉及优化界面布局与界面逻辑、更改UI风格与提升界面整体美观度、思考链接的顺畅、易用与合理性等方面；不包含游戏动画特效表现，人物场景道具图标一些具体问题。
*本文效果P图素材来源于互联网，仅供学习讨论，请勿用于商业用途；
* 为了控制文档大小，效果图为原尺寸30%，附录标明一些其他相关文档；
* 写于2013/06/16，记录点、收获很多。
关键词：界面改善 提升体验感 手游特点 抓细节
正文
总体说明
风格主题
一款游戏应该有它的风味中心点，从整体到局部细节，明显、直接、贯彻整个游戏。游戏立项的时候
我们没有做这个，所以美术表现不够有中心思想与趣味性，感受模糊不明显。风格取向有很多种，稍微差别，味道就不同。风格在找一个最好的搭配契合点,好的风格能使得游戏规则、主题、表达信息最大效率的传递出来，通过验证会产生一些优秀的搭配组合；组合的元素可以很多：时间与细节完成度的平衡、夸张的表现程度（比如《雷曼》欧洲卡通与日式卡通表现手法差异）、选择设计复杂还是光影复杂，立体感表达度等；多一点少一点都会让玩家关注点、感受体验发生改变；内容可能多与设计、感知、文化等联系更为密切，与绘画技法关系不是很大（相较而言）；当然首先要在掌握技法基础上，才能有选择地搭配技法表现出某些想法、点子、创意；有意识搭配某些画面表现形式；当技法越牢靠，对事物理解越饱满，能灵活用于搭配的原始元素、理念感知越多，执行度也更高，产生效果越好。
很多iphone上小游戏（单机&网络）都把这点做的很好，风格贯彻统一又围绕主题，好的风格留个玩家更深的印象，有更好的体验感。再例如：《天天连萌》 虽然是连连看的小游戏，还是可以看出主题+玩法+表现上花的功夫。是方便面与料理之间的差距。
没有主题让人沮散，但刻意追求某种模式比如纸质特色、金属很明显很流行风格的东西又容易浮夸，应该是初学容易出成效，但没有耐下心思缺少深度，多观察体会学习好的游戏作品，揣摩一个度与搭配协调值。选择需要表达的内容，与选择传达给玩家的方式、途径、节奏；有许许多多的细节，是一个很大的课题。
(二) 手游界面
手游《梦想海贼王》 手游《萌江湖》 页游《侠物语》
观察比对目前比较流行的手游（梦想海贼王、萌江湖、我叫MT、大掌门等）；我们游戏的画面表达与玩法都有些繁杂冗长，界面数量、界面排版方式对于手游来说并不够简洁直观。按《梦想海贼王》界面方向，我们游戏图量（美术工作量）最少减少一半以上，周期缩短，这对于小团队来说很有益。
页游手游的提炼区分，可以琢磨一下《侠物语》与《萌江湖》。《侠物语》美术风格把握、游戏表达、细节体验；游戏界面控制、界面排版各方面；觉得整体性与完成度都是高的，值得好好体会研究。我们的海战陆战只选一个做精做细，战斗过程增加一些技能按钮点击互动，声效配合。表现画面（或者说利用好看的图画来提高美术表达）只是一方面，多线程多方向综合提升，游戏整体体验才能有进阶感。
主题搭配
游戏的美术资源（人物、界面UI、场景、按钮、动画、特效、图标等）的搭配方案会有很多方向。依照游戏中心（主题、策划案、玩法、趣味性等)会有较佳解,所有美术资源努力为游戏中心主题服务，努力往一个方向聚拢。注意素材综合搭配的整体性与融合感。
同一款游戏的趣味取向与风格差异示例：
原始 靓丽时尚
·人物轻快时尚注意搭配UI整体性融合感
·匹配词：时尚、韩式、活泼轻快等
历史质感 欧美卡通趣味
·人物质感细节丰富匹配的背景UI质感也强烈 ·人物注重轮廓干净有趣搭配UI桌子的轮廓Q、图标有趣
·匹配词：历史、战场、伟大、恶劣、使命等 ·匹配词：欧美、探险、趣味、小镇、斗殴与对决、小骑士精神等
可制定界面与场景、人物的色彩布局表&搭配条（单位颜色种类数、配色条等）；
可制定界面UI自身的间距、布局规范；色彩质感布局表&搭配条；
界面修改
界面逻辑
让我们把游戏过一遍：
*红色区域为按钮链接；
原始
修改
l 玩家拜访看到的是“我的岛屿”界面，把所有的互动玩法锁在“我的岛屿”接口内， 同时增加玩家归属感；
“我的岛屿”内建筑可加入“经营”概念，当玩家收集或成就达到一定阶段，建筑外观会升级。
原始“背包”接口负担重、链接混杂，背包只执行背包功能；增加“冒险家”接口，链接 “冒险家”直接相关（点击直接提升战斗力）的“队伍”“装备/技能”；
与“冒险家”次相关（点击需要一定时间或有一定几率或有损耗才能提升战斗力）的内容归纳到新增“冒险家 公会”接口，包括“训练场”“培养”“进阶”；
简化下面一排快捷菜单“强化、技能、阵型、悬赏、任务、背包、队伍、设置”为“背包、强化、队伍、阵型、设置”。“任务”变化位置“任务跟踪”，“技能”与“冒险家装备”界面合并，“悬赏”与“竞技场”合到“国王的告示”补充玩法接口；
造船与船只配置分割两个直接接口：“船坞”与“港口”；
美观度；原先的界面大多是纯UI面板，较为死板，除“训练场”“酒馆”配有背景图，其他界面让人觉得雷同缺乏一定的辨别与美观度。“我的岛屿”可配温馨海岛背景；“强化”界面可以加一些让玩家觉得powerful、很强力的UI小细节；“冒险家公会”“ 国王的告示牌”“悬赏”“竞技场”“商店”“船坞”“港湾”等都可以增加一些小背景小景致小UI设计，增强游戏世界（故事情节、氛围等）体验感。
界面精度层级
界面资源（美术资源）的精美程度、大小KB值、花费的时间与它的重要性、功能性、对游戏的贡献、起到的商业价值成正比。
相关因素：界面所处级别（0级1级2级）；界面承载游戏功能重要性 ；界面是否跟商业充值点紧要相关；总体游戏大小控制&预计每个界面分配值等；
界面分级：界面大小（全屏、弹出大面板、弹出中面板、弹出提示框）；界面精度（配新全屏背景图、配相关背景条、面板元素设计、面板元素装饰）等。
配给说明：
界面美观
界面规范
字体规范：
界面美化示例
欢迎界面★★★★
原始 修改
l 希望界面清新靓丽，主体色从偏暗淡的蓝紫变为清爽活泼的淡蓝深蓝组合；
开始按钮的特殊性；
画面增加“人的气息”活跃起来；
1) 创建角色★★★★
原始 修改
l 改变界面构图、加大人物动势，让整体更有活力（利于手机点击）；
背景主体色提亮，显得更通透；
介绍文字可尝试改为“凡客体”，彰显趣味性，字数不宜过多；
主界面★★★★★
原始（两屏） 修改（一屏）
l 因为建筑没有经营元素，单纯执行按钮功能，界面各种小建筑背景图换成一整张带氛围与故事感的背景，富有故事，控制在一屏内；
l 界面按钮文字分层，第一层“背包”类为白字描黑边，第二层建筑名称黄色描暗绿边融入故事里；二者区分开；
l 更换界面UI设计、质感，抓住时尚主题的同时比较贴合故事背景；
l 界面按钮图标根据之前修改的“界面逻辑”有删减变化；
l 可以观察一下人物与背景建筑，用色与细节刻画上怎么有利于拉开距离又调合；在试了的多张背景图里，这张融合度最佳；
l 最右侧出海图标要保留，没有找到合适素材，绘制一枚黄金材质掌舵图标；
互动主界面★★★★★
原始 修改
l 界面背景保持与主界面背景的关联特征，有一定连贯性，蓝天白云阳光明媚、温暖、家的感觉；
界面UI根据界面逻辑修改，将互动内容建筑都划入此界面；
酒馆招募★★★★
原始 修改
l 修改后冒险家的简介仍要保持有图标有重点的排列方式，图标做成纸质书写风格；
背景与前景拉开距离（这里更改颜色与清晰度），突出人物；
主界酒馆建筑外观与点进去的酒馆室内，具有关联（室内外配色，建筑特点保持连贯一致，有一定联想性）；
冒险家直接相关界面★★★
01冒险家（信息）★★★
原始（队伍） 修改（冒险家）
l 更换表现形式，使用半身像，加大冒险家给玩家的感受；
l 更换UI风格，UI界面之间关联性还需要加强；
l 显示默认最大上阵冒险家数量5，显示在第一页；
l 界面的标题栏显示界面名称，不宜参杂其他按钮、图标等元素；
02冒险家（装备）★★★
原始（背包） 修改（冒险家装备）
优化界面布局；
03冒险家（技能）★★★
原始 修改
注意信息的布局排列合理与更有效传达；
冒险家公会★★★★（训练场★★★+培养★★★+进阶★★★）
原始 修改
色彩对应：训练场-黄色、培养-绿色、进阶-紫色；
右下角书籍前面指示灯亮时，高级训练按钮才激活；
培养+温泉，进阶+魔法，为玩法加前缀是为了能更好融入游戏，做表现更自然；
培养与进阶效果图省略，效果可以类推，界面布局改进上可以参考《我叫MT》的进阶界面；
陆战相关★★★★
01关卡的区分与递进
陆战第一张地图的五个大关卡
剧情任务可以更出彩一些，目前有点形式化与呆板；
每个关卡有主题、特点鲜明，大关卡之间的区分与递进层级明显；
02界面表现
关卡选择★★★★
原始 修改
关卡显示多，画面单调容易让玩家产生疲劳感；
陆战战斗表现★★★★★（已有单独文档）
海战相关★★★★
01港口★★★★
原始(船坞） 修改（港口）
加强游戏世界体验感；
02船坞★★★
建造船只★★★
原始(造船 分多步） 修改（造船 单界面）
l 原始建造船只多界面：选择船型→命名船只→造船完成，修改后用一个界面；
希望能加入一些材料消耗：造船需要时间（减少时间道具），同时可建造多只船（增加造船位道具），增加消费点；
船装配置★★★
原始 修改
原始界面与人物装备相近，缺乏一些特色感；
配置船员★★★
示意图省略，与配置船装相似。
03海战★★★★
多个海战地图设定上也有场景相近、区别不大、拉不开感受距离的问题。
随机遭遇战★★★★
原始 修改
随机事件变成地砖样式，选择路过地砖变有颜色；
没有了通关、关卡概念，去掉了大关卡，直接海域；
海战战斗表现★★★★★（海战★★★★★+甲板战★★★★）（已有单独文档）
网友评论