游戏UI 第5章　Android系统游戏UI设计学习课件

5.1.1

Android系统UI尺寸

5.1

Android系统UI设计基础Android（安卓）是一个以Linux为基础的开源移动设备操作系统，主要用于智能手机和平板电脑，由Google成立的OpenHandsetAlliance（OHA，开放手持设备联盟）持续领导与开发中，Android已发布的最新版本为Android5.0。Android系统中文称为安卓系统，是由Google公司和开放手机联盟联合开发的一种基于Linux的操作系统，主要使用于智能手机和平板电脑，目前除苹果以外大多数智能手机都使用Android系统。5.1.2

Android系统图标尺寸Android系统被设计在一系列屏幕尺寸和分辨率不同的设备上运行，不同的设备和程序所使用的图标尺寸也不相同。5.1.3

Android系统图标的设计规则在对应用于Android系统的图标进行设计时，首先需要明确Android系统图标的设计规则，Android系统图标应该面向前方，透视非常小，而且使用顶部光源。此外，所有的图标都需要有独立的文字标签，而不是把文字设计嵌入到图标中，应该把精力放在如何突出表现图标的特色上。Android系统图标的设计规则可以大致总结为以下几点。1）符合当下的流行趋势，避免过度使用隐喻。2）高度简化和夸张，小尺寸图标也能够易于识别，不宜太复杂。3）尝试抓住应用的主要特征，比如使用时钟作为时间应用程序的icon。4）使用自然的轮廓和形状，看起来几何化和有机化，不失真实感。5）图标采用前视角，几乎没有透视，应用顶部光源。6）不光滑但富有质感。

5.2

Android手机游戏UI设计规范由于Android和iOS操作系统的出现，智能手机的发展出现了质的飞跃，智能手机游戏也随着取得了快速发展。由于iOS与Android操作系统是有区别的，所以在设计手机游戏时需要分清楚所针对的手机操作系统，本节将向大家介绍一些Android手机游戏UI设计规范。5.2.1功能和操作保持一致对于游戏界面中同类型的素，例如：字体、按钮、表单、滑动手势等，在整个游戏界面中都需要保持各自的一致性，而且要避免同一功能的多重描述。这样能使得游戏界面更加直观、简洁，操作更加方便快捷，玩家对游戏操作的学习也会更加轻松。5.2.2准确的表达在手机游戏UI设计中，有些设计者往往不注意表达的准确性，通常使用一些意义不明确的图形或词语来引导游戏玩家进行游戏消费，这样只会增加玩家对于该款游戏的厌恶感。在游戏界面中使用一致的标记、意义明确的信息提示会让游戏更加容易被用户理解和接受。5.2.3合理的界面布局和操作流程由于智能手机屏幕大小的限制，在操作复杂的游戏设计时，游戏界面的布局合理性就显得尤为重要。在得进行游戏UI设计时需要充分考虑布局的合理性问题，遵循用户从上而下，自左向右浏览和操作的习惯，提高游戏的操作性和易用性。5.2.4减少响应时间手机游戏UI设计不同与传统PC游戏的UI设计，更不同于其他应用程序的UI设计，因为玩家在进行游戏时会保持一定的操作节奏，所以操作的设计不能过于复杂，响应的时间应该尽量适应用户操作节奏。如果响应时间过长，则需要向玩家反馈相应的信息，例如使用进加载条等。动手实践——设计消除类手机游戏图标动手实践：设计消除类手机游戏图标源文件：光盘\源文件\第5章\消除类手机游戏图标.psd视频：光盘\视频\第5章\消除类手机游戏图标.swf动手实践——设计消除类手机游戏界面动手实践：设计消除类手机游戏界面源文件：光盘\源文件\第5章\消除类手机游戏界面.psd视频：光盘\视频\第5章\消除类手机游戏界面.swf手机游戏界面决定了一款手机游戏的受众接受度，只有通过界面，玩家才能够控制游戏的内核。尤其在色彩设计上，一款手机游戏的界面设计中色彩的搭配影响了整个游戏的质量和玩家的第一印象。人们总是最先看到一幅作品或一个界面的整体颜色风格，色彩的搭配和组合对人的视觉冲击力巨大。在游戏界面设计中色彩设计的作用主要表现在四个方面，依次为情感的表达、文化的差异、吸引注意力和界面艺术性。色彩是影响人们获得信息的首要视觉因素，过多的色彩应用往往适得其反。在设计手机游戏界面时，使用不恰当的色彩会严重影响玩家对所要传达信息的理解和感受。通过对游戏界面色彩的分析和观察，可以将手机游戏界面中色彩搭配常出现的问题总结为如下两点。1．使用过多的色彩搭配许多设计师认为，把游戏的界面设计的五颜六色，色彩斑斓就是最好的设计，就可以吸引更多的玩家，但事实往往恰恰相反。过于复杂的色彩就等于失去了基本的色调，无法合并和简化游戏中的诸多信息。

5.3

手机游戏界面设计的色彩搭配5.3.1手机游戏界面设计中的色彩表现2．色彩搭配失调游戏界面设计时出现的色彩搭配失调也会给玩家带来严重的视觉疲劳感，主要来自两个方面：一是游戏的背景图和文字颜色等界面因素上形成了强烈的色彩对比，使两者之间不能融合、自然相通，反而好像是故意分开的感觉。二是界面背景和界面文字等对象的色彩多为相近颜色或较暗颜色，给玩家带来了视觉模糊和难以辨别信息的困难。色彩设计的科学性和美学性是色彩的重要作用，也是游戏界面设计的关键因素。设计师要具有良好的科学文化素养和较高的审美文化水平，在色彩上能够创造性地设计不断改变风格的手机游戏界面，使玩家能够更好地感受与操作，以最快的速度适应和喜欢游戏界面的配色风格。1．色彩搭配在巧不在多色彩并不是越多越好，设计师要懂得和色彩沟通，信息化需要简洁大方的视觉艺术设计。一般来说，选色应该遵循少即是多的原则。因为用色过多或者是太花哨，反而会使得界面凌乱琐碎，令人眼花缭乱，玩家会因无法辨认信息而产生视觉疲劳。因此，对于色彩的选择和使用要恰到好外，在巧不在多，限制一定的色彩数量，可以使画面达到某种和谐的效果，对比鲜明且重点突出。5.3.2手机游戏界面设计中色彩设计方法2．以玩家的心理为主导用色的针对性强对游戏界面的设计起到了至关重要的作用，游戏的内容不同导致了界面在用色时也有较大的区别，设计师在使用色彩时，需要考虑到诸多因素。例如，要最大限度地发挥色彩语言的特殊性，在让玩家感受到游戏的意境的同时还能让他们目炫神迷。因为不同生活环境和社会背景的人，所受的教育不同，以至于他们对色彩的感受也不一样。所以，设计师要听取来自四面八方的意见和建议，为满足多方面的需求，游戏的主色调是掌握整个游戏界面的重要一环。动手实践——设计休闲类手机游戏界面动手实践：设计休闲类手机游戏界面源文件：光盘\源文件\第5章\休闲类手机游戏界面.psd视频：光盘\视频\第5章\休闲类手机游戏界面.swf从整体上来讲，传统游戏与手机游戏都属于UI设计的范畴，都是为了玩家能够更好的体验游戏而存在的。从设计方法上来讲，所遵循的方法也是一致的，它们都需要考虑UI设计是否有利于玩家目标的完成，有利于高效、易用的操作。视觉上，需要有与游戏整体效果相统一的视觉元素。交互上，都需要一个清晰、简洁、便于记忆、易于操作的逻辑。

5.4传统游戏与手机游戏UI设计的异同智能手机由于屏幕尺寸较小，并且手机操作系统较多，所以传统游戏UI设计的相关规范并不是完全适用于手机游戏的UI设计，在对手机游戏UI进行设计时，设计师必须了解该款游戏所适用手机的类型、操作系统、屏幕尺寸等，下面向大家介绍传统游戏与手机游戏UI设计的相同点和不同点。5.4.1传统游戏与手机游戏UI设计的相同点1．操作系统电脑基本上是Windows操作系统、Mac操作系统和Linux操作系统，大多数用户使用的是Windows操作系统。智能手机的操作系统较多，目前市面上比较流行的有iOS系统、Android系统、WindowsPhone系统、Symbian系统、BlackberryOS系统。5.4.2传统游戏与手机游戏UI设计的不同点

2．硬件手机屏幕尺寸对游戏感受影响较大。目前市场上各种类型的智能手机品种非常多，不同的分辨率、尺寸，各种各样的硬肵配置都制约着手机游戏的开发。3．使用环境操作习惯上，电脑游戏是键盘加鼠标的操作方式，操作的精度更高，自由度也更好。而手机受尺寸的影响操作的精确度较低。比如我们的大拇指在480x640分辨率上热感应区域是44x44px，食指感应区是24x24px，这就要求我们在设计相关功能按钮的时候要考虑足够的空间。一般玩电脑游戏的时候玩家基本上拥有大段可以自由支配的时间，坐在一个固定的位置上，而手机游戏玩家大多数都是利用碎片的、零散的时间，游戏的间断性也比较高。因此，在设计手机游戏UI的时候，设计师需要为玩家考虑的东西更多、更贴切。动手实践——设计钓鱼手机游戏界面动手实践：设计钓鱼手机游戏界面源文件：光盘\源文件\第5章\钓鱼手机游戏界面.psd视频：光盘\视频\第5章\钓鱼类手机游戏界面.swf5.5.1同类元素外观类型不一致在一款游戏UI的按钮设计中，每个游戏界面中实现同一功能的按钮应该保持一样的外观或者风格。如果在一款游戏中，每个界面中实现类似功能的按钮都设计为不同的风格或外观，这样会带给游戏玩家非常糟糕的用户体验，对于一个游戏玩家来说，自然的反应就是这些界面并不属于同一款游戏。

5.5手机游戏UI设计常见问题在精致小巧的智能手机屏幕上进行游戏UI设计，要求UI设计师要比网页界面设计师更加注重细节，因为玩家很容易看到屏幕内的所有内容。尤其是在游戏界面设计比较简洁的时候，细节能决定一款游戏能否被玩家所接受。5.5.2使用过多的字体类型字体是界面设计中不可分割的一部分，在游戏界面的设计过程中，单纯的使用图形很多情况下并不能把功能描述清楚，这时候就需要使用图标和文字相结合的方式进行表现。在游戏界面的设计过程中，常出现的一种错误就是在界面中使用了多种不同类型的字体。字体类型过于繁多不仅会影响游戏UI的整体风格，带给人凌乱不堪的视觉感受，而且会降低游戏的运行性能，直接影响到该款游戏的用户体验。智能手机游戏的UI设计不同于网页游戏的UI设计，在智能手机上游戏界面的切换细节很容易被玩家注意到。在手机游戏界面切换的过程中，如果时间太久，会导致游戏枯燥乏味，但是过于花哨，又会让有感觉游戏设计的重心走偏，占用较多的系统资源。所以在手机游戏界面的切换处理上，应该尽尽可能设计的简洁、流畅，给玩家一种整体感。动手实践——设计Q版手机游戏界面动手实践：设计Q版手机游戏界面源文件：光盘\源文件\第5章\Q版手机游戏界面.psd视频：光盘\视频\第5章\Q版手机游戏界面.swf5.5.3游戏界面之间的切换处理不当手机游戏的种类题材很多，大多源于电脑游戏，也有基于智能手机本身特点开发的新游戏。手机游戏的画面比较精致，运行速度也比较快，并且还可以接入网络与朋友进行互动，获得更好的游戏体验。

5.6

专家支招答：用户的使用预期不同，手机应用程序的使用预期是快速、高效、便捷的完成某一操作，获取自己想要的信息，所以使用手机应用程序的路径是直线型的，人们不希望中间会出现额外的信息，多余的干扰妨碍他们的操作。人们在玩游戏的时候往往是在一种轻松、休闲、无聊的情况下，使用的动机并不是直接游戏通关，而是想打发一些时间或者是想让自己身心得到愉悦，所以手机游戏的路径是曲线型的。在手机游戏UI设计过程中应该考虑到用户的使用环境、惯用操作、玩家使用的预期等，千万不要完全照搬开发手机应用程序的经验去做游戏，那样设计出来的游戏也不会得到玩家的喜爱。5.6.1手机游戏与手机中的其他应用有哪些不同？答：设计手机游戏UI时，从一开就应该充分考虑多点触摸，并且充分利用各种输入方式以及控制系统，使用户感受到绝佳的操作体验。尽管手机上有物理按键，但其中只有返回键在游戏中有用，而且应该只用于特定的操作，如暂停或者退出游戏。设计师需要考虑什么样的操控机制适用于多点触摸，不要一味模仿传统的操控方式，例如拇指操作的方向杆，因为它们占据了宝贵的界面空间。中以使用手势来作为输入方式。5.6.2设计手机游戏UI时需要注意什么？通过触控，我们可以在游戏里实现很多操作，一旦实现了操作目的，用户会觉得很自然、很有成就感。拥有轻松上手的控制风格，能够