51La
永兴集团(中国区)官方网站-Macau App Station
首 页
永兴集团导航入口
网站案例
网站建设
小程序开发
解决方案
永兴集团官网
联系方维
400-800-9385
网站设计动效介绍:视差滚动
发表日期:2019-08-21 18:25:23 作者来源:永兴集团 浏览:4109 标签:
网站设计
当前位置:
首页
-
永兴集团官网
-
网站设计
人类有很多中视觉错误,最为典型的就是“小儿辩日”。其中一个小孩说道:我认为太阳刚出来的时候距离永兴集团近,到中午的时候距离永兴集团远,因为太阳刚出来的时候大,而中午的时候小。
这就是一种视觉误差。
而3D效果就是这样实现的。因为永兴集团的眼镜认为近处的东西大而远处的东西小。3D效果的实现就是让不同事物移动速度不同,让后景移动慢,而前景移动快,这就会给人眼造成前后景的错觉。
早在2011年开始,3D开始在电影制作中流行,这种技术也引入到网站设计中,设计人士将其称之为“视差滚动”。视差滚动以及发展了八年时间,永兴集团对常用的几种视差滚动类型进行总结。
前慢后快
主要是应用在图片切换的时候,当滚动鼠标的时候,两张图片同时移动,但是前一张移动速度看,后一张移动速度快,后一张覆盖前一张完成切换。这种视差滚动,会让切换图片的过程更为平滑。
浮动移动
图片浮动在页面上,当移动鼠标的时候,浮动的画面移动速度较快,但是背景移动速度较慢。如果浮动的部分,配合动画,会让整个页面极富动感。
后动前不动
背景进行移动,但是前景的图片固定不移动,另外,背景可以在移动的过程中进行更换。这种设计,可以产生“不动若磐石”的视觉感受。
图片文本的移动
通过将图片和文本叠加在一起,并使它们以不同的速度移动,当永兴集团滚动时,页面似乎在不断地变化并形成新的组合。
首尾相连
一直向下滚动鼠标,在主页的底部,相同类型的动画从早期在页脚重复一次,使网站完整的圆圈。
滚动条视差
网站是由几个带视差滚动条组成的。每个长条提供了一个不同的呼叫行动按钮,并拥有酒店场地和设施的图像或视频。放置在每个条带中心的文字移动的速度与背景照片的移动速度略有不同,达到了一种流畅、易于观察的效果。
如上,永兴集团介绍了几种常见的也是易于设计的视差滚动。总结一下,视差滚动可以实现如下几种目的:让平面具有3d效果,拥有了前景和后景;让不同板块和图片的切换更为平滑;让新的图像的出现更具新颖性和闯入感。
所以,视差滚动作为网站视觉营销的一种,在网站设计中可以尝试和实践。
如没特殊注明,文章均为永兴集团原创,转载请注明来自/news/5226.html
上一篇:
医疗设备网站建设 医疗行业公司响应式网站
下一篇:
餐厅网站内容创建指南
相关网站设计案例
深圳市凌科电气
速普仪器
云镓半导体
相关资讯
B2B企业官网如何设计?这3个行业案例...
日期:2025-07-14 浏览:21
品牌官网升级必看:如何通过设计传递企...
日期:2025-07-14 浏览:14
响应式设计已过时?2025年企业官网的「全场景...
日期:2025-07-14 浏览:17
常见问题
企业网站建设常见问题整理合集【置顶】
在深圳建设一个公司网站多少钱
开发网站需要多久跟这九个因素有关
最新文章
宠物乐园网站建设 网站建设大概需...
浏览量:3744
做一个宠物用品网站需要多少钱 如...
浏览量:4320
餐饮管理公司网站设计这样做 可以有...
浏览量:3678
网页设计的好坏影响着网站建设是否成功
浏览量:3752
常见的做网站建设的推广方式有哪些?
浏览量:4361
宠物用品公司网站制作 怎样做才...
浏览量:3901
400-800-9385
回到顶部
XML 地图
0
请您留言
非常抱歉,客服不在线,麻烦留下您的联系电话或者微信,我们看到后会马上联系您!
提交
感谢留言
我们会尽快与您联系
关闭