更新时间:2024-08-20 GMT+08:00
分享

预设动效设置

操作场景

电脑网站、自适应的网站设计器,通过设定模块入场/强调动画、按钮特效、图片特效等多种预设动画,快速搭建企业个性化设计网站,提高网站用户体验。

模块动画

  1. 登录企业门户控制台,选择站点,单击“网站设计”,进入网站管理后台。
  2. 选择终端类型,单击“去设计”。
  3. 将鼠标悬停在某个模块上面,单击悬浮菜单栏中的“模块动画”按钮,即可设置入场动画及强调动画。
    图1 电脑网站“模拟动画”设置入口
    图2 自适应网站“模拟动画”设置入口
    图3 电脑网站模块动画设置页面
    图4 入场动画设置效果
  4. 列表多图、轮播多图、图文展示、文章列表等模块仅提供入场动画,但有动画组合可供挑选。电脑网站中,动画组合还可以调整动画的触发方式及方向。
    图5 电脑网站“列表多图”模块动效设置

按钮样式

  1. 电脑网站及自适应网站的“按钮”模块除了可以设置入场/强调动画外,还可以设置按钮样式。
  2. 按钮支持多种样式设置,包括输入数值调整按钮宽高、设置按钮背景悬停色以及文本悬停色等,以增加用户单击率。
  3. 在设置面板中,按钮样式还可以即改即显,马上查看修改的效果。
    图6 电脑网站“按钮”样式设置

图片特效

使用范围:电脑网站、自适应网站的列表多图、图册目录、产品展示、图片、图文展示等模块。

设置方法:可通过编辑模块来设置,具体操作教程如下:

电脑网站

  • 图片模块:单击工具栏“模块特效”,在弹窗中选择任一特效即可。
    图7 电脑网站“图片模块”特效设置
  • 其他模块:单击工具栏中的“编辑模块”按钮,选择“图片特效”即可设置。
    图8 电脑网站“列表多图”图片特效设置

自适应网站

  1. 单击悬浮工具栏中的“编辑>编辑模块”按钮,在弹窗页面中单击“动画设置>图片特效”,选择任意一个特效即可。
    图9 自适应网站“图片模块”特效设置
    图10 自适应网站“列表多图”图片特效设置
    图11 图片特效效果展示

相关文档