今天给大家盘一盘优秀的动态网页设计。这些网页通常当用户和网页进行交互行为时，触发动态视觉效果以提升用户体验。我们将从交互方式和动画视觉效果进行分类解析。
blimp艺术网站，艺术项目以卡片形式呈现，hover卡片浅色底变深色，并且伴有卡片外框频闪的效果。这个网站很多导航块hover都有频闪效果，是网站的艺术观察主旨的视觉化。
?https://thehungryfamily.com/bon-bouquet-cafe/
Drive Capital的活动页以车为主视觉，鼠标指针也配合设计为方向盘，很是有趣。
barleysgville美食网站，hover啤酒产品的详情说明的问号图标时，鼠标指针也做了相应改变。
还有collastudio网站指针，在划过导航链接时进行内容反色处理，凸显指针所处内容区域。
GoodWebDesign优秀网站设计案例，每个案例以图文展示，当鼠标hover在网址上时，指针图标会变成打开，提示点击即可跳转至该网站。
?https://good-web-design.com
kitchen154一家西班牙餐厅网站，当点开预定窗口后，hover弹窗外部光标都是「✖️」提醒点击即可关闭弹窗。
?https://kitchen154.com/
intrapan面包网站，首屏面包会随鼠标移动产生轻微位移，有伪3D体验。配合滚动视差让网站浏览体验完全不会枯燥。
?https://intrapan.it/
amici餐馆网站就把小小视差做到极致。首屏的文字介绍，移动鼠标就会出现餐馆的各种宣传图，根据移动速度不同图片出现速度也不同。继续滚动可以看见前后景元素移动速度不一致而有不同视觉体验。
?https://restaurant-amici.com/
davidwhyte诗人作品网站，当鼠标滑过时画面“水雾”消散，背景图变清晰，网站风格也因此更写意。
?https://davidwhyte.com/experience/
Hello Monday 设计案例网站，将设计案例以瀑布流形式排列，当鼠标经过时图片像液体一样被推开，产生水波流动的效果，和整体内容瀑布流体验一致。
?https://hellomonday.com/
Nodcording编程训练营网站设计也很Q弹，所有hover效果都Q到一致。
?https://nodcoding.com/
还有透视故障悬停效果，hover时将图片进行透视形变，再加上加入伪影、波浪、信号和发散等故障艺术效果，色彩鲜明风格强烈。
Dtampe网站滑动到网站底部后有一堆表情卡片，鼠标hover表情卡片就会进行无序弹射。
?https://www.dtampe.com/
Alice的个人网站中应用了诸多悬停、移动和滚动视差设计，网站有趣酷炫。
滚动视差
fluttuo购物网站是基础典型的滚动视差设计案例。前景元素随着滚动移动，背景层不移动并在前景遮挡后替换背景图片。
?https://www.fluttuo.com/#home
cyclemon网站视觉效果和fluttuo类似。当用户向下滚动网页的时候，会有不同的背景图和自行车切换出来。
?https://www.cyclemon.com/
ie-tsukuru建筑设计公司网站，在承接工作范围模块以图纸形式展示，随着鼠标滚动叠加出现，背景不动，像桌面一张一张堆叠的设计图纸。
?https://ie-tsukuru.com/
synchronized设计工作室网站，设计案例以杂志封面形式竖直排列，根据鼠标滚动速度形成波浪式形态变化，滑动快就是大波浪，慢则是小波浪。利用动画能增强用户体验，并且展示工作室设计能力。
?https://synchronized.studio/
ShopifyPlus案例网站，一款瓶装胶囊产品随着用户滚动而被打开，最后滚出胶囊，视觉动效聚焦目标产品。利用动画进行产品展示。
?https://shopify.sunnysideup.work/#product
下面这个网站是记录江户时代清酒历史的网站，前景船不动，背景是变动的海浪，营造了一种由远及近的视觉效果，结合其他元素动画像是一个娓娓道来的故事。
?https://ito-goshi.com/storytelling/
MEW加密货币，网站故事背景设定为猫猫踏入进入狗狗统治的核心世界，整体网站风格一致，动态的猫猫元素拉满。
?https://mew.xyz/
Banzai泡面官网将线上商店还原成3D店铺模型，店里不同顾客小人食用不同口味，鼠标hover小人会转身并显示泡面口味，点击进入该口味泡面详情页。详情页的泡面3D模型也会跟随鼠标转动进行3D展示。
?https://www.nudolsbanzai.it/
Adobe旗下3D工具Adobe Substance 3D的演示项目，探讨了3D艺术技术。随着鼠标滚动进入“艺术大厅”，集合了不同领域，点击可以查看具体领域。视觉上有三维效果，但交互上还是限制在点击查看，体验一般。
?https://takingshape.adobe.com/
移动设备触屏交互有别于鼠标，但基于设备硬件陀螺仪、重力感应等传感器，也可以实现丰富的3D互动体验。
蚂蚁森林通过左右晃动陀螺仪就能拓展森林场景地图。
优网科技秉承"专业团队、品质服务" 的经营理念，诚信务实的服务了近万家客户，成为众多世界500强、集团和上市公司的长期合作伙伴！
优网科技成立于2001年，擅长网站建设、网站与各类业务系统深度整合，致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设（品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真）、移动端应用（手机站、APP开发）、微信定制开发（微信官网、微信商城、企业微信）、微信小程序定制开发等一系列互联网应用服务。
公安局备案号：
专属顾问
