网站建设前需要做哪些(沉浸式网页设计)
三石哥
2022-10-24 08:54:26
282
如何为沉浸式网站建设做好准备?
我们所知道的网站很快就会发生变化。文本、图像和 2D 浏览器窗口中的基本交互的时代已经很好地为我们服务,但虚拟、增强和混合现实体验一直在变得更好。开发人员和设计人员需要超越浏览器窗口进行思考,并为沉浸式未来做好准备。
许多人过去一直对 VR 和 AR 持怀疑态度,因为尽管对它们将实现的目标做出了宏伟的承诺,但它们大多未能达到行业所希望的规模。
但这次不同:Meta、Apple 和 Microsoft 等行业领导者正在追求一系列不同的混合现实项目;他们看到了机会,并对接下来的事情提出了暗示。
在Perkins Coie LLP 和 XR 协会的 一项调查中,近十分之九的受访者表示,到 2025 年,沉浸式技术(包括增强现实、虚拟现实和混合现实)将像移动设备一样无处不在。
这是一个大胆的预测,但这可能是我们的现实。
实例
VR 和 AR 并不是每个网站,这很好。没有必要将身临其境的体验强加于更适合标准观看体验的东西。
但是,如果做得好,3D 体验可以为您的网站增加很多。查看来自 Mozilla的演示体验、来自 Matterport的3D 导览以及来自 Within的沉浸式故事讲述。
以下是这些技术闪耀的几个领域:
- 零售– VR 可用于提供虚拟陈列室,供客户浏览产品。AR 甚至可以通过向您展示一件家具如何适合您的房间、一幅画在您的墙上的样子,或者类似Apple的场景展现,产品在您的办公桌上的样子,从而将产品带入您的家中。
- 新闻– 通过提供 360 度视图将观众置于故事的中心,可以丰富事件的报道。
- 培训——AR 可以在物理设备上生成虚拟叠加层,因此员工可以进行更有效的实践培训。
定义您的平台
将沉浸式体验添加到您的网站将需要根据您尝试创建的内容的各种技能。无论您是 Web 开发的新手还是具有多年经验的资深开发人员,与经典 Web 开发的主要区别在于您正在从 2D 体验切换到 3D 体验。VR/AR 中的开发更接近于开发 3D 视频游戏,而不是创建游戏 Web 应用程序。
首先,您需要决定要构建的硬件。现场的观众主要使用电脑、智能手机还是像 Oculus Quest 这样的耳机?每个硬件类别都提供了一组不同的功能。
接下来,当我们查看市场上的3D引擎和框架时,Unity、Unreal Engine和CRYENGINE等一些大牌脱颖而出。这些引擎中的大多数都从游戏开发中分离出来,并基于 C、C++ 或 C# 等编程语言。虽然非常强大,但对于任何试图创建基本的沉浸式网络体验的人来说,它们都是过分的。
对于 Web 开发人员来说,好消息是WebXR 设备 API是 W3C 指定的开放标准,带有 JavaScript API,可以在浏览器中实现身临其境的体验。因此,如果您已经具备条件 Web 开发背景,则可以利用您的 JavaScript 知识开始。
有一些有用的框架和平台可以让使用 WebXR 更加方便:
- A-Frame– 用于构建 3D 体验的 Web 框架。
- React 360 – 用于创建在 Web 浏览器中运行的交互式 360 度体验的框架。顾名思义,它是建立在 React 事实上,并重用了您已经知道的概念。
- Amazon Sumerian – 一项托管服务,可以让您创建和运行 3D、AR 和 VR 应用程序。由于它已集成到 AWS 生态系统中,因此还可以将支持 AI 的元素添加到您生成的世界中。
创建您的内容
没有人想阅读 3D 长文板块。既然我们在谈论视觉体验,那么重点应该放在创造赏心悦目的内容上,这是合乎逻辑的。在普通网站上工作的内容在 3D 环境中可能不会感觉自然,因此您需要决定应该创建哪些视觉效果以适应格式。
您需要哪些高分辨率图像和资产?可以加视频吗?360度视频怎么样?观众只是在看东西,还是能够与之互动?
您也不能忘记声音,因为它是沉浸式体验的关键部分。你应该创造什么样的音乐和声音来让内容生动起来?
并非每个人都会拥有最新最好的设备或者 5G 覆盖范围。3D 内容对带宽和传输质量的要求要高得多。在典型的网站上,几毫秒的延迟可能不会被注意到,但在 VR/AR 设置中,它会使体验滞后或无法使用。
尝试优化您的内容,使其在合理的文件大小内达到最高质量。如果体验开始受到同时下载过多资产的影响,最好创建更流畅的体验,同时保持高性能。
考虑您的托管基础设施也很重要。这应该不是什么大问题,但值得一提的是,您需要在配置中添加新的内容类型,并且您的 CDN 也需要支持这些新类型。
使您的内容灵活
当我们谈论让您的网站为沉浸式体验做好准备时,我们不仅仅是在谈论让人们在 VR 中滚动浏览您的常规网站。这对你的观众来说没有吸引力。
我们的想法是将您网站上已有的一些内容与表示层分开,以便您可以在 3D 环境或任何其他您想要的平台中使用它。经典的内容管理在孤岛中进行,这意味着您无法轻松地重复使用网站中的内容。
这种分离可以通过使用经典数据库来实现,但如果您希望开发人员和内容团队协作,需要对用户更友好的CMS的支持。
今天开始尝试
构建 3D 内容体验可能看起来令人生畏,但正如我们所见,您可能已经具备开始和尝试一些不同想法所需的 Web 开发技能。
您今天构建的内容将为您明天的 3D 未来做好准备。
如何做好网站建设,网站建设前期准备工作
网站建设前期就要对网站进行策划,其中有五个方面是最重要的。对网站建设来说,不管是宣传类型的企业网站还是营销类型的网站,那么怎么做网站,其实在建站之前都要进行网站的策划。但是网站的策划不一定是要你做好一个非常完美的策划方案,不过最起码要对网站建设有一个大体的方向,这样在建站过程中就少走很多弯路。下面就来说一下网站建设前期的策划有哪五个方面是一定要清楚的。
第一、确定好网站建设的目的以及网站的定位和网站的目标用户。在进行网站建设之前,就要想清楚建站的原因,是为了建设一个行业网站,还是营销网站赚钱。其实这也是网站的定位。如果你要建设一个赚钱的网站,那么在网站内容建设的时候,你要选择什么样的关键字呢?因为网站的定位要整合自己拥有的所有的资源,并且确定网站的功能。确定好网站的定位,就要确定目标用户了,主要面向的用户是哪些人群。
第二、对市场进行分析。网站建设之前就要做好市场的分析。市场的分析主要包括以下几个方面:对行业市场的分析、对竞争对手进行分析。更要知道自己所在的领域有哪些网站是最有代表性的,你想要选择的关键字排名比较前的网站有哪些,并且要将这些网站进行分析,找出他们的优点以及缺点。同时还要对自身进行分析,自己有哪些优势,有哪些不足等等。
第三、网站内容的策划。内容可以说是网站的灵魂。到底什么样的内容可以吸引用户并且能够得到搜索引擎的青睐呢?那就是原创的高质量的内容。内容的建设要结合网站的定位以及关键字进行,围绕关键字进行原创。不一定说要每天很多篇,只要每天有原创内容的更新,而且是高质量的就可以了。并且将这些文章发布到一些行业网站中,或者是论坛中,相信会有一些高质量的外链。
第四、网站程序的选择以及页面的设计。网站内容做好了,对网站程序的选择也就有很大的帮助。互联网中有很多CMS系统,而且功能也是比较完善的,可以使用这些系统建设网站的架构。而页面的设计,就要凭借个人技术进行设计了。最简单的做法就是选择一个免费的模板进行修改,或者是花钱买一个好看的模板。
第五、网站主机以及域名的选择。新手站长建设网站,首先要看看自己的网站是什么类型的,一般来说虚拟主机就可以满足了。如果是企业网站那么就要选择购买主机,确保网站的正常运行。
网站建设前期的策划最主要的五个方面就是网站的定位以及目标用户的确定、市场分析、网站内容的策划、网站程序的选择以及页面设计的策划以及网站主机、域名的选择。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 3561739510@qq.com 举报,一经查实,本站将立刻删除。
转载请注明来自 专注SEO技术,教程,推广 - 8848SEO,本文标题: 《网站建设前需要做哪些(沉浸式网页设计)》
标签: 网站建设 网页设计
- 上一篇: seo有哪些工作要做(seo包含的主要内容)
- 下一篇: 单页网站seo如何优化(页面优化的方法seo)
猜你喜欢
-
如何将网站建设与SEO优化结合起来(实用技巧帮你提升网站排名与用户体验)
-
为什么我们应该重视网站建设(探讨网站建设对个人和企业的重要性)
-
网站建设后的丰富内容(为您的网站带来无限可能)
-
网站建设中SEO优化的重要性(让您的网站更具竞争力)
- 关于我
-
关注微信送SEO教程
-
QQ
-
微博
-
邮箱
-
- 搜索
- 最新文章
-
- 优化你的网站排名(提升搜索引擎流量)
- 如何提升网站排名,吸引更多流量(搜索引擎优化的5大建议)
- 提高网站收录和排名的百度SEO优化方法(优化网站收录,提高排名)
- 布局SEO,如何优化网站(提升网站排名)
- 企业网站优化中常见的陷阱与解决方法(提升网站流量与排名)
- 如何将网站建设与SEO优化结合起来(实用技巧帮你提升网站排名与用户体验)
- 揭秘网站历史记录(了解域名历史,保护网络安全)
- 如何通过SEO排名优化提高网站流量(提升网站在搜索引擎中的排名)
- 如何提升网站排名(网站优化技巧)
- 网站已有排名(仍需进行SEO优化的原因及方法)
- 热门文章
-
- 抖音小店如何合法交税(企业店铺如何避税优惠政策一网打尽)
- 抖音双11好物节,省钱卡带你畅享特惠购物(双11必抢)
- 网站优化排名的10个技巧(SEO操作指南,提升网站排名)
- 2023年抖音双11发货时间曝光(快递配送情况及须知一览)
- 禹城seo提升技术方法(禹城seo攻略指南)
- 解析抖音铁粉标志的含义与特征(探究抖音铁粉的心理与行为)
- 如何将子账号绑定到TikTokShop主账号中(TikTokShop子账号绑定操作指南)
- 为什么抖音搜索结果为空(解决抖音搜索结果为空的方法)
- 汝南seo攻略知识秘诀(汝南seo排名提高的方法)
- 新网站排名优化技巧(提升排名)
- 抖音购物车开通指南(了解操作步骤,开启购物新时代)
- 齐河seo提升的秘诀(齐河seo排名技术)
- 海宁seo关键字优化(海宁seo提升的技术)
- 如何优化SEO网站(提升网站排名和流量的10个技巧)
- 为什么企业网站需要SEO优化推广(探讨企业网站SEO优化的必要性和优势)
- 如何解决新网站上线有收录没有排名的问题(为什么静态网站比动态网站更利于优化?)
- 迅速提升百度SEO排名的技巧(优化网站排名,提升搜索引擎曝光率)
- 抖音双11好物节商品种草短视频任务赛攻略(如何通过种草短视频任务赛获得双11好物节优惠)
- 抖音私信送礼物,让聊天变得更有趣(私信功能新玩法)
- 如何利用抖音添加话题吸引更多关注(抖音话题功能详解)
- 热门tag
-
抖音 优化 提升网站排名 百度SEO优化 网站优化 提高网站排名 抖音小店 SEO优化技巧 SEO优化 网站排名 网站SEO优化 seo优化 seo网站优化 seo 小红书 关键词优化 百度SEO排名 SEO优化排名 关键词排名 搜索引擎优化
- 友情链接
-
- 知文社
- 番茄宠物网
- 狗猫街
- 花之卉