节庆与专题 SVG 推荐

圣诞快乐 - Christmas wish you all the best

趣味互动设计

E2平台 - 圣诞树生成器

点击了解

E2 平台在圣诞节前示范了一期「圣诞树生成器」形式的创意 SVG 交互,采用无限选择器结合点击伸长的形式,通过巧妙的视觉组合形成了打印式海报呈现效果,也让我们看到了无限选择器的全新巧妙应用策略。

三星 - 视差滑动

点击了解

低差速的圣诞主题 perspective 3D 排版,形成了轻盈浪漫的空间感受,部分微动效 GIF 制作细腻可爱,细节之处带来惊喜。

荣耀 - 拍照游戏

点击了解

以定格拍照为创意形式,捕捉圣诞老人为随机卡片,既贴合圣诞主题,又能体现手机超感光夜拍的能力。

产品广告设计

蒂芙尼 - 视差滑动

点击了解

由计老师操刀交付至 Tiffany 的这篇图文在圈内大受好评,点缀物的视差排版与主题完美搭配,滑动页面仿佛置身于星河,图文的高级感瞬间拉满。

蒂芙尼 - 全屏下雪

点击了解

全屏下雪的浪漫 SVG 效果铺满整个长图,让原本优雅的奢侈品广告设计更添节日惊喜氛围,该结构通过 E2.COOL 黑科技 SVG 编辑器的「全屏下雪」组件实现。

宝格丽 - 星星游走

点击了解

图文本身的视觉设计与结构布局已然十分精巧,画面动静结合错落穿插,而纯 SVG 代码形成的群星游弋效果,基于 CSS 滤色混合模式叠加在全文之上更是锦上添花,让内容充满了优雅和浪漫的气息。

积家 - 滑动多选伸长

点击了解

通过滑动选择喜欢的画面展开,并可在中段收回画面重新滑动选择。同时严谨设置了防误触操作,即在展开页面内,则无法滑动跳至其他版面。是 overflow 属性下,滑动与展开的优秀融合型作品。

贺卡生成设计

GE 中国 - 点亮圣诞树

点击了解

由 GE 中国与当代艺术家赖犬先生合作的圣诞节交互设计,层层点亮圣诞树并最终出现多张贺卡,支持点击后弹出保存,优雅而精美。

来威漆 - 画板 DIY

点击了解

「上色」形式的交互图文中,用户可自由定制小屋内家具的色彩,并设置二维码截图进行引流,最大程度还原了 H5 作品中自定义和分享等能力。

CoolSITE360 提供 UI/UX 支持  Copyright © 2013-2023 iSVG
投稿/定制/培训:微信公众号、小红书「iSVG」

沪ICP备2022011523号