注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

小刹

诚心诚意

 
 
 

日志

 
 
关于我

对电影、镜头、文学、画面、表达、视觉感兴趣,最近对交际、关系、性格、建筑也感兴趣,混于游戏行业,学习并成长。

网易考拉推荐

《航海Q时代》整体美术分析总结  

2014-01-23 19:26:08|  分类: 游戏思维练习 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

《航海Q时代》整体美术分析总结 - CHA.刹 - 小刹

概述

     这是款航海题材集角色扮演和养成策略为一体的在线回合对战手游。项目已经基本完成,随着对项目的深入了解,对这种类型游戏更多的接触。为了积累小组经验,反思、改进目前游戏不足,对游戏表现方面进行一些分析与实验思考。本文档主要涉及优化界面布局与界面逻辑、更改UI风格与提升界面整体美观度、思考链接的顺畅、易用与合理性等方面;不包含游戏动画特效表现,人物场景道具图标一些具体问题。

*本文效果P图素材来源于互联网,仅供学习讨论,请勿用于商业用途;

* 为了控制文档大小,效果图为原尺寸30%,附录标明一些其他相关文档;

* 写于2013/06/16,记录点、收获很多。

 

关键词:界面改善  提升体验感 手游特点 抓细节  

正文

一、 总体说明

(一) 风格主题

一款游戏应该有它的风味中心点,从整体到局部细节,明显、直接、贯彻整个游戏。游戏立项的时候

我们没有做这个,所以美术表现不够有中心思想与趣味性,感受模糊不明显。风格取向有很多种,稍微差别,味道就不同。风格在找一个最好的搭配契合点,好的风格能使得游戏规则、主题、表达信息最大效率的传递出来,通过验证会产生一些优秀的搭配组合;组合的元素可以很多:时间与细节完成度的平衡、夸张的表现程度(比如《雷曼》欧洲卡通与日式卡通表现手法差异)、选择设计复杂还是光影复杂,立体感表达度等;多一点少一点都会让玩家关注点、感受体验发生改变;内容可能多与设计、感知、文化等联系更为密切,与绘画技法关系不是很大(相较而言);当然首先要在掌握技法基础上,才能有选择地搭配技法表现出某些想法、点子、创意;有意识搭配某些画面表现形式;当技法越牢靠,对事物理解越饱满,能灵活用于搭配的原始元素、理念感知越多,执行度也更高,产生效果越好。

很多iphone上小游戏(单机&网络)都把这点做的很好,风格贯彻统一又围绕主题,好的风格留个玩家更深的印象,有更好的体验感。例如:《天天连萌》 虽然是连连看的小游戏,还是可以看出主题+玩法+表现上花的功夫。是方便面与料理之间的差距。

没有主题让人沮散,但刻意追求某种模式比如纸质特色、金属很明显很流行风格的东西又容易浮夸,应该是初学容易出成效,但没有耐下心思缺少深度,多观察体会学习好的游戏作品,揣摩一个度与搭配协调值。选择需要表达的内容,与选择传达给玩家的方式、途径、节奏;有许许多多的细节,是一个很大的课题

(二) 手游界面

《航海Q时代》整体美术分析总结 - CHA.刹 - 小刹
 手游《梦想海贼王》     手游《萌江湖》                           页游《侠物语》  

观察比对目前比较流行的手游(梦想海贼王、萌江湖、我叫MT、大掌门等);我们游戏的画面表达与玩法都有些繁杂冗长,界面数量、界面排版方式对于手游来说不够简洁直观。按《梦想海贼王》界面方向,我们游戏图量(美术工作量)最少减少一半以上,周期缩短,这对于小团队来说很有益

页游手游的提炼区分,可以琢磨一下《侠物语》与《萌江湖》。《侠物语》美术风格把握、游戏表达、细节体验;游戏界面控制、界面排版各方面;觉得整体性与完成度都是高的,值得好好体会研究。我们的海战陆战只选一个做精做细,战斗过程增加一些技能按钮点击互动,声效配合。表现画面(或者说利用好看的图画来提高美术表达)只是一方面,多线程多方向综合提升,游戏整体体验才能进阶。   

 

(一) 主题搭配

 游戏的美术资源(人物界面UI场景按钮动画特效图标等)的搭配方案会有很多方向。依照游戏中心(主题、策划案、玩法、趣味性等)会有较佳解,所有美术资源努力为游戏中心主题服务,努力往一个方向聚拢。注意素材综合搭配的整体性融合

同一款游戏的趣味取向与风格差异示例:

                原始                                          靓丽时尚

《航海Q时代》整体美术分析总结 - CHA.刹 - 小刹
                                                 ·人物轻快时尚注意搭配UI整体性融合感

                                                       ·匹配词:时尚、韩式、活泼轻快

                    历史质感                                        欧美卡通趣味             

《航海Q时代》整体美术分析总结 - CHA.刹 - 小刹

  ·人物质感细节丰富匹配的背景UI质感也强烈         ·人物注重轮廓干净有趣搭配UI桌子的轮廓Q、图标有趣

  ·匹配词:历史、战场、伟大、恶劣、使命等          ·匹配词:欧美、探险、趣味、小镇、斗殴与对决、小骑士精神等 

 l 可制定界面与场景、人物的色彩布局表&搭配条(单位颜色种类数、配色条等); 

 l 可制定界面UI自身的间距、布局规范;色彩质感布局表&搭配条;

一、 界面修改

(一) 界面逻辑

让我们把游戏过一遍: 

*红色区域为按钮链接;

 原始

《航海Q时代》整体美术分析总结 - CHA.刹 - 小刹
   修改

《航海Q时代》整体美术分析总结 - CHA.刹 - 小刹
 玩家拜访看到的是“我的岛屿”界面,把所有的互动玩法锁在“我的岛屿”接口内, 同时增加玩家归属感;

    “我的岛屿”内建筑可加入“经营”概念,当玩家收集或成就达到一定阶段,建筑外观会升级。

原始“背包”接口负担重、链接混杂,背包只执行背包功能;增加“冒险家”接口,链接 “冒险家”直接相关(点击直接提升战斗力)的“队伍”“装备/技能”;

与“冒险家”次相关(点击需要一定时间或有一定几率或有损耗才能提升战斗力)的内容归纳到新增“冒险家  公会”接口,包括“训练场”“培养”“进阶”;

简化下面一排快捷菜单“强化、技能、阵型、悬赏、任务、背包、队伍、设置”为“背包、强化、队伍、阵型、设置”。“任务”变化位置“任务跟踪”,“技能”与“冒险家装备”界面合并,“悬赏”与“竞技场”合到“国王的告示”补充玩法接口;

造船与船只配置分割两个直接接口:“船坞”与“港口”;

美观度;原先的界面大多是纯UI面板,较为死板,除“训练场”“酒馆”配有背景图,其他界面让人觉得雷同缺乏一定的辨别与美观度。“我的岛屿”可配温馨海岛背景;“强化”界面可以加一些让玩家觉得powerful、很强力的UI小细节;“冒险家公会”“ 国王的告示牌”“悬赏”“竞技场”“商店”“船坞”“港湾”等都可以增加一些小背景小景致小UI设计,增强游戏世界(故事情节氛围等)体验感。

 

(一) 界面精度层级

界面资源(美术资源)的精美程度、大小KB值、花费的时间与它的重要性、功能性、对游戏的贡献、起到的商业价值成正比。

相关因素:界面所处级别(012级);界面承载游戏功能重要性 ;界面是否跟商业充值点紧要相关;总体游戏大小控制&预计每个界面分配值等;

界面分级:界面大小(全屏、弹出大面板、弹出中面板、弹出提示框);界面精度(配新全屏背景图、配相关背景条、面板元素设计、面板元素装饰)等

配给说明:

《航海Q时代》整体美术分析总结 - CHA.刹 - 小刹
  

(一) 界面美观

1. 界面规范

① 字体规范:

《航海Q时代》整体美术分析总结 - CHA.刹 - 小刹
  

1. 界面美化示例

1) 欢迎界面★★★★

                     原始                                                修改

《航海Q时代》整体美术分析总结 - CHA.刹 - 小刹
希望界面清新靓丽,主体色从偏暗淡的蓝紫变为清爽活泼的淡蓝深蓝组合;

开始按钮的特殊性;

画面增加“人的气息”活跃起来;

1) 创建角色★★★★

                    原始                                                  修改

《航海Q时代》整体美术分析总结 - CHA.刹 - 小刹
改变界面构图、加大人物动势,让整体更有活力(利于手机点击)

背景主体色提亮,显得更通透;

介绍文字可尝试改为“凡客体”,彰显趣味性,字数不宜过多;

1) 主界面★★★★★

                    原始(两屏)                                         修改(一屏)

《航海Q时代》整体美术分析总结 - CHA.刹 - 小刹
因为建筑没有经营元素,单纯执行按钮功能界面各种小建筑背景图换成一整张带氛围与故事感的背景,富有故事,控制在一屏内;
界面按钮文字分层,第一层“背包”类为白字描黑边,第二层建筑名称黄色描暗绿边融入故事里;二者区分开;
更换界面UI设计、质感,抓住时尚主题的同时比较贴合故事背景;
界面按钮图标根据之前修改的“界面逻辑”有删减变化;
可以观察一下人物与背景建筑,用色与细节刻画上怎么有利于拉开距离又调合;在试了的多张背景图里,这张融合度最佳;
最右侧出海图标要保留,没有找到合适素材,绘制一枚黄金材质掌舵图标;

1) 互动主界面★★★★★

                    原始                                                  修改

《航海Q时代》整体美术分析总结 - CHA.刹 - 小刹
 界面背景保持与主界面背景的关联特征,有一定连贯性,蓝天白云阳光明媚、温暖、家的感觉;

界面UI根据界面逻辑修改,将互动内容建筑都划入此界面

 

1) 酒馆招募★★★★

                    原始                                                  修改

《航海Q时代》整体美术分析总结 - CHA.刹 - 小刹

修改后冒险家的简介仍要保持有图标有重点的排列方式,图标成纸质书写风格;

背景与前景拉开距离(这里更改颜色与清晰度),突出人物;

主界酒馆建筑外观与点进去的酒馆室内,具有关联(室内外配色,建筑特点保持连贯一致,有一定联想性);

 

1) 冒险家直接相关界面★★★

01冒险家(信息)★★★

                    原始(队伍)                                     修改(冒险家)

《航海Q时代》整体美术分析总结 - CHA.刹 - 小刹
更换表现形式,使用半身像,加大冒险家给玩家的感受;
更换UI风格,UI界面之间关联性还需要加强;
显示默认最大上阵冒险家数量5,显示在第一页;
界面的标题栏显示界面名称,不宜参杂其他按钮、图标等元素;

02冒险家(装备★★★ 

                    原始(背包)                                    修改(冒险家装备)

《航海Q时代》整体美术分析总结 - CHA.刹 - 小刹

优化界面布局; 

03冒险家(技能)★★★

                    原始                                                  修改

《航海Q时代》整体美术分析总结 - CHA.刹 - 小刹

注意信息布局排列合理与有效传达;

 

1) 冒险家公会★★★★(训练场★★★+培养★★★+进阶★★★

                    原始                                                  修改

《航海Q时代》整体美术分析总结 - CHA.刹 - 小刹

色彩对应训练场-黄色培养-绿色进阶-紫色;

右下角书籍前面指示灯亮时,高级训练按钮才激活;

培养+温泉,进阶+魔法,为玩法加前缀是为了能更好融入游戏,做表现更自然;

培养与进阶效果图省略,效果可以类推,界面布局改进上可以参考《我叫MT》的进阶界面;

 

1) 陆战相关★★★★

 

01关卡的区分与递进

陆战第一张地图的五个大关卡 

                              《航海Q时代》整体美术分析总结 - CHA.刹 - 小刹

 

剧情任务可以更出彩一些,目前有点形式化与呆板;

每个关卡有主题、特点鲜明,大关卡之间的区分与递进层级明显;

 

02界面表现

① 关卡选择★★★★

                    原始                                                  修改       
《航海Q时代》整体美术分析总结 - CHA.刹 - 小刹

关卡显示多,画面单调容易让玩家产生疲劳感;

 

① 陆战战斗表现★★★★★(已有单独文档)

 

1) 海战相关★★★★

 

01港口★★★★

                    原始(船坞)                                          修改(港口)

《航海Q时代》整体美术分析总结 - CHA.刹 - 小刹

加强游戏世界体验感;

 

02船坞★★★

 

① 建造船只★★★

                    原始(造船 分多步)                                修改(造船 单界面

《航海Q时代》整体美术分析总结 - CHA.刹 - 小刹
 原始建造船只多界面:选择船型→命名船只→造船完成,修改后用一个界面;

希望能加入一些材料消耗:造船需要时间(减少时间道具),同时可建造多只船(增加造船位道具),增加消费点;

 

① 船装配置★★★

                    原始                                                  修改      

《航海Q时代》整体美术分析总结 - CHA.刹 - 小刹

原始界面与人物装备相近,缺乏一些特色感;

 

① 配置船员★★★

示意图省略,与配置船装相似。

 

03海战★★★★

多个海战地图设定上也有场景相近、区别不大、拉不开感受距离的问题。

①   随机遭遇战★★★★

                    原始                                                  修改       

《航海Q时代》整体美术分析总结 - CHA.刹 - 小刹

随机事件变成地砖样式,选择路过地砖变有颜色;

没有了通关、关卡概念,去掉了大关卡,直接海域;

 

②    海战战斗表现★★★★★(海战★★★★★+甲板战★★★★(已有单独文档)


  评论这张
 
阅读(669)| 评论(3)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017