400-807-8991
奇酷学院专注于VR/AR培训,欢迎您咨询本校VR/AR培训班
网站首页 >VR/AR培训 >VR教程 >VR开发界面设计流程是怎样的

VR开发界面设计流程是怎样的

来源:奇酷教育 点击量:

对于很多设计师来说,VR仍是个未知的领域。过去几年里,VR的硬件和应用程序出现了爆炸式增长。由于VR的复杂性和实用性不同,VR的体验也大不相同。今天就让小编来给大家说说VR开发界面设计流程是怎样的。

VR界面开发流程

1.创建360度视图

现在最重要的是,我们先创建一个可以360度视角的视图,在Sketch软件中打开一个新的文件,并创建一个尺寸为3600*1800像素的画板。导入文件名为background.jpg的背景图,并把它放置于画板中间。如果您使用的是自己的图片素材背景,确保它的长宽比例为2:1,并调整尺寸大小为3600*1800像素。

2.  创建画板

在前一个画板创建一个新的画板:1200×600像素。然后,复制我们为“360视图”增加的背景图,放在我们新创建的画板中心。不要调整大小!我们想保留一个裁剪版本的背景。

创建画板

3.界面设计

我们将在“UI视图”画布上设计界面。为了简单化这个练习,我们在界面是添加一排方块。如果你偷懒,把资源包里文件命名为tile.png找出并将其拖到UI视图的中间。复制,并创建一排3个方块。从资源包中找出kickpush-logo.png,并把它放在最上面。

界面设计

4. 合并画板和输出

现在来点有趣的,将 “UI View”画板放在左边的“360 View”画板之上。拖动“UI View”画板在“360 View”画板的中间,将“360 View”画板作为PNG输出,“UI View”就会在它的最顶部。

合并输出

5. 在VR里面测试

打开 GoPro VR 播放器,拖拽“360 View”的PNG到你刚刚打开的窗口,用鼠标拖动图像预览360°全景。

如果将Oculus Rift连接到你的机器上,那GoPro VR 播放器应该会检测到它并允许你用VR设备来预览图像。根据电脑配置的不同,你可能需要在Mac系统里面调整一下显示设置。

4.jpg

热门文章

开课提醒

郑州

郑州VR/AR
开课时间离开课还有

-

奇酷教育培训课程

猜你喜欢

VR/AR工具教程

VR/AR视频教程