Видео

今天，我精选超实用的免费 Framer 组件网站，让你的设计更专业、更高效 如果想知道有那些组件库, 就不要错过今天的视频. 🤗 订阅我每周的新视频: ruclips.net/channel/UCtVn... 欢迎👏加入我的设计师交流群 discord.gg/WEuhP33f9P 0:00 Intro 0:42 reveals animation 2:36 text set 3:41 button set 5:05 segment UI free components 6:01 Framer University resources 6:46 Nav set 8:01 particle set 9:37 book components 10:18 map components 11:09 shader components 11:35 Micro interaction 12:28 ...

今天，跟大家分享我重新设计这个Habit Tracker 应用程序的过程, 如果想知道我对那些功能做了调整, 就不要错过今天的视频. 🤗 订阅我每周的新视频: ruclips.net/channel/UCtVn... 欢迎👏加入我的设计师交流群 discord.gg/WEuhP33f9P 我是谁：我是yuya , 热衷于UI/UX设计 和网页设计, 每周我都会分享很多好用的资源, 工具,和设计方面的一些小教程, 希望能跟志同道合的小伙伴一起分享

今天，跟大家分享如何用Figma 做粒子变化的动画,用Figma 制作酷炫的网页如果喜欢我的视频请点赞订阅 🤗 订阅我每周的新视频: ruclips.net/channel/UCtVn... 欢迎👏加入我的设计师交流群 ( ai prompt 里有mood board 的分享) discord.gg/WEuhP33f9P 0:00 intro 0:47 插件一 6:05 插件2 视频提到的插件 www.figma.com/community/plugin/1230103100505452948/pointillism www.figma.com/community/plugin/740556241021336678/pattern-hero 我是谁：我是yuya , 热衷于UI/UX设计 和网页设计, 每周我都会分享很多好用的资源, 工具,和设计方面的一些小教程, 希望能跟志同道合的...

今天，跟大家分享如何使用Framer , Spline shape Blend 工具来制作before and after 效果的网页 如果喜欢我的视频请点赞订阅 🤗 订阅我每周的新视频: ruclips.net/channel/UCtVn... 欢迎👏加入我的设计师交流群 ( ai prompt 里有mood board 的分享) discord.gg/WEuhP33f9P 0:00 intro 0:50 framer 制作 before /after 4:14 如何使用shape blend 12:16 如何用variable 制作before/after Before and after 组件来自framer University framer.university/resources/before-after-image-slider-in-framer Remix 文档 f...

今天，跟大家分享如何使用Framer 制作这些超酷的网站背景, 跟大家分享一些有用的Framer 资源希望能帮助大家制作出超酷的网站. 如果喜欢我的视频请点赞订阅 🤗 订阅我每周的新视频: ruclips.net/channel/UCtVn... 欢迎👏加入我的设计师交流群 discord.gg/WEuhP33f9P 0:00 intro 1:00 Fram shader library 2:21 Unicorn studio 6:09 shimmer dot library 10:24 noise trail component 12:28 shader gradient plugin 视频提到的网站 framershaders.xyz www.unicorn.studio framer.university/resources/shimmer-dot-component-for-...

今天，跟大家分享如何使用Framer 制作 或者Spline这样酷炫的拖拉效果的网站让你能制作出这种特别又吸引眼球的网站 如果喜欢我的视频请点赞订阅 🤗 订阅我每周的新视频: ruclips.net/channel/UCtVn... Remix link (免费分享我的设计, 请点赞订阅哦) Framer Link:framer.com/projects/new?duplicate=uNOC2DZPlRmjXMmZjY0t Spline link :app.spline.design/file/e15ae5ac-9515-460f-ae1d-f1f766269250 欢迎👏加入我的设计师交流群 discord.gg/WEuhP33f9P 0:00 intro 0:42 用Framer制作拖拉效果 7:55用Spline 制作拖拉效果 我的文章: www.yuyadesigninnov...

如何使用Framer 制作这样酷炫的3D网站 今天，跟大家分享如何使用Framer 制作这样酷炫的3D网站让你能制作出这种特别又吸引眼球的网站 如果喜欢我的视频请点赞订阅 🤗 订阅我每周的新视频: ruclips.net/channel/UCtVn... JP 的网站(灵感出处) godly.website/website/jp-967 Remix link (免费分享我的设计, 请点赞订阅哦) framer.com/projects/new?duplicate=wZ1PvnL9vXmIh4LYgOd2 我的文章 www.yuyadesigninnovations.com/blog-post/how-to-create-stunning-3d-box-rotation-animations-in-framer 欢迎👏加入我的设计师交流群 discord.gg/WEuhP33f9P 0...

今天，跟大家分享如何使用Framer 制作这样酷炫的网站,使用spline 制作carousel 在framer的网页里. 如果喜欢我的视频请点赞订阅 🤗 订阅我每周的新视频: ruclips.net/channel/UCtVn... 我的Spline 3D carousel 复制出处 app.spline.design/community/file/21c00960-2b74-4fe3-ba53-3c2bd00350d7 3D look component 来自Framer University framer.university/resources/3d-look-component-for-framer 欢迎👏加入我的设计师交流群 discord.gg/WEuhP33f9P 0:00 intro 0:57 Figma 制作layout 2:55 Framer 制作网页 18:1...

今天，跟大家分享这八种最受欢迎的3D动画。想象一下，访问一个网站，而不是常见的平面、可预测的设计，突然间，你被如此生动且互动的3D元素迎接，这就像进入一个迷你虚拟世界，一切都在移动、变化和响应。欢迎来到令人兴奋的3D网页设计时代 如果喜欢我的视频请点赞订阅 🤗 订阅我每周的新视频: ruclips.net/channel/UCtVn... 我的Spline 粒子动画文档可免费复制使用. app.spline.design/@yuyamei310 视频展示的网站来自 www.awwwards.com godly.website dribbble.com 欢迎👏加入我的设计师交流群 discord.gg/WEuhP33f9P 0:00 intro 0:36 物理动画 1:05 粒子动画 2:43 产品滚动动画 4:22 视角转换 5:52 悬停动画 7:06 形体转化动画 7:31 角色...

今天分享的内容是响应式设计的演变之旅. 网页设计 它经历了从简单、静态的页面演变为我们今天所享受的超灵活布局的漫长旅程。你是否好奇我们是如何从那样到达现在的？让我们一起揭开这趟充满创新、创造力和极具智慧代码的响应式网页设计演变之旅. 🤗 订阅我每周的新视频: ruclips.net/channel/UCtVn... 欢迎👏加入我的设计师交流群 discord.gg/WEuhP33f9P no copyright music Scheming Weasel (faster version) by Kevin MacLeod incompetech.com Creative Commons - Attribution 3.0 Unported - CC BY 3.0 Free Download / Stream: www.audiolibrary.com.co/kevin... Musi...

今天，跟大家分享如何用Framer和Spline 做这种流行的视口动画.经常在Awwward winning 的网站上看到.今天也尝试用Framer来制作一下. 如果喜欢我的视频请点赞订阅 🤗 订阅我每周的新视频: ruclips.net/channel/UCtVn... 欢迎👏加入我的设计师交流群 discord.gg/WEuhP33f9P spline 教学的播放列表 ruclips.net/p/PLQOrzWh3TgI4G4qiE1IDLlQq5jUvRa2U- 0:00 intro 0:52 Figma 设计卡片 1:14 spline 制作卡片动效 3:55 Framer 制作网站 复制文档地址 yuya-mei.kit.com/3e52ff9cca 我是谁：我是yuya , 热衷于UI/UX设计 和网页设计, 每周我都会分享很多好用的资源, 工具,和设计方面的一些小教程,...

今天，我们要聊聊2024年最流行的8种网站动画类型，让你的网站瞬间从平凡变非凡！从滚动触发到文本特效，今天的内容都包括了.如果喜欢我的视频请点赞订阅 🤗 订阅我每周的新视频: ruclips.net/channel/UCtVn... 欢迎👏加入我的设计师交流群 discord.gg/WEuhP33f9P 0:00 intro 0:32 滚动动画 2:24 遮罩动画 3:34 微动画 5:09 粘性位置的动画 6:36 视口动画 7:29 液体动画 8:08 视差动画 9:08 字体动画 视频里提到的网站来自 www.awwwards.com/websites/sites_of_the_month/ dribbble.com/shots/popular godly.website/ 我是谁：我是yuya , 热衷于UI/UX设计 和网页设计, 每周我都会分享很多好用的资源, 工具,和设...

Photoshop ,illustrator 最新功能(2025)

Webflow 2024 config 有哪些更新(AI 助手, Ai优化, GSAP合作, 数据分享) 简直太酷了.

如何在 framer 制作物理模拟碰撞效果的网页

如何使用 framer 最新插件功能

如何使用Unicorn studio , 网页设计的秘密武器

7个好用的Framer资源(免费模版, 组件, 教程, code override )

如何使用Framer 制作这样酷炫的网站,使用spline 3D 元素

2024 年的网页设计趋势(看看这些酷炫的网页设计)

全面学习Framer 下, 4个网页动效(文字动效,页面滑动动效,光标动效,3D卡片动效)

45 分钟全面学习Framer (开始到结束的制作一个网站)

2024 设计师都应该尝试的流行网页设计工具和资源,和设计工具的更新

spline practice

2024 设计师都应该尝试的一些流行网页设计工具和资源

如何使用Figma Slide ? Figma slide 详细介绍

如何用变量值来做网页动效在webflow? Webflow 教学系列(最新动画功能)

这些有创意的网页页尾设计(2024)如何设计有创意的页尾

Figma config 2024 做了那些更新, (Figma AI , Figma slide , dev mode , etc)