手机
当前位置:查字典教程网 >网页设计 >交互设计教程 >欢乐二人雀神游戏手机运用界面设计思路分享
欢乐二人雀神游戏手机运用界面设计思路分享
摘要:前言:项目的顺利完成来源于项目团队里每一位成员的努力,成就感则来源于喜欢这款游戏的大家,在此做一次心得分享,希望让玩家看到我们的用心,更希望...

欢乐二人雀神游戏手机运用界面设计思路分享1

前言:项目的顺利完成来源于项目团队里每一位成员的努力,成就感则来源于喜欢这款游戏的大家,在此做一次心得分享,希望让玩家看到我们的用心,更希望大家喜欢这款游戏!……

入正题:

一,项目介绍&游戏效果图

欢乐二人雀神游戏手机运用界面设计思路分享2

我们要做的是一款应用于IOS和Android平台的终端休闲类麻将游戏,欢乐二人雀神PC端游戏相信很多玩家玩过,但基于平台不同,操作习惯不同,基本可以说是以一款全新游戏的设计概念去要求与实施的,最终达到适用于IOS平台的iPhone4S,iPhone4,iPhone3GS和 Android平台的HTC,魅族等等机型上的精品麻将游戏。

二,项目开发流程

欢乐二人雀神游戏手机运用界面设计思路分享3

下面以项目开发流程的顺序来重点介绍一下在每个阶段我们所做的事和遇到的问题以及解决方案。

A:立项阶段

立项阶段我们要做的事其实尤其重要,它直接决定我们最终会研发出什么样的一款产品,在这个阶段,产品的期望,开发人员的实力,项目时间,以及预测的疑难问题能不能解决等等都是项目顺利进行的重要因素,为此我们多次会议讨论,相关干系人都要参加,在确定我们的目标后(项目介绍栏就是最终目标),列出一些重点问题,比如实现3D效果的实现方式(这个在后面技术实现会具体讲),作为优先需要解决的问题,在所有开发人员明确方向和心中有一个比较形象的概念后,设计师需要做一些前期准备工作,如PC端的二人雀神体验,IOS和Android的用户操作习惯,项目风格预想,资料收集,与开发讨论实现方案与制作方式等等,随之我们进入下一个阶段,设计定位!

B:设计定位

欢乐二人雀神游戏手机运用界面设计思路分享4

到了这里就比较明确了,设计师提炼了一些项目会议讨论的关于风格方面的关键词,以此作为基础去发散思维进行视觉拼图,用快速的拼图与产品再次进行频繁沟通,用图形去确定大家心中的那个太阳是不是这样的一个太阳,哈哈,这里我们有很多草图就不发出来了(后面会有最终的效果展示),在草图确定大概方向后我们就可以正式进入风格设计了。角色场景UI同步进行。

C:技术实现

欢乐二人雀神游戏手机运用界面设计思路分享5

OK,我们提到立项阶段所预测的技术难点问题,那我们在做风格设定的同时要解决如果这样做,我们怎么实现?在设计的同时甚至优先考虑实现问题是很关键的,这里列举两项比较重要的点来进行说明:

第一,如上图,游戏中不同状态的麻将有74种,牌花则是24张,这样的话,如果我们按实际每种状态每个花面出一张贴图的话就是1776张单个麻将贴图,按一张1024x1024px贴图放满的话预计是需要24张这样的贴图,每张贴图PVR4M计算,就是96M,当然PVR我们会进行压缩,按3比1的压缩比算的话也有32M,试想一般的APP应用在10-40M不等吧,这里光牌的资源就要32M,所以必须保证3D效果的前提下解决这个问题,最后和开发多次讨论测试,以一套资源算相对坐标的形式实现,这样只需一张1024px贴图就能解决,但需要将每个点准确无误的算到牌面上,在牌的切图上也要求很高,不能有1px的误差,最终花了一些精力去测试实现了这个效果,以最终游戏体验看,还是非常不错的。

第二,从上面的过程我们明显感觉拆分资源对文件大小的影响至关重要,那么在后面的设计中,设计师不光要考虑设计的视觉效果,同时还要考虑如何拆分你的效果图,还有复用的问题,这里就是考验设计师的感性与理性思维是否并在了,满足视觉效果,满足功能实现,满足开发易实现,满足资源最小化,,,这里就不附图了,可参考的方法有:图形的对称设计,渐变以垂直或水平实现勿其它角度实现,元件统一,纹理用可拼接的效果等等…

D:风格确定

欢乐二人雀神游戏手机运用界面设计思路分享6

【欢乐二人雀神游戏手机运用界面设计思路分享】相关文章:

怎么都不会错的6条网页设计配色原则

快速打造游戏场景云的气氛

QQ手机版5.0“一键下班”设计小结

聊聊五个最常见的设计思维错误

两种最常见的网页布局设计模式

26个优雅的蓝色网站设计

四个超实用的网页设计构图原则

游戏视觉设计与用户体验

如何搞定界面设计-构图篇

电商网站注册界面设计超全面指南

精品推荐
分类导航