新logo照片墙使用指南

一、  概述

新的照片墙的主要功能点是增加了一个logo的动画，logo使用了png图片来制作，理论上几个logo需要播放就是要几张png的图。

动画三一共包含两种动画： 1、呼吸动画，这是在未设置logo的时候可以直接看到的，呼吸动画也有参数调整实际效果。主要用于与其他动画轮播的过度 2、logo动画，这是动画三的主要效果，通过png图片设置logo，并可以调整logo的动画效果和循环机制

每个实际的屏幕大小不同，也就是网页打开的屏幕不同，显示有差异，按照实际的屏幕来调整参数

 

二、  logo图片设计制作要求（需要测试效果及时调整）

 

中英文都支持，但是文字不能太粗，中文建议笔画不要太复杂，英文效果更好

 

 

三、  操作步骤

1、  打开照片墙，看到顶上设置栏有三种动画1、2、3 点击任意一种设置，这里仅讲解动画3的操作

点击动画3，一定是选中了动画3，才能点开动画三参数调节这个设置栏，不然点不开。首次点开动画3会有一个加载。后面调试保存后将不会有加载

 

2、  点开动画三参数调节后，看到左边的设置栏，见下图，红色框内的是四个确认的设置按钮，黄色框是四种设置类型，蓝色框是设置类型对应的参数

解释一下：a. 开始动画的意思就是点击后可以看到播放的logo动画，前提是至少在logo图案设置栏里面上传1张logopng图片才能开到效果

b. 重置动画，顾名思义就是在预览动画的时候一键重置查看动画效果

c. 保存设置，这个按钮是最重要的，这个设置栏里面做了任何操作如果不点击保存，将不会记录你的修改信息，必须强制保存。比如说，你修改一个参数，实时看到了效果，但是没有点击保存，刷新了照片墙网页，那么你设置的参数将会不起作用，只会记录最后一次设置且保存的的参数。

d. 清除设置，这个就是一键清除还原，任何设置的内容将会被全部抹除，还原到默认参数，需要重新调整的时候使用。

 

3、  logo图案设置

这里负责传logo的png图片，和图片的细节调整，滑条可以看到logo的粗细变化，这参数影响了logo的形态

 

4、  常规参数设置

默认打开有照片圆角和间距调整，实时看到效果，【只作用与呼吸动画，logo动画无效】

 

 

点开高级设置里面，可以看到1、纹理清晰度，这个和顶上其他设置里面的照片宽度是一种效果，目的是调整清晰度【同时作用与呼吸动画和logo动画】

2、显示模式，有一个裁切的开关，这个功能用于是否完整铺满整个网页，可以配合下面的照片缩放系数以及上面的网格间距一起调整出合适的效果【同时作用与呼吸动画和logo动画】

3、  显示参数，照片缩放系数，调整网页中照片的大小，和间距调整配合可调整到合适的效果【只作用与呼吸动画，logo动画无效】

4、  显示参数，素材透明度，调整网页中的图片的透明度，一般不调整。【同时作用与呼吸动画和logo动画】

5、  阴影设置，这里的调整的全是图片下面的阴影，用于增加视觉感，【同时作用与呼吸动画和logo动画】

 

 

5、  呼吸动画实时设置

这个主要调整呼吸动画时候的动态效果，呼吸幅度和速度配合调整一个舒适的呼吸效果【只作用与呼吸动画，logo动画无效】

 

6、  logo动画实时设置

1、  logo动画调整主要有动画速度和动画停留时间，速度就是logo1切换到logo2的速度，停留时间就是指的logo1显示多久才会切换到logo2【只作用与logo动画，呼吸动画无效】

2、  循环模式有三种，默认情况是重置循环。可以按照需求选择，记得保存生效【只作用与logo动画，呼吸动画无效】

3、  红色框内有动画照片缩放，这个调整的是logo动画中的照片的大小，图案间距也是logo动画的间距【只作用与logo动画，呼吸动画无效】

 

 

四、  背景设置

三个动画的背景设置都是在顶上设置栏设置，选择不同模式，图片或者视频需要点击上传，需要点击刷新生效。

 

五、注意事项

1、任何参数调整修改，一定要保存，调整的时候虽然实时看到效果，如果不保存，一旦刷新，将丢失所调整的数据。仅恢复最后一次保存的数据

2、要看到logo动画满足两个前提，第一必须上传logo图片，第二上传后就算其他参数都不调整的情况小，必须保存一次，点击保存设置按钮

3、呼吸状态动画和logo动画属于两个动画，调整参数有公用的，也有独自的，请看清楚自己要调整的是什么，然后按照上面操作步骤解释执行

4、  动画1、动画2的参数调整在顶部栏调整，部分参数设置后需要点击刷新按钮，动画3的设置在动画三参数调节侧边栏设置(除背景以外)

5、刷新网页后，点击动画3会有一个加载过程，非必要情况不刷新，网页图片会自己更新抓取