联系客服

15周年庆 建站¥4000大礼包限时放送

0
SEO搜索引擎优化
0
SSL安全证书
0
顶级域名com/cn/net
0
集群服务器和数据库
0
2G腾讯高速企业邮箱
0
正规增值税发票
0
ICP备案服务
0
免费更新内容/页面

【微传单】720°全景编辑指引

一、功能效果

使用一组或多组照片拼接制作出来的模拟现实的场景,经过特殊的拼合,处理,让使用者有立于画境中的视觉体验。

二、功能说明

【版本】无版本限制

三、设置介绍

1. 全景页面结构

上图是全景展开后的图示,如图所见,它由外圈背景(2580×1306),内圈背景(2360×1206),还有在其上方的部件构成。为了方便描述,外圈背景和内圈背景使用了纯色表示,实际上它们是两张图片。将整块东西绕着Y轴卷成一个圆柱体后,就变成了我们在手机上看到的720°全景:

圆柱体的上方和下方可以看到白色的区域,是由属性“背景色”控制的,可以修改成想要的颜色。

1.1 部件

编辑全景中的部件时,你会接触到一个新的概念:层级。一共有10个层级,可以这样理解,层级越小,越靠近背景;层级越大,越靠近观看者。高层级的部件看起来会比实际尺寸更大,和我们在现实中远小近大的观感一致。

1.2 较大宽度

部件在每个层级中都有一个较大宽度,超过这个宽度有可能两边会被背景切割遮挡。各层级较大宽度参照表:

请严格遵循上表设置各层级部件尺寸,务必不能超出较大宽度。

1.3 面向角度

全景中所有部件都会调整成面向圆柱体的Y轴,因此即使在编辑时看起来是处于一个平面的两个部件,实际观看时都有可能会斜切,即使他们在同一个层级上。

↑ 编辑时(这两个方块处在同一层级,且有重叠)

↑ 实际效果,由于调整了面向角度,它们相切了

要避免这种情况,有两个方法:

方法一:部件之间尽量不要有重叠;

方法二:如果需要做重叠效果,请把部件水平居中对齐。示例:

↑ 编辑时将它们水平居中

↑ 实际效果

如果N个部件水平居中对齐,那么不管它们处在什么层级都不会有相切的情况

2. 外/内圈背景

外/内圈背景图片设计难度较高,如果你不是专业设计师,建议不要修改背景图片,直接选择合适的全景模板修改部件内容。

2.1 强制尺寸

外圈背景2580×1306,内圈背景 2360×1206。这是一个强制的尺寸,即使你的背景图片像素区域没那么大,也要预留空白像素,做成所要求尺寸的部分透明PNG图片。

2.2 左右边缘衔接

由于背景图片最终要卷成圆柱状,设计时需要留意让图片的左侧和右侧完美拼合。

2.3 背景内容

全景中不宜添加尺寸过大的部件,因此你应该把想表现的大部分内容放在背景图片上,仅保留相对较小的、需要添加点击事件的部件。

        2009年创立于广东 · 江门,以网站建设、移动互联产品、线上推广策划为核心业务。 技术团队由功力深厚的系统架构师形成专业后盾组合,有经验丰富的工程师形成技术开发组合,从php、html、美术到 java知识结构互补,使得我们能轻而易举的满足客户的各类新型需求。 累积至2023年已经为超过20000多家大小型企业和数千个个人提供网技术支持与服务,今后我们致力于为国内企业提供最顶尖的电子商务服务。 优联科技是一个专供电商营销的20人团队部门,拥有14年电商、网站运营和服务经验,99.9%的好评。我们深知各大电商平台多个行业的规则,并能提供与时俱进的网络营销方案。我们的宗旨是:“不单单为了您的满意,更多的是为了您的客户去想,所有方案都是要根据反复的调研和试验后,才是检验真理的唯一标准”。

Experience

微信联系客服 建站服务体验

客服婧婧

客服燕燕