01 5.1 版式设计原则
02 5.2 登入界面
目录
03 5.3手游主界面设计《扁平化
风格》
04 5.4 网页游戏主界面设计《Q版风
格》
05
5.5 电视游戏主界面设计《欧美风 格》
01 5.1 版式设计原则
5．1.1游戏 UI 设计的原则及注意事项
游戏界面的好坏直接影响着玩家对游戏的兴趣，所以很多游戏界面设计是需要花费一定心思的来吸引
除了上述游戏界面设计的原则，在游戏 UI 设计中还需注意以下事项： （1）突出设计重点减少识别误区。 （2）使界面简洁，体现重要信息；找到玩家习惯，隐藏冷门应用。 （3）使用普通接受习惯，不轻易尝试新的设计规范。 （4）减少学习信息，简化重复操作，节省空间加载资源。
02 5.2 登入界面
具体操作步骤如下:
工程学非常相视，也可以说就是同一个方向，都是为了方便人的行为而产生的。在现阶段已经普遍应 用于我们生活中的各个领域，幵且在未来还会继续拓展。
2．代表玩家说话 界面设计的语言要能够代表游戏玩家说话而不是设计者。这里所说的代表，就是把大部分玩家的想法 实体化表现出来，主要通过造型. 色彩. 布局等几个主要方面表达，不同的变化会产生不同的心理感受， 例如尖锐. 红色. 交错带来了血腥. 暴力. 激动. 刺激. 张扬等情绪，适合打击感和比较暴力的作品，而平 滑. 黑色. 屈曲带来了诡异. 怪诞. 恐怖的气息，又如分散. 粉红. 嫩绿. 圆钝，则带给我们可爱. 迷你. 浪漫 的感觉，如此多的搭配会系统的引导玩家的游戏体验，为玩家的各种新奇想法助力。
设计构思 本节实例制作扁平化风格的手机游戏登录界面。画面中主要采用冷暖色调，太空背景的冷色调对比时 钟的暖色调，使画面色彩更加丰富。并用形状工具做出开始和存档游戏按钮以及完成文字制作。 设计规格 尺寸规格：1280像素×2368像素 使用工具：矩形工具、椭圆工具、钢笔工具、自定义形状工具、横排文字工具 设计色彩分析 将画面调整为蓝黑色的色调，使其具有太空的感觉。
3．统一性 界面设计的风格. 结构必须要与游戏的主题和内容相一致，优秀的游戏界面设计都具备这个特点。这一 点看上去简单，实则还是比较复杂的，想要统一起来，幵不是一件简单的事情，就拿颜色这点来说，
就算我只用几个颜色搭配设计界面，也不容易使之统一，因为颜色的比重会对画面产生不同的影响， 所以我们会对统一性做出多种统一方式方法，例如固定一个色版，包括色相. 纯度. 明度都要确定，另 外就是比例. 主次，等等，统一界面除了色彩还有构件，这也是一个可以重复利用和统一的最好方式， 边框. 底纹. 标记. 按钮. 图标，等等，都是用一致的纹样. 结构. 设计，最后就是必须统一文字，在界面 上是必不可少的，每个游戏只能使用 1-2 种文字，文字也是游戏中出现频率的方面，过多就不够统一。 4．清晰 视觉效果的清晰有助于游戏玩家对游戏的理解，方便游戏玩家对功能的使用。对于 IOS 平台上的游戏 来说，为了达到更高的效率和清晰度，需要制作不同的界面美术资源，以达到目的，这也是目前无法 解决的硬件与软件间的问题。
5．习惯与认知 界面设计在操作上的难易程度尽量不要超出大部分游戏玩家的认知范围，幵且要考虑大部分游戏玩家
在与游戏互动时的习惯。这个部分就要提到游戏人群了，不同的人群拥有不同的年龄特点和时代背景，
所接触的游戏也大不相同，这就要我们提早定位目标人群，把他们可能玩过的游戏做统一整理，分析 幵制定符合他们习惯的界面认知系统。
游 戏 UI 设 计
PPT模板：/moban/ PPT背景：/beijing/ PPT下载：/xiazai/ 资料下载：/ziliao/ 试卷下载：/shiti/ PPT论坛： 语文课件：/kejian/yuw en/ 英语课件：/kejian/ying yu/ 科学课件：/kejian/kexu e/ 化学课件：/kejian/huaxue/ 地理课件：/kejian/dili/
玩家的眼球，若一开始玩家对界面产生了好感，那么在其后的其它项评定后，他的内心就会趋向认同， 所以游戏 UI 设计要遵循用户需求这一硬性原则，除了这个，游戏 UI 设计还有其他的原则及注意事项。 游戏 UI 设计的原则主要有以下几个方便： 1.设计简易 界面设计要尽量简洁，目的是便于游戏玩家使用，减少在操作上出现错误。这种简洁性的设计和人机
6. 自由度
游戏玩家在与游戏迚行互动时的方式具有多重性，自由度很高，例如操作的工具不单单局限于鼠标和 键盘，也可以是游戏手柄. 体感游戏设备。这一点对于高端玩家来说，是非常重要的，因为这群人不会
停留在基础的玩法之上，他们会利用游戏中各种细微的空间，来表现出自身的不同和优势，所以我们 要在界面的部分为这类人群提供自由度较高的设计。
R:30、G30、B40 R:30、G30、B40 R:155、G42、B27
具体操作步骤如下:
最终效果如图5-1所示。源自图5-1 效果图PPT素材：/sucai/ PPT图表：/tubiao/ PPT教程： /powerpoint/ 范文下载：/fanwen/ 教案下载：/jiaoan/ PPT课件：/kejian/ 数学课件：/kejian/shu xue/ 美术课件：/kejian/me ishu/ 物理课件：/kejian/wul i/ 生物课件：/kejian/she ngwu/ 历史课件：/kejian/lish i/