Unity3d界面设计教程.ppt

《Unity3d界面设计教程.ppt》由会员分享，可在线阅读，更多相关《Unity3d界面设计教程.ppt（26页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、Unity3d界面设计教程界面设计教程 -(NGUI、DaiKon)by:邪让多杰教程简介教程简介初级初级中级高级基础控件与操作实战:制作一套完整的游戏界面?声明声明道理谁都懂，凡夫谈资，学者运用。道理谁都懂，凡夫谈资，学者运用。-多杰语录-这是一个免费教程这是一个免费教程,谨防受骗上当。谨防受骗上当。-教程中所含插件，软件，都是和我的朋友借的，如有版权问题，教程中所含插件，软件，都是和我的朋友借的，如有版权问题，请联系朋友，与作者无关。请联系朋友，与作者无关。-限于作者水平，教程中错误以及遗漏之处，有本事你来打我啊！限于作者水平，教程中错误以及遗漏之处，有本事你来打我啊！本教程使用软件：屏幕

2、录像专家Unity3d游戏引擎DaiKonGUI插件NGUI插件 v4.0WPS套装Windows8系统土豪外星人M18x基佬一个Company LogoCompany Logo初级初级1.Atlas 与与 Font2.Panel 与与 Label3.Button4.其他控件其他控件5.TCompany LogoCompany LogoAtlas 与与 FontAtlas-图集 将多张零散的图片融合成为一张图，低碳环保。Font-字体动态字体DF-GUI公开版本并没有动态字体，可以和作者要。使用标准的字体文件(.TTF)，能屈能伸份量大。图集字体 将字体弄到图片里，根据坐标静态调用。好处可以使

3、用各种效果，以及聊天表情。基础控件基础控件Panel -面板 运行在窗口中的面板，用于组织界面元素。每一个Panel，都会让层从0开始。DaiKonPanel 常规面板 Scroll Panel 滚动面板Tab Container 选项卡面板 NguiPanel 常规面板常规静态切割选项卡要玩家单独实现基础控件基础控件Label -文本栏 用于显示文本信息，特殊功能：DaiKon颜色：color#ffffff 内容/color图片:sprit 图片名称渐变：可以在属性栏里设置渐变阴影描边 Ngui颜色：FF0000 内容-(没有-时，作用域为之后的所有文本。图片：需要自定义输入内容。阴影轮廓基

4、础控件基础控件Button-按钮 用来接收玩家的功能操作的控件：DaiKonButton自身集成了图片，文字 Ngui旧版本采用消息机制，新版本使用了委托的方式普通button图片button基础控件基础控件其他控件快速演示拖拽控制器 only Daikon选择框列表框进度条大小控制器 only Daikon富文本 only Daikon滚动条滑块输入框基础控件基础控件Tween 组件在两个值之间随时间进行渐变，用于实现一些伴随时间的效果。比如：淡入，淡出，移动，旋转，放大缩小等。DF-GUITweensNGUIITween教程简介教程简介初级中级中级高级基础操作实战:制作一套完整的游戏界面?

5、声明声明-这是一个免费教程这是一个免费教程,谨防受骗上当。谨防受骗上当。-教程中所含插件，软件，都是和我的朋友借的，如有版权问题，教程中所含插件，软件，都是和我的朋友借的，如有版权问题，请联系朋友，与作者无关。请联系朋友，与作者无关。-限于作者水平，教程中错误以及遗漏之处，有本事你来打我啊！限于作者水平，教程中错误以及遗漏之处，有本事你来打我啊！本教程使用软件：屏幕录像专家Unity3d游戏引擎DaiKonGUI插件NGUI插件 v4.0WPS套装Windows8系统土豪外星人M18x基佬一个 过程的愉悦必定带来美好的结果。过程的愉悦必定带来美好的结果。享受过程尤为重要。享受过程尤为重要。-多

6、杰语录Company LogoCompany Logo中级中级1.制作前的准备制作前的准备2.开始动手开始动手3.总结总结Company LogoCompany Logo准备准备我们要做什么？一个游戏界面它包含什么？登录 人物选择界面加载技能栏任务栏信息栏装备栏背包活动信息栏 商店，功能店，任务对话框剧情对话框准备准备有哪些可用的元素？文本 按钮选择框输入框下拉选框进度条，滑块滚动条面板如何将这些面板组合成我们想要的？在使用NGUI 和 DF-GUI时，分别要注意什么？NGUI：多个物体可以属于同一层。层一定要弄好，不能混乱。DF-GUI：层是独立的。在一个Panel下，一个层只对应一个控件b

7、oth:对齐方式一定要设定好，否则大乱准备准备总体结构 NGUI统一的层管理，我们约定。基础背景01层。一级面板在2层。面板元素36层 二级面板710层。不能超过3级面板。所有的界面做成在一次。统一调度。好处：快速响应，结构清晰坏处：内存消耗，开发麻烦Daikon-GUI只用保持好面板层次关系就好。同样不能超过3级面板。同一Panel下，一个层只能有一个控件人物选择界面人物选择界面角色列表面板从外部获取数据，通过预制体，显示信息。（动态列表方法，之后的动态列表均不讲解，与此处做法无差异。）角色展现面板 界面与游戏的结合。进入面板 按钮教程简介教程简介初级中级高级高级基础操作实战:制作一套完整的

8、游戏界面设计的艺术声明声明-这是一个免费教程这是一个免费教程,谨防受骗上当。谨防受骗上当。-教程中所含插件，软件，都是和我的朋友借的，如有版权问题，教程中所含插件，软件，都是和我的朋友借的，如有版权问题，请联系朋友，与作者无关。请联系朋友，与作者无关。-限于作者水平，教程中错误以及遗漏之处，有本事你来打我啊！限于作者水平，教程中错误以及遗漏之处，有本事你来打我啊！本教程使用软件：屏幕录像专家Unity3d游戏引擎DaiKonGUI插件NGUI插件 v4.0WPS套装Windows8系统土豪外星人M18x基佬一个 如果活在世上不做有意义的事情，如果活在世上不做有意义的事情，那么不如死了！那么不如

9、死了！-多杰语录Company LogoCompany Logo高级高级1.You and me2.Let me help you3.Show me the money4.There is no Company LogoCompany LogoYou and me谁是谁？you.用户me.我们（产品）Why you and me?只有搞清楚我们与用户的关系，才能继续思考下去。这是思想的源泉。我们要清楚什么问题?需求用户，想要看什么我们，要告诉用户什么资源用户，用户需要付出什么我们，能给用户带来什么Let me help you谁是谁？用户是什么？懒惰，盲从，业余，愚蠢，甚至对你带有偏见。你眼中

10、的图 你想让用户看到的图 实际用户看到的图Let me help you返璞归真-让您简单设计时，我们只有一个目的，让用户以最简单的方式实现他的需求。任何与简单为敌的功能，都是坏的功能。设计目的-让您习惯传统是智慧的糟粕，但创新，需要传统的基石。对于用户来说，学习新事物绝对是不可容忍的。那么，我们只能基于用户已经存在的习惯，去让他处理更多的事物。PC 基于Window与Mac的习惯 移动平台。基于用户的物理习惯额外的任务-我们更好慎重专家建议。挖掘客户数据Show me the moneyShow me the money最少的操作，完成最多的任务。没什么不可能。只有你不够了解。我是大师，你懂吗？对交互界面进行分等级展现，比如：我有很少的时间进行游戏我X小时后有事我有大把的时间进行游戏在玩家进入的时候，设置级别，级别决定了展现的内容，提醒的信息。甚至最后的闹铃，很轻松的让玩家放心的进入您的游戏。智能施法程序员的麻烦，就是用户的信赖。一个Button，如何才能处理更多的需求？There is no spoon我的法力无边推荐书籍：简约至上:交互式设计四策略认知与设计:理解UI设计准则亲爱的界面让用户乐于使用、爱不释手等等等等我有很多的魔法删除组织隐藏转移我的灵魂能力思考Thank youby:邪让多杰