iSVG

基于开源共享精神的SVG交互图文搜索引擎·无偿使用·公益助力疫情下数字经济复苏

一份「女性」的奥运史|渐变着色滑动|局部气候调查组

巴黎奥运会即将到来,局部气候调查组以女性视角讲述了奥运中的铿锵力量。全文的渐变着色滑动,本质是双层的滑动结构,底层为渐变颜色设计,表层有不同的镂空设计区域,当手指滑动上层并移动画面时,就产生了空缺部分填充色彩的效果。

上世紀夏天的電視廣告|连续点击切换|HAKUCHI

炎炎夏日,打开电视机清凉片刻!HAKUCHI 为我们带来了上世纪夏日的不少与解暑有关的动态广告,动态一个电视机框架,连续点击切换收看,切换过程中精心插入了一个雪花纹理过程,让感官身临其境。

—~—~藏在这条会动的线里—~—~|轨迹动画|腾讯

本文以时间线为线索,配合描边动画的形式,带领用户回顾了企业多年来在“可持续社会价值”方面的尝试与努力,用户左滑可追寻线条的运动轨迹,随着线条的延伸,文案内容、动效依次浮现。值得一提的是,本文将局部动效与描边动画相结合,使图文表现力更上一层楼,描边动画与局部动效间节奏的把控,也极大地考验了开发者的全局掌控力。

五月五日午,赠你一颗粽|连续点击切换|长城葡萄酒

在端午节,你会想到哪些元素呢?本篇推送将沉浸式带你逐一了解端午节的相关元素——粽叶、糯米、红枣与肉类、五彩绳和龙舟,并模拟包粽子的过程,增添互动感与节日的乐趣。

Xiaomi Civi 4 Pro 迪士尼公主限定版,梦幻登场!|探照灯|小米手机

这是一篇迪士尼公主限定版手机新品发布的推送,这篇推送将经典的迪士尼公主主题与现代科技完美融合,为用户带来前所未有的体验。开屏的 SVG 设计,一系列精美的交互动画,带给用户一种身临其境的童话世界体验。整个设计充满了梦幻的元素,以经典的迪士尼公主为灵感,打造出独一无二的开屏效果。

生于1995,上班最能吃苦|点击伸长|GQ实验室

本篇围绕什么是新中式生活展开,从生活的各个方面讲解什么是独属于年轻人的新中式生活。开屏时通过点击,竹叶会缓缓出现,慢慢展开长图。这种缓慢的展开速度也很新中式,体现了中式文化中“静”、“慢”的生活态度,强调在快节奏的现代生活中寻找一份从容与淡定。在正文部分,竹子会逐渐长出,竹叶轻轻落下,同时背景发生变化,并弹出文案。这种动态效果不仅增加了视觉上的美感,还赋予了整个设计一种生命的律动感。

晚安中南|2022年结束前,我还想对你说31次晚安!|视差滑动|中南大学

精致优雅的祝福主题交互设计,暗屏的内容随着点击放大并变化,巧妙进入视差滑动结构页面,上下浏览时产生差速效应。

《狂镖2》:暑假去哪|长按激活抽签|腾讯

长按激活的抽签逻辑,并可在中期进行重置或点击查看进一步详情,动感十足又富有创意。

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

沪ICP备2022011523号