动态波浪和动态粒子是装饰性的横条。波浪会在两个版块之间形成柔和流动的边缘。粒子会让一条横条中布满缓慢飘动的形状,例如雪花或气泡。
添加一个
在建站工具中,打开版块标签,点击添加新版块,在装饰分组中选择动态波浪或动态粒子。把横条拖到您想分隔的两个版块之间。任何页面上每种最多可以添加 5 个。
动态波浪
波浪
- 样式:柔和、平静、汹涌、山峰、锯齿或圆润。
- 高度:40 到 300 像素。
- 图层:1 到 4 层波浪叠在一起。图层越多,层次感越强。
- 速度:慢速、正常或快速。
布局
- 与页头合并:去掉横条的背景,让它看起来像上方页头的一部分。把横条放在页头正下方,即可得到波浪形的页头边缘。
- 垂直翻转:把波浪上下颠倒,让它融入上方的版块,而不是下方的版块。
- 方向:左或右,即波浪移动的方向。
- 重叠:0 到 120 像素。把横条拉到下一个版块上,以遮住两者之间可能出现的线条。
- 宽度:全宽(默认)或页面。
动态粒子
- 形状:圆点、气泡、星星或雪花。
- 数量:5 到 40 个粒子。大小:最大粒子的尺寸,2 到 40 像素。其他粒子会更小。
- 速度:慢速、正常或快速。方向:向上(像气泡一样上升)或向下(像雪花一样飘落)。
- 透明度:10% 到 100%。数值越低,效果在内容后面越柔和。
- 横条的高度(40 到 600 像素)和宽度(全宽或页面)。
颜色
两种横条都从您选择的配色方案中取色。波浪使用配色方案的背景颜色,波浪后面的空间使用内部背景颜色。粒子则相反:粒子使用内部背景颜色,后面的空间使用背景颜色。要让衔接自然,请让这两种颜色与横条上方和下方的版块相匹配。配色方案在配色方案中编辑。两者还都有内边距(每边最多 200 像素)。
示例
- 冬日风格:动态粒子,形状选雪花,方向选向下,透明度调低,放在主视觉下方。
- 波浪形页头:在页头正下方放置动态波浪,开启与页头合并,并使用与页头相同的配色方案。
小贴士
- 波浪和下一个版块之间出现一条线:调大重叠,或检查配色方案的颜色是否匹配。
- 动效:在设备上开启了减少动态效果的顾客会看到静止的波浪和粒子。
- 内部没有文字:波浪和粒子中不能放文字或按钮。要显示消息,请在横条旁边添加一个文本版块。
- 保持轻盈:每个页面用一到两条横条,让顾客把注意力放在产品上。