松湖城迹:松湖城迹

2021-09-23 H5案例分享 H5案例分享
松湖城迹:松湖城迹


案例演示,请长按/扫描以下二维码 ->

识别图中二维码

松湖城迹-查阅二维码

完整欣赏此案例大约需要1分钟


案例:松湖城迹

品牌:松湖城迹

技术实现: JavaScript

亮点:

从建园之初的一片荔枝林到今天产城人文融合的湾区新城,20年的蜕变发展让松山湖已成为国家级高新区、珠三角国家自主创新示范区,更是东莞融入粤港澳大湾区建设的重要战略平台。此作品设计以动效缓冲特效展示松山湖20年间的精彩场景、激动时刻、感人故事,配以松山湖的动态背景,大气磅礴,场景以动态水墨切换,画面设计精美,见证松山湖成立以来的重大节点、重大事件、重要人物、重大成就。该H5首次运用创新动效设计,画面流畅,以错落有致的滑动感加强交互性,有效提升用户体验。 《松湖城迹》H5以20年松山湖的变迁发展为时间轴主线,通过图片的形式展示各时期松山湖景象,与网友一起见证松山湖蜕变与发展,展示松山湖20年来的辉煌历程和巨大成就。设计上采用缓冲滑动技术实现,将松山湖20年变迁以年份过渡,形成一幅山河变迁长图,设计元素丰富细腻,以泼墨形式切换4个主要场景,背景以动效图片,从日出、夜景、鸟瞰、平行四大场景展开,画面大气磅礴。





以上为“H5案例分享”团队原创文章,转载请注明出处!

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

【合集】传统节日,端午节

QQ音乐:耳朵里的小怪兽

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~