UI是什么?

“一般来说,UI设计的目标是产生用户界面,使用户界面能够使人类以简单愉快高效的的方式操作机器。这通常意味着操作者需要提供最少的输入来实现期望的输出,并且该机器使错误的输出最小化。 随着个人电脑使用量的增加,用户界面通常被认为是指图形用户界面。”(维基百科)。移动互联网崛起之后,UI设计师大受市场欢迎。其实在苹果和安卓手机诞生之前,UI设计(也叫用户界面设计)就已经存在了。可以说计算机诞生的那一天起,UI设计就同时产生了。印象中操作系统界面以及按钮,icon等都属于UI设计。下面是音乐播放器winmap的界面皮肤设计。以现在的要求看,无疑的这种复杂界面对新手用户来说太难了,但是对winmap的粉丝来说却是一种享受。

游戏UI

人类需要和机器交互,所有和交互有关的界面设计都是UI设计。对游戏来说,玩家上手就可以玩的游戏,UI设计的就非常好,因为玩家可以简单愉快高效的操作设备玩游戏,不会因为太难操作而放弃。ipad大受市场,很大原因是3岁小孩也可以用手点点点和滑滑滑,来操作ipad。下面是游戏pingpong的界面,非常简单,玩家可以很快的明白界面中各个元素的用处:中间的数字2和3代表得分,中间虚线代表乒乓桌的分界线,白色小点代表乒乓球,左右两端的竖线代表球拍。

如果把UI设计仅仅当成GUI图形界面设计是不够的,随着Sketch等UI设计工具更加具有自动化趋势和团队协作功能,市场对UI设计有了更高的要求。UX设计(用户使用流程)和产品设计的一部分智能也会叠加到UI设计上。对于游戏设计来说,做UI的同学懂一点游戏策划和程序编码,对整个游戏产品质量提升会更有好处。以具体游戏为例,了解下游戏UI设计有哪些基本原则。

一目了然,即时反馈

界面清晰是UI设计的第一步,玩家不需要学习,看到就知道怎么样使用它。愤怒小鸟的游戏开始界面,点击play就可以开始游戏,play按钮最大最显眼。没有说明文字,玩家也知道如何操作。游戏需要对玩家的操作作出即时反馈,当手指滑到开始按钮时,按钮会变大。

吸引玩家注意力

界面元素的主次关系,还有画面镜头都必须保证玩家在当前界面可以完成核心操作。愤怒小鸟的核心玩法是玩家拖拉弹弓发射小鸟打绿猪。在玩家操作弹弓使,游戏镜头是近景,小鸟发射时镜头会切到远景镜头,这样玩家可以一目了然自己发射的小鸟打中了什么,出现了什么效果。

给予玩家掌控的感觉

每个界面应该只有一个主题,玩家能够轻松的明白也可以快速上手,用起来也会很方便。在玩游戏的时候,玩家可以完全掌控游戏,除了展示游戏相关的核心数据(分数,道具数量等等),可以随时暂停或退出游戏。下面这个社交版小鸟多显示了朋友的头像和得分。

遵循传统不重复造轮子

游戏UI设计应该遵循传统。成功的产品往往玩家众多,经得起时间考验。经典的游戏接触到的人数往往是最多的。如果要制作ARPG并且有着丰富的道具和装备系统,暗黑破坏神2是必须要研究的。

DNF的界面和装备系统很明显的参考了暗黑破坏神2。大多数时候我们不需要重复造轮子。

同样是横板格斗的时空猎人和街机三国则参考了街机吞食天地2。对于这种战斗力数值氪金游戏,装备什么的不重要,重要的是氪金的数量决定角色的强弱。另外DNF是端游,游戏的内容会更多。时空猎人和街机三国,一个是手游一个是页游,游戏的内容和包都不能太大,这两款游戏的重点是打击感和打击效果,让氪金的玩家通关或PK的时候有更多的多巴胺分泌。

「教程」游戏开发基础——游戏UI设计基本原则相关推荐

  1. Unity3D游戏开发--基础游戏 SpaceShooter学习笔记(飞机脚本)

    本博客只是用来记笔记(・∀・) 具体的制作流程请上天入地寻找,网上有很多教程.这里主要是总结一下思路,梳理一下脚本以及记录一下遇到的问题和解决方法,如果能对你有所帮助那就太好啦( ̄▽ ̄)-■□-( ̄▽ ...

  2. os-cocos2d游戏开发基础-进度条-开发笔记

     os-cocos2d游戏开发基础-进度条-开发笔记(十)   ios-cocos2d游戏开发基础-游戏音效-开发笔记(九)       ios-cocos2d游戏开发基础-CCLayer和Touch ...

  3. 虚幻引擎VR游戏开发基础教程

    虚幻引擎VR游戏开发基础教程 了解如何使用 Oculus Quest 2 的蓝图在虚幻引擎 4 中从头开始构建基本的 VR 机制 课程英文名:Unreal Engine VR Development ...

  4. Unity2D游戏开发基础教程1.2项目、资源和场景

    Unity2D游戏开发基础教程1.2项目.资源和场景 如果使用Unity制作游戏,就一定会接触到项目(Project.资源(Asset)和场景(Scene).本节将依次介绍它们. 1.2.1  项目 ...

  5. Unity2D游戏开发基础教程1.2 项目、资源和场景

    Unity2D游戏开发基础教程1.2 项目.资源和场景 如果使用Unity制作游戏,就一定会接触到项目(Project.资源(Asset)和场景(Scene).本节将依次介绍它们. 1.2.1  项目 ...

  6. Unity4.x 2D游戏开发基础教程第1章Unity及其组成的介绍

    Unity4.x 2D游戏开发基础教程第1章Unity及其组成的介绍 本书主要讲解的是,如何使用Unity开发2D游戏.但在开始讲解之前,最好先熟悉一下Unity这个工具.本章会首先介绍Unity的下 ...

  7. Unity 4.x 2D游戏开发基础教程大学霸第一更

    Unity 4.x 2D游戏开发基础教程 大学霸 第1章  Unity及其组成的介绍 本书主要讲解的是,如何使用Unity开发2D游戏.但在开始讲解之前,最好先熟悉一下Unity这个工具.本章会首先介 ...

  8. RPG 类型游戏开发基础教程

    RPG 游戏开发基础教程 第一步 下载 RPG Maker 开发工具包 1.RPG Maker 是什么? RPG Maker 是由 Enterbrain 公司推出的 RPG 制作工具. 中文译名为 R ...

  9. 《游戏开发基础》课程论文丨基于Unity与Bolt的抗美援朝主题3D游戏设计

    文章目录 摘要 关键词 一.导言 二.角色操控 2.1 隐藏鼠标 2.2 通过移动鼠标更新玩家视角 2.3 使角色跳跃 2.4 使角色移动 2.5 使角色冲刺 2.6 使角色卧倒 2.7 设置准星及切 ...

最新文章

  1. 揭秘美国空军如何用AI技术提升“战斗力”
  2. php随机生成器加密,php生成随机密码的几种方法
  3. How To Open An URL In Android’s Web Browser
  4. B端——复杂业务表单设计
  5. c# rar解压大小_Linux压缩解压指令-bzip2、xz、compress、rar
  6. 倍福BECKHOFF PLC:自动化编程入门1
  7. 【信息学奥赛一本通】题解目录
  8. macos 下 vmware fusion 安装 vmware tools
  9. Stata:数据包络分析(DEA)
  10. python生成正态分布矩阵_统计学习 | 矩阵正态分布 (matrix normal distribution)
  11. k-nearest neighbors algorithm - k 最近邻算法
  12. 实现自定义大转盘抽奖
  13. Linux进程通信的试验
  14. 推荐一款离线MarkDown编辑工具Haroopad
  15. 5W1H聊开源之Who——谁“发明”了开源?
  16. 【重磅】个税上调作为程序员更要上班做私单了!
  17. Charles切环境,使用map Local
  18. 迟来的回顾2019年
  19. HBASE配置参数说明中文文档(官方文档翻译)
  20. vue改变element-ui 表格第一行或某一行样式

热门文章

  1. openwrt网络管理工具网络管理工具:net-tools VS iproute2
  2. 登录超方便 QQ/微信/Google快捷登录API功能上线啦
  3. Android DEX加固方案与原理
  4. java 计算机结果显示为百分号形式
  5. 20180828江苏实达迪美数据处理
  6. table表格取消显示表头
  7. Android 开机Process xxx (pid xxxx) has died问题分析
  8. Linux命令小抄(适合打印)
  9. 【React】手写虚拟滚动组件(二)可自动获取不定高度的虚拟滚动组件
  10. 用python每天发朋友圈的人_心理学:我们要远离那些,每天都发朋友圈的人