跳至正文
帮助
编辑器版块与区块

如何在店铺中添加动态波浪或飘浮粒子(雪花、气泡、星星)?

添加动态波浪和动态粒子版块:波浪样式、高度、图层、速度、方向、翻转、重叠以及与页头合并,还有粒子形状(圆点、气泡、星星、雪花)、数量、大小、速度、方向、透明度和颜色。

阅读时间 3 分钟

动态波浪和动态粒子是装饰性的横条。波浪会在两个版块之间形成柔和流动的边缘。粒子会让一条横条中布满缓慢飘动的形状,例如雪花或气泡。

添加一个

在建站工具中,打开版块标签,点击添加新版块,在装饰分组中选择动态波浪或动态粒子。把横条拖到您想分隔的两个版块之间。任何页面上每种最多可以添加 5 个。

动态波浪

波浪

  • 样式:柔和、平静、汹涌、山峰、锯齿或圆润。
  • 高度:40 到 300 像素。
  • 图层:1 到 4 层波浪叠在一起。图层越多,层次感越强。
  • 速度:慢速、正常或快速。

布局

  • 与页头合并:去掉横条的背景,让它看起来像上方页头的一部分。把横条放在页头正下方,即可得到波浪形的页头边缘。
  • 垂直翻转:把波浪上下颠倒,让它融入上方的版块,而不是下方的版块。
  • 方向:左或右,即波浪移动的方向。
  • 重叠:0 到 120 像素。把横条拉到下一个版块上,以遮住两者之间可能出现的线条。
  • 宽度:全宽(默认)或页面。

动态粒子

  • 形状:圆点、气泡、星星或雪花。
  • 数量:5 到 40 个粒子。大小:最大粒子的尺寸,2 到 40 像素。其他粒子会更小。
  • 速度:慢速、正常或快速。方向:向上(像气泡一样上升)或向下(像雪花一样飘落)。
  • 透明度:10% 到 100%。数值越低,效果在内容后面越柔和。
  • 横条的高度(40 到 600 像素)和宽度(全宽或页面)。

颜色

两种横条都从您选择的配色方案中取色。波浪使用配色方案的背景颜色,波浪后面的空间使用内部背景颜色。粒子则相反:粒子使用内部背景颜色,后面的空间使用背景颜色。要让衔接自然,请让这两种颜色与横条上方和下方的版块相匹配。配色方案在配色方案中编辑。两者还都有内边距(每边最多 200 像素)。

示例

  • 冬日风格:动态粒子,形状选雪花,方向选向下,透明度调低,放在主视觉下方。
  • 波浪形页头:在页头正下方放置动态波浪,开启与页头合并,并使用与页头相同的配色方案。

小贴士

  • 波浪和下一个版块之间出现一条线:调大重叠,或检查配色方案的颜色是否匹配。
  • 动效:在设备上开启了减少动态效果的顾客会看到静止的波浪和粒子。
  • 内部没有文字:波浪和粒子中不能放文字或按钮。要显示消息,请在横条旁边添加一个文本版块。
  • 保持轻盈:每个页面用一到两条横条,让顾客把注意力放在产品上。

仍需帮助?

给我们留言,我们会回复你。

联系我们