 上传我的文档
 下载
 收藏
该文档贡献者很忙，什么也没留下。
 下载此文档
正在努力加载中...
手机游戏的ui设计探究
下载积分：2000
内容提示：手机游戏的ui设计探究
文档格式：PDF|
浏览次数：6|
上传日期： 10:41:10|
文档星级：
该用户还上传了这些文档
手机游戏的ui设计探究
官方公共微信500多只手工捏制的“泰迪熊兵马俑”亮相，俏皮可爱。
超豪华游轮总造价约合人民币75亿，可搭乘8500名游客。
声明：本文由入驻搜狐公众平台的作者撰写，除搜狐官方账号外，观点仅代表作者本人，不代表搜狐立场。
　　手机游戏UI设计都学什么？在这里作为专业的UI设计实训基地，莱茵教育强调，学UI不是单纯的去学软件的操作，更多的是去培养自身设计思维及综合素质，像天天爱消除游戏，不是简单的软件堆砌出来的，而是思维碰撞出的结果！
　　UI设计大家都不陌生，手机游戏UI设计，也不难理解，主要是将UI设计应用到手机游戏当中，现在手游已经深受大众喜爱，无论男女，仅此针对不同的，细心的人会发现，女款游戏和男款游戏是有所区别的，这主要是设计师在设计之初就考虑到，用户群的特征来针对性的设计游戏界面，好了，我们回归主题，来看下手机游戏UI设计都学什么，基本的软件是必须要学的，简单列举一下：
　　1、Photoshop
　　Photoshop软件的界面构成与计算机图像设计的基本知识，各种图像处理工具的使用。
　　2、Illustrator
　　矢量图形绘制软件的界面与工具；矢量图形绘制的技巧。
　　3、Indesign
　　页码设计、文本和样式、图形图像、表格工具、印前与输出的相关应用，书籍与长文档的制作。
　　4、Fireworks
　　软件的基本构成、矢量工具和位图工具、WUI用户界面及广告设计。
　　5、Dreamweaver
　　建立站点、添加页面元素、使用CSS样式及交互行为。
　　6、Flash
　　Flash中的动画制做原理与技巧，典型WUI商业广告中的Flash技术与实现。
　　设计软件很多，只要适合自己使用就可以，不存过时与否的概念，就像是黑猫白猫，能抓老鼠的就是好猫，设计软件也同理，自身习惯用哪款软件或者版本，按自身喜好来即可，综上大概了解了手机游戏UI设计都学什么，除了这些软件，在手游UI设计中，作为一个UI设计师你还应该去知道这些问题
　　一、UI设计的原则
　　UI设计的原则就是用户的使用界面以简洁让用户便于使用、便于了解产品，并能减少用户发生UI设计图片错误选择的可能性为前提去进行设计，这个不仅是对手机游戏UI设计的，同样适用于其他UI设计，这是一个基本准则
　　其次才是界面的美观包装。如果一款游戏为了美观而把界面设计的非常炫，而忽略用户的体验度，那这个UI的设计就是失败的。
　　二、手游UI设计的规范
　　手游的UI设计规范，这也是作为手机游戏UI设计都学什么的一个重要内容：
　　1.突出设计重点 减少识别误区
　　2.使界面简洁 体现重要信息 找到玩家习惯，隐藏冷门应用
　　3.使用普通接受习惯，不轻易尝试新的设计规范。
　　4.减少学习信息，简化重复操作节省空间加载资源
　　三、给玩家带来的感受
　　1. 你的画面是否制作精美，能够吸引我的眼球！
　　2. 界面上的所有信息，是否直观让我理解、清晰易懂
　　（图标表达是否清晰）
　　3. 我能否快速的找到我所需要的信息
　　（图标是否明确？界面信息量过大？菜单隐藏的太深？）
　　4. 我不需要阅读说明，就知道如何操作使用这个界面
　　5. 重复性操作是否太多， 使我产生对游戏的厌倦
　　（子界面太多 ，返回重复性太高 ，是否可删减重复界面）
　　所以作为一个优秀的手游UI设计师，不要停留在手机游戏UI设计都学什么的基础问题上，当自己在做设计的同时，要经常思考以上几个问题。UI是一个不断挑剔的过程，也是游戏开发中必须力求完美的环节之一。好的游戏界面设计师，优秀的地方就在于更多的思考与用心，懂得在不同的产品类型中取其优而运用。
　　手游UI的设计，要本着方便用户操作与使用的原则，这是检验一款游戏界面的设计是否成功，不能完全依赖表面，最重要的是玩家在操作过程中的使用感和视觉感受。金玉其外败絮其中不过是空壳，很难让人接受。
　　最后手机游戏UI设计都学什么？我们更应该把设计的重心专注于玩家的用户体验之上。如UI元素多大，是否有动效体现 ，在哪里展示哪些信息，玩家如何导航，减少颜色变化的复杂多样与添加装饰等是否花哨影响整体。所以一个好的UI设计师更是要遵循一定的设计原则来进行设计的。
欢迎举报抄袭、转载、暴力色情及含有欺诈和虚假信息的不良文章。
请先登录再操作
请先登录再操作
微信扫一扫分享至朋友圈
搜狐公众平台官方账号
生活时尚&搭配博主 /生活时尚自媒体 /时尚类书籍作者
搜狐网教育频道官方账号
全球最大华文占星网站-专业研究星座命理及测算服务机构
莱茵教育，ui设计领导品牌，专注ui设计企业内训、学生能力...
主演：黄晓明/陈乔恩/乔任梁/谢君豪/吕佳容/戚迹
主演：陈晓/陈妍希/张馨予/杨明娜/毛晓彤/孙耀琦
主演：陈键锋/李依晓/张迪/郑亦桐/张明明/何彦霓
主演：尚格?云顿/乔?弗拉尼甘/Bianca Bree
主演：艾斯?库珀/ 查宁?塔图姆/ 乔纳?希尔
baby14岁写真曝光
李冰冰向成龙撒娇争宠
李湘遭闺蜜曝光旧爱
美女模特教老板走秀
曝搬砖男神奇葩择偶观
柳岩被迫成赚钱工具
大屁小P虐心恋
匆匆那年大结局
乔杉遭粉丝骚扰
男闺蜜的尴尬初夜
客服热线：86-10-
客服邮箱：欢迎来到Ui100了解UI界面设计
对于养眼的设计 我总是会看多两眼
Ui100提供专业的UI设计来提升您的视界！
UI即User Interface(用户界面)的简称。UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。
HTML5+CSS3技术实现手机网站和电脑网站完美融合，让用户体验更贴心。
手机界面设计
手机界面设计最重要的两点的就是产品本身的UI设计和用户体验设计。
软件界面设计
软件界面设计就像工业产品中的工业造型设计一样，是产品的重要卖点。
游戏界面设计
好的游戏UI设计让游戏的操作变得舒适简单、自由，充分体现游戏的定位和特点。
给客户最好的作品是我们的终极目标
包括网页设计、手机界面设计以及软件设计界面和游戏界面设计等作品案例
特点：扁平化设计且符合HTML5自适应布局
特点：中国风设计，设计端庄典雅和谐大方
特点：蓝白配色清新亮丽，让人耳目一新
特点：登录页面选择了区域地标建筑作为背景
特点：企业VI标准色让人产生亲切的归属感
特点：大红色是一个大胆冒险的设计
特点：传统的才是永远的
特点：六年前很用心的设计
特点：网站至今还没有改版证实了这次设计的成功
一致性原则：坚持以用户体验为中心设计原则，界面直观、简洁，操作方便快捷，用户接触软件后对界面上对应的功能一目了然、不需要太多培训就可以方便使用本应用系统。
&&& 字体&&& 　　-保持字体及颜色一致，避免一套主题出现多个字体；&&& 　　-不可修改的字段，统一用灰色文字显示。&&& 对齐&&& 　　-保持页面内元素对齐方式的一致，如无特殊情况应避免同一页面出现多种数据对齐方式。&&& 表单录入&&& 　　-在包含必须与选填的页面中，必须在必填项旁边给出醒目标识（*）；&&& 　　-各类型数据输入需限制文本类型，并做格式校验如电话号码输入只允许输入数字、邮，在用户输入有误时给出明确提示。&&& 鼠标手势&&& 　　-可点击的按钮、链接需要切换鼠标手势至手型；&&& 保持功能及内容描述一致&&& 　　-避免同一功能描述使用多个词汇，如编辑和修改，新增和增加，删除和清除混用等。建议在项目开发阶段建立一个产品词典，包括产品中常用术语及描述，设计或开发人员严格按照产品词典中的术语词汇来展示文字信息。
准确性原则：使用一致的标记、标准缩写和颜色，显示信息的含义应该非常明确，用户不必再参考其它信息源。
&&& 显示有意义的出错信息，而不是单纯的程序错误代码。&&& 避免使用文本输入框来放置不可编辑的文字内容，不要将文本输入框当成标签使用。&&& 使用缩进和文本来辅助理解。&&& 使用用户语言词汇，而不是单纯的专业计算机术语。&&& 高效地使用显示器的显示空间，但要避免空间过于拥挤。&&& 保持语言的一致性，如“确定”对应“取消”,“是”对应“否”。
布局合理化原则：在进行UI设计时需要充分考虑布局的合理化问题，遵循用户从上而下，自左向右浏览、操作习惯，避免常用业务功能按键排列过于分散，以造成用户鼠标移动距离过长的弊端。多做“减法”运算，将不常用的功能区块隐藏，以保持界面的简洁，使用户专注于主要业务操作流程，有利于提高软件的易用性及可用性。
&&& 菜单&&& 　　-保持菜单简洁性及分类的准确性，避免菜单深度超过3层。&&& 　　-菜单中功能是需要打开一个新页面来完成的，需要在菜单名字后面加上“…”。【只适用于C/S架构，B/S请无视】。&&& 按钮&&& 　　确认操作按钮放置左边，取消或关闭按钮放置于右边。&&& 功能&&& 　　-未完成功能必须隐藏处理，不要置于页面内容中，以免引起误会。&&& 排版&&& 　　-所有文字内容排版避免贴边显示（页面边缘），尽量保持10-20像素的间距并在垂直方向上居中对齐；各控件元素间也保持至少10像素以上的间距，并确保控件元素不紧贴于页面边沿。&&& 表格数据列表&&& 　　-字符型数据保持左对齐，数值型右对齐（方便阅读对比），并根据字段要求，统一显示小数位位数。&&& 滚动条&&& 　　-页面布局设计时应避免出现横向滚动条。&&& 页面导航（面包屑导航）&&& 　　-在页面显眼位置应该出现面包屑导航栏，让用户知道当前所在页面的位置，并明确导航结构，如：首页&新闻中心&欧科智能招商服务平台正式发布，其中带下划线部分为可点击链接。&&& 信息提示窗口&&& 　　-信息提示窗口应位于当前页面的居中位置，并适当弱化背景层以减少信息干扰，让用户把注意力集中在当前的信息提示窗口。一般做法是在信息提示窗口的背面加一个半透明颜色填充的遮罩层。
系统操作合理性原则：
&&& 尽量确保用户在不使用鼠标（只使用键盘）的情况下也可以流畅地完成一些常用的业务操作，各控件间可以通过Tab键进行切换，并将可编辑的文本全选处理。&&& 查询检索类页面，在查询条件输入框内按回车应该自动触发查询操作。&&& 在进行一些不可逆或者删除操作时应该有信息提示用户，并让用户确认是否继续操作，必要时应该把操作造成的后果也告诉用户。&&& 信息提示窗口的“确认”及“取消”按钮需要分别映射键盘按键“Enter”和“ESC”。&&& 避免使用鼠标双击动作，不仅会增加用户操作难度，还可能会引过用户误会，认为功能点击无效。&&& 表单录入页面，需要把输入焦点定位到第一个输入项。用户通过Tab键可以在输入框或操作按钮间切换，并注意Tab的操作应该遵循从左向右、从上而下的顺序。
系统响应时间原则：系统响应时间应该适中，响应时间过长，用户就会感到不安和沮丧，而响应时间过快也会影响到用户的操作节奏，并可能导致错误。因此在系统响应时间上坚持如下原则：
&&& 2-5秒窗口显示处理信息提示，避免用户误认为没响应而重复操作；&&& 5秒以上显示处理窗口，或显示进度条；
一个长时间的处理完成时应给予完成警告信息。
UI是用户界面，是英文User和 interface的缩写。从字面上看是用户与界面2个组成部分，但实际上还包括用户与界面之间的交互关系，所以这样可分为3个方向，他们分别是：用户研究、交互设计、界面设计。用户研究用户研究包含两个方面：一是可用性工程学（usability Engineering），研究如何提高产品的可用性，使得系统的设计更容易被人使用、学习和记忆；二是通过可用性工程学的研究，发掘用户的潜在需求，为技术创新提供另外一条思路和方法。用户研究是一个跨学科的专业，涉及可用性工程学、人类功效学、心理学、市场研究学、教育学、设计学等等学科。用户研究技术是站在人文学科的角度来研究产品，站在用户的角度介入到产品的开发和设计中。用户研究通过对于用户的工作环境、产品的使用习惯等研究，使得在产品开发的前期能够把用户对于产品功能的期望、对设计和外观方面的要求融入到产品的开发过程中去，从而帮助企业完善产品设计或者探索一个新产品概念。他是得到用户需求和反馈的途径，也是检验界面与交互设计是否合理的重要标准。交互设计这部分指人与机之间的交互工程，在过去交互设计也由程序员来做，其实程序员擅长编码，而不善于与最终用户交互。所以，很多的软件虽然功能比较齐全，但是交互方面设计很粗糙，繁琐难用，学习困难。使用这样的软件后，不是使人聪明与进步而是让人感到愚弄与羞辱。许多人因为不能操作电脑软件而下岗失业，这样的交互使电脑成为让人恐惧的科技怪兽。于是我们把交互设计从程序员的工作中分离出来单独成为一个学科，也就是人机交互设计。他的目的在于加强软件的易用、易学、易理解，使计算机真正成为方便地为人类服务的工具。界面设计在漫长的软件发展中，界面设计工作一直没有被重视起来。做界面设计的人也被贬义的称为“美工”。其实软件界面设计就像工业产品中的工业造型设计一样，是产品的重要买点。一个友好美观的界面会给人带来舒适的视觉享受，拉近人与电脑的距离，为商家创造卖点。界面设计不是单纯的美术绘画，他需要定位使用者、使用环境、使用方式并且为最终用户而设计，是纯粹的科学性的艺术设计。检验一个界面的标准即不是某个项目开发组领导的意见也不是项目成员投票的结果，而是最终用户的感受。所以界面设计要和用户研究紧密结合，是一个不断为最终用户设计满意视觉效果的过程。
一、确认目标用户在UI设计过程中，需求设计角色会确定软件的目标用户，获取最终用户和直接用户的需求。用户交互要考虑到目标用户的不同引起的交互设计重点的不同。例如：对于科学用户和对于电脑入门用户的设计重点就不同。二、采集目标用户的习惯交互方式不同类型的目标用户有不同的交互习惯。这种习惯的交互方式往往来源于其原有的针对现实的交互流程、已有软件工具的交互流程。当然还要在此基础上通过调研分析找到用户希望达到的交互效果，并且以流程确认下来。三、提示和引导用户软件是用户的工具。因此应该由用户来操作和控制软件。软件响应用户的动作和设定的规则。对于用户交互的结果和反馈，提示用户结果和反馈信息，引导用户进行用户需要的下一步操作。四、一致性原则设计目标一致软件中往往存在多个组成部分（组件、元素）。不同组成部分之间的交互设计目标需要一致。例如：如果以电脑操作初级用户作为目标用户，以简化界面逻辑为设计目标，那么该目标需要贯彻软件（软件包）整体，而不是局部。元素外观一致交互元素的外观往往影响用户的交互效果。同一个（类）软件采用一致风格的外观，对于保持用户焦点，改进交互效果有很大帮助。遗憾的是如何确认元素外观一致没有特别统一的衡量方法。因此需要对目标用户进行调查取得反馈。交互行为一致在交互模型中，不同类型的元素用户触发其对应的行为事件后，其交互行为需要一致。例如：所有需要用户确认操作的对话框都至少包含确认和放弃两个按钮。对于交互行为一致性原则比较极端的理念是相同类型的交互元素所引起的行为事件相同。但是我们可以看到这个理念虽然在大部分情况下正确，但是的确有相反的例子证明不按照这个理念设计，会更加简化用户操作流程。[2] 五、可用性原则可理解软件要为用户使用，用户必须可以理解软件各元素对应的功能。如果不能为用户理解，那么需要提供一种非破坏性的途径，使得用户可以通过对该元素的操作，理解其对应的功能。比如：删除操作元素。用户可以点击删除操作按钮，提示用户如何删除操作或者是否确认删除操作，用户可以更加详细的理解该元素对应的功能，同时可以取消该操作。可达到用户是交互的中心，交互元素对应用户需要的功能。因此交互元素必须可以被用户控制。用户可以用诸如键盘、鼠标之类的交互设备通过移动和触发已有的交互元素达到其它在此之前不可见或者不可交互的交互元素。要注意的是交互的次数会影响可达到的效果。当一个功能被深深隐藏（一般来说超过4层）那么用户达到该元素的几率就大大降低了。可达到的效果也同界面设计有关。过于复杂的界面会影响可达到的效果。（参考简单导向原则）可控制软件的交互流程，用户可以控制。功能的执行流程，用户可以控制。如果确实无法提供控制，则用能为目标用户理解的方式提示用户。
1.简易性界面的简洁是要让用户便于使用、便于了解产品，并能减少用户发生UI设计图片UI设计图片错误选择的可能性。2.用户语言界面中要使用能反映用户本身的语言，而不是游戏设计者的语言。3.记忆负担最小化人脑不是电脑，在设计界面时必须要考虑人类大脑处理信息的限度。人类的短期记忆有限且极不稳定，24小时内存在约25%的遗忘率。所以对用户来说，浏览信息要比记忆更容易。4.一致性它是每一个优秀界面都具备的特点。界面的结构必须清晰且一致，风格必须与产品内容相一致。5.清楚在视觉效果上便于理解和使用。6.用户的熟悉程度用户可通过已掌握的知识来使用界面，但不应超出一般常识。7.从用户习惯考虑想用户所想，做用户所做。用户总是按照他们自己的方法理解和使用。通过比较两个不同世界(真实与虚拟)的事物，完成更好的设计。如：书籍对比竹简。8.排列一个有序的界面能让用户轻松的使用。9.安全性用户能自由的作出选择，且所有选择都是可逆的。在用户作出危险的选择时有信息介入系统的提示。10.灵活性简单来说就是要让用户方便的使用，但不同于上述。即互动多重性，不局限于单一的工具(包括鼠标、键盘或手柄、界面)。11.人性化高效率和用户满意度是人性化的体现。应具备专家级和初级玩家系统，即用户可依据自己的习惯定制界面，并能保存设置。
Page 1 of 7
StartPrev1
不论你在北京上海，还是在重庆厦门，或者在东莞深圳?一个电话就能把UI界面设计的事情解决！ 2