https://blog.qife122.com/tags/ui%E4%BA%A4%E4%BA%92/ Recent content in UI交互 on 办公AI智能小助手 Hugo zh-cn qife Fri, 07 Nov 2025 15:47:50 +0800 https://blog.qife122.com/p/%E5%8A%A8%E6%95%88%E7%B2%BE%E9%80%89%E7%AC%AC14%E6%9C%9F-%E6%8E%A2%E7%B4%A2%E7%8E%B0%E4%BB%A3%E7%BD%91%E9%A1%B5%E5%8A%A8%E7%94%BB%E4%B8%8E%E4%BA%A4%E4%BA%92%E6%8A%80%E6%9C%AF/ Fri, 07 Nov 2025 15:47:50 +0800 https://blog.qife122.com/p/%E5%8A%A8%E6%95%88%E7%B2%BE%E9%80%89%E7%AC%AC14%E6%9C%9F-%E6%8E%A2%E7%B4%A2%E7%8E%B0%E4%BB%A3%E7%BD%91%E9%A1%B5%E5%8A%A8%E7%94%BB%E4%B8%8E%E4%BA%A4%E4%BA%92%E6%8A%80%E6%9C%AF/ <h1 id="motion-highlights-14--codrops">Motion Highlights #14 | Codrops</h1> <p>新鲜精选的创意社区动效时刻，为您的下一个概念提供灵感。</p> <p>作者：Manoela Ilic<br> 发布于 UI交互与动画合集 · 2025年10月26日</p> <h2 id="免费课程推荐">免费课程推荐</h2> <p>通过34节免费视频课程、分步项目和实操演示，掌握使用GSAP的JavaScript动画技术。立即报名→</p> https://blog.qife122.com/p/%E7%BD%91%E9%A1%B5%E5%8A%A8%E6%95%88%E8%AE%BE%E8%AE%A1%E7%B2%BE%E9%80%89%E7%AC%AC13%E6%9C%9F%E6%8E%A2%E7%B4%A2%E7%8E%B0%E4%BB%A3ui%E5%8A%A8%E7%94%BB%E4%B8%8Ewebgl%E6%8A%80%E6%9C%AF/ Tue, 14 Oct 2025 11:58:48 +0800 https://blog.qife122.com/p/%E7%BD%91%E9%A1%B5%E5%8A%A8%E6%95%88%E8%AE%BE%E8%AE%A1%E7%B2%BE%E9%80%89%E7%AC%AC13%E6%9C%9F%E6%8E%A2%E7%B4%A2%E7%8E%B0%E4%BB%A3ui%E5%8A%A8%E7%94%BB%E4%B8%8Ewebgl%E6%8A%80%E6%9C%AF/ <h2 id="动效精选-13">动效精选 #13</h2> <p>来自网络精选的手工挑选动效设计与动画合集，助您获取创作灵感。</p> <p><strong>作者：Manoela Ilic</strong><br> <strong>发布于：</strong> 2025年9月22日 · UI交互与动画合集</p> <hr> <h3 id="免费课程推荐">免费课程推荐</h3> <p>通过34节免费视频课程、分步项目和实操演示，掌握GSAP JavaScript动画技术。立即报名→</p> https://blog.qife122.com/p/%E7%BD%91%E9%A1%B5%E5%8A%A8%E6%95%88%E7%B2%BE%E9%80%89%E7%AC%AC13%E6%9C%9F-%E5%89%8D%E6%B2%BF%E5%8A%A8%E7%94%BB%E6%8A%80%E6%9C%AF%E4%B8%8E%E4%BA%A4%E4%BA%92%E5%AE%9E%E8%B7%B5/ Tue, 07 Oct 2025 18:24:08 +0800 https://blog.qife122.com/p/%E7%BD%91%E9%A1%B5%E5%8A%A8%E6%95%88%E7%B2%BE%E9%80%89%E7%AC%AC13%E6%9C%9F-%E5%89%8D%E6%B2%BF%E5%8A%A8%E7%94%BB%E6%8A%80%E6%9C%AF%E4%B8%8E%E4%BA%A4%E4%BA%92%E5%AE%9E%E8%B7%B5/ <h2 id="动效精选亮点">动效精选亮点</h2> <h3 id="技术实践案例">技术实践案例</h3> <ul> <li><strong>DAVINCII</strong> by TFTL - 实验性字体与科技节动效</li> <li><strong>流体排版动画</strong> by Arlind Aliu - 文字流动特效</li> <li><strong>使用WebGL构建布局转场</strong> by Corentin Bernadou - WebGL过渡动画技术</li> <li><strong>OGL与平移迷你地图探索</strong> by Luis Bizarro - WebGL库实践</li> <li><strong>Three.js/WebGPU技术</strong> by Yuri Artiukh - 新一代图形API应用</li> </ul> <h3 id="交互创新">交互创新</h3> <ul> <li><strong>气泡网站头部</strong> by Nahuel Gerth - 动态头部设计</li> <li><strong>任务追踪应用</strong> by Anton Skvortsov - 界面交互动画</li> <li><strong>英雄区块转场</strong> by Oliver Muñoz - 页面过渡效果</li> <li><strong>垂直无限循环舞台</strong> by Amine Zegmou - 滚动交互技术</li> </ul> <h3 id="开发资源">开发资源</h3> <ul> <li><strong>免费GSAP课程</strong> - 34节视频课程涵盖JavaScript动画技术</li> <li><strong>模板设计</strong> by Satto.studio - 非模板化设计解决方案</li> <li><strong>发光过渡效果</strong> by Ege Berkin AKDAĞ - 视觉转场技术</li> </ul> <h2 id="技术栈特色">技术栈特色</h2> <p>本系列案例集中展示了现代网页动画技术的核心工具链：</p>