1 / 14
文档名称:

Unity界面设计规范.docx

格式:docx   大小:1,093KB   页数:14页
下载后只包含 1 个 DOCX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

Unity界面设计规范.docx

上传人:科技星球 2022/3/18 文件大小:1.07 MB

下载得到文件列表

Unity界面设计规范.docx

文档介绍

文档介绍:Unity界面设计规范
 
 
Unity界面设计规范
 
一、新建一个场景,创建基础的UI面板
1、比如取名为:UI_Test
2、创建一个面板,用作UI显示:如图所示区域,点击鼠标右键选择UIàPanel,如下图所 
 
Unity界面设计规范
 
 
Unity界面设计规范
 
一、新建一个场景,创建基础的UI面板
1、比如取名为:UI_Test
2、创建一个面板,用作UI显示:如图所示区域,点击鼠标右键选择UIàPanel,如下图所示:
 
3、新建一个摄像机只用于照射UI界面,取名UICamera,然后对该UICamera进行必要的设置:
4、修改Canvas为UICanvas,Panel为BasePanel,然后对UICanvas进行必要的设置,如下图所示:
 
 
 
二、创建功能面板
 1、导入功能面板的图片资源,且制作成为精灵图片
        a、把包含功能面板的图片文件夹拖入到Resources—>Textures文件夹下,如下所示:
  b、然后点开注册文件夹下的图片Ctrl+A全选,然后对右侧的面板进行如下设置即可变为精灵图片才能在Unity中使用:
2、给BasePanel创建一个Panel面板,改名为RegisterPanel,然后将美工设计好的总布局的精灵图片拖拽给该RegisterPanel面板,如下所示,这就布局好了注册界面的基础面板工作:
3、给RegisterPanel分区域,整体观察发现该面板分为上中两个区域,为了做适配性,需要给RegisterPanel新建两个空物体分别改名为
Top、Bottom,然后将Top设置拖到顶部对齐,设置模式为顶部模式,如下所示:
接着就给Top添加一个UIàImage图片,改名为Image_Title,用于显示标题,接着查看导入的图片大小为:725x65,则该图片也设置为725x65,,然后将该图片拖拽给Image_Title,如下所示:
所有的显示组件命名方式为:组件类型+功能,比如创建了一个Image用于做标题显示则命名为:Image_Title,后面的以此类推
 
-全文完-