45 分钟全面学习Framer (开始到结束的制作一个网站)
6296 次观看 · 2024-08-17
UI 设计
在本教程中,我将教您 Framer 的基础知识和从开始到结束的制作一个网站。因此,您可以自定义和构建您想要的任何网站.
🤗 订阅我每周的新视频: https://www.youtube.com/channel/UCtVn...
欢迎👏加入我的设计师交流群
https://discord.gg/WEuhP33f9P
Figma & framer 下载练习文档链接
https://yuya-mei.ck.page/a210208b49
全面学习Framer 下, 4个网页动效(文字动效,页面滑动动效,光标动效,3D卡片动效)
https://www.youtube.com/watch?v=9uMizyiyL64
0:00 intro
1:08 盒子理论
2:17 Framer UI
3:46 如何加入style guide (颜色,字体等)
7:13 Frame VS stack
11:16 开始建Hero section
16:39 如何制作组件, 变量, 变体等
22:06 如何制作banner 用tick
25:06 功能部分的建造
31:36 滑动页面的建造
39:12 如何用网格建造感言部分
我是谁:我是yuya , 热衷于UI/UX设计 和网页设计, 每周我都会分享很多好用的资源, 工具,和设计方面的一些小教程, 希望能跟志同道合的小伙伴一起分享
🤗 订阅我每周的新视频: https://www.youtube.com/channel/UCtVn...
欢迎👏加入我的设计师交流群
https://discord.gg/WEuhP33f9P
Figma & framer 下载练习文档链接
https://yuya-mei.ck.page/a210208b49
全面学习Framer 下, 4个网页动效(文字动效,页面滑动动效,光标动效,3D卡片动效)
https://www.youtube.com/watch?v=9uMizyiyL64
0:00 intro
1:08 盒子理论
2:17 Framer UI
3:46 如何加入style guide (颜色,字体等)
7:13 Frame VS stack
11:16 开始建Hero section
16:39 如何制作组件, 变量, 变体等
22:06 如何制作banner 用tick
25:06 功能部分的建造
31:36 滑动页面的建造
39:12 如何用网格建造感言部分
我是谁:我是yuya , 热衷于UI/UX设计 和网页设计, 每周我都会分享很多好用的资源, 工具,和设计方面的一些小教程, 希望能跟志同道合的小伙伴一起分享