叁壹企业管理工具
企业管理服务    营销服务    创业优选    智能建站

福州微信小程序开发工具|福州小程序开发公司|福州小程序教程

来源:福州微信小程序开发工具作者:福州小程序教程网址:http://cc112.cn/
我们知道网站动效
几乎快成为网页设计的标配了
动效使网站展示方式更加丰富
更富有吸引力
用户在浏览网站时
得到生动活泼的情感化响应
获得正面的情绪反馈
这些甚至能影响用户的留存行为

但如果整个页面存在大量的动态元素时
用户的视觉注意力被分散
影响信息的获取
反而会增加负面情绪

▼效果一:设置大量动态效果,视觉注意力被分散
图片

▼效果二:规划好动效后,网站瞬间高级

图片

看完对比图后
进入我们今天的主题
聊点更细腻的,更灵动的


【 鼠标悬停动效 】


鼠标悬停特效区别于整体网站的动态效果

它需要由用户将鼠标移入区域后才出现动效
这对用户来说
增强了操纵感
形成了与界面的互动的效果
提升用户体验

图片
无动效

图片
▲鼠标悬停动效

当然

我们设置的时候也需要遵循一定的规律

如果一个模块中出现多个不同的特效

会让用户的视觉很跳脱

如果不是创意型的故意而为之

猜不透的感觉并不是谁都会喜欢的


图片
▲没有规律的鼠标悬停动效

建站预设七种图片特效

一键套用实现鼠标悬停动效


图片


一起看看如何设置吧
图片图片图片


▍通过图片特效实现鼠标悬停动效

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

【设置方法-标准站点电脑网站】
1. 图片模块:点击工具栏“模块特效”,在弹窗中选择任一特效即可。
图片

2. 其他模块:点击工具栏中的“编辑模块”按钮,选择“图片特效”即可设置。
图片

【设置方法-自适应站点】
1. 点击悬浮工具栏中的“编辑”/“编辑模块”按钮,在弹窗页面中点击“动画设置-图片特效”,选择任意一个特效即可。
图片
  ▲自适应网站“图片模块特效设置

图片

凡科1.png

热门地区
服务项目
专业策划、细节把控、有效执行 零基础轻松智能建站系统
我们只想每个活动都让观者目不暇接和与众不同
大量精美模板提供选择打造自己的品牌网站
                                          
              智能建站系统——免费注册——零基础轻松建站

         大量精美模板提供选择——帮助中心——打造自己的品牌网站