《游戏策划游戏的UI界面》由会员分享，可在线阅读，更多相关《游戏策划游戏的UI界面（34页珍藏版）》请在金锄头文库上搜索。
1、游戏的UI界面,触控科技,www.cocos2d-x.org Weibo:cocos2d-x | Twitter:cocos2d-x,主讲人：郑淼,CONTENTS,section1,section2,section3,section1,Section1 UI是什么？,UI即User Interface（用户界面）的简称。 UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。 UI是系统和用户之间进行交互和信息交换的媒介，它实现信息的内部形式与人类可以接受形式之间的转换。,UI的含义,一些UI,Section1 UI是什么？,UI原型图,Section1 UI是什么？,Axure R
2、P 7.0,思维导图,思维导图是有效的思维模式，应用于记忆、学习、思考等的思维“地图”，有利于人脑的扩散思维的展开。,Section1 UI是什么？,section2,Section2 移动终端主流分辨率,iOS-分辨率,Section2 移动终端主流分辨率,iOS-界面基本元素,Section2 移动终端主流分辨率,iOS-字号,Section2 移动终端主流分辨率,Android-分辨率,主流的安卓低端机,主流的安卓中高端机,前者的加长版,320*480,480*800,480*854,HD，各大品牌的旗舰机子,1280*720,超大屏，三星,1080*1920,Section2 移动终端
3、主流分辨率,Android-界面基本元素,以720*1280为主,Section2 移动终端主流分辨率,Android-字号,section3,高度一致 易用 将最重要的首先展示给玩家 设计简约 操作提示 良好的结构,Section3 游戏UI设计要点,“神仙道网页版内容真的太多，而手机的画面太小”,Section3 游戏UI设计要点,案例-神仙道从页游到手游的移植,Section3 游戏UI设计要点,案例-神仙道从页游到手游的移植,第一版：减少图标按钮,Section3 游戏UI设计要点,案例-神仙道从页游到手游的移植,1.手机界面小，许多按钮很难点到 2.角色选择的表现不够清晰,遇到问题：
4、,Section3 游戏UI设计要点,案例-神仙道从页游到手游的移植,第二版：改进角色选择界面，增大操作按钮,Section3 游戏UI设计要点,案例-神仙道从页游到手游的移植,很多地方偏差了几像素，与原设计稿的感受完全不同，看起来略山寨。,第三版出现问题：,有些细节设计伴随着开发迭代补充。罗马非一日建成，游戏细节也不是一个通宵就能搞定。 游戏UI设计师，在比较空闲时经常会把已完成的文档再拿出来整一整。 当细节调整比较多时再一起更新。,解决方案：,Section3 游戏UI设计要点,案例-神仙道从页游到手游的移植,第四版：让游戏新系统看起来更有趣,Section3 游戏UI设计要点,小结,1、
5、了解游戏，至少是半个策划 2、懂交互，让玩家界面操作无挫折感 3、对细节有追求，1像素的偏差也要调 4、要娱乐，让最生硬的系统也能跳舞,一个给力的游戏UI设计师，需要：,Section3 游戏UI设计要点,优劣对比-Dota,Section3 游戏UI设计要点,优劣对比-天涯明月刀,Section3 游戏UI设计要点,优劣对比-天涯明月刀,通用功能键移到界面上方,图标设计更具 代入感,Section3 游戏UI设计要点,优劣对比-天涯明月刀,HP/MP更醒目,地图更加简约，且表明非安全区,Section3 游戏UI设计要点,好的UI （fivestones）,暗灰色系做底色，非常便于表达所要体
6、现的重点元素,Section3 游戏UI设计要点,不同于国内的各种金属色系，而采用色调相近的颜色， 更统一且具美感,好的UI （fivestones）,Section3 游戏UI设计要点,Tips用斑马色表示，更容易看 卡牌的放置错落有致，避免呆板,好的UI （fivestones）,Section3 游戏UI设计要点,6个希望玩家看到的物品项，却只占到了21.7%的屏幕空间,差的UI Oblivion,Section3 游戏UI设计要点,1.迷你地图很大，并且不透明；顶部左上角的目标提示也太大，且不透明的，这些都会挡住玩家的视线。 2.信息的过度供给会让玩家没有身临其境的感受,差的UI Far Cry 3,Section3 游戏UI设计要点,预估玩家想要了解的东西，然后给其需要的信息。 玩家必须很容易找到信息。 界面易于使用和浏览。 （每个人都知道 Ctrl-Click可以增添物品选项，所以就不要用Ctrl-Click来代替交换物品的操作） 使菜单系统中的用户定位显而易见 （玩家能达到的地方以及用户在所能达到的地方做能做的事情要非常明显） 对界面的载入时间做最差的估计，不要在菜单中载入动画。 减少或简化重复的任务。,小结,下载Axure RP 7.0,
