Release date:2022

Author: Joseph Berry

Skill level:Beginner

Language:English

Exercise files:Yes

Webflow: Start building websites with no-code

Webflow is a collaborative, no-code web design tool is called Webflow. It is a visual method for creating landing pages, eCommerce, and responsive websites. Additionally, Webflow includes a CMS and operates as a hosting platform.

Description

In this course you will learn all of the techniques in building out complex animations and interactions. As we dig into the fundamentals of animation and interaction design we will explore creative ways to build out digital experiences. This course will cover both how to build out clean HTML and CSS whilst building out animations and interactions that are smooth and perform well. This course will give you all of the tools to recreate, re-ues and elevate your Webflow skills.

You will learn

Fundamentals of animation and interaction Organize your designs and animations in Figma Design amazing interactive experiences in Webflow Build a 3D interactive experience Build a Scroll-Jack experience Create a Click Card Project

The course includes

10 hours of practical and condensed knowledge Immediate access to the entire collection of videos Course Documentation Source Files: Figma and Webflow Valuable links and resources for every lesson Slack Group
01-Welcome

01-Introduction

02-Animation Principles

02-Animation Principles

03-Experience 01 – Intro Landing Page with Dynamic Interactions

Landing Animate – I Landing Animate – II Landing Animate – III Landing Animate – IV Landing Animate – V Landing Animate – VI Landing Animate – VII Landing Animate – VIII Landing Page Build – I Landing Page Build – II Landing Page Build – III Landing Page Build – IV

03-Webflow Setup

03-Webflow Setup

04-Experience 02 – 3D Experience with Mouse Interaction

3D Experience Animate 3D Experience Build

05-Experience 03 – Click Card hide and Reveal Info

Click Card Animate – I Click Card Animate – II Click Card Animate – III Click Card Build – I Click Card Build – II

06-Experience 04 – Scroll Jack Features

Scroll Jack Animate – I Scroll Jack Animate – II Scroll Jack Build

07-Bonus Content

Bonus Content Animate

08-Mega menu

Menu Animate Menu Build

09-Final Edits

Final Edits and Tweaks

COURSE FILES.7z [Awwwards] Create Award Winning Animation and Interaction Design In Webflow_Subtitles.7z

  Channel    and      Group

下载说明:用户需登录后获取相关资源
1、登录后,打赏30元成为VIP会员,全站资源免费获取!
2、资源默认为百度网盘链接,请用浏览器打开输入提取码不要有多余空格,如无法获取 请联系微信 yunqiaonet 补发。
3、分卷压缩包资源 需全部下载后解压第一个压缩包即可,下载过程不要强制中断 建议用winrar解压或360解压缩软件解压!
4、云桥网络平台所发布资源仅供用户自学自用,用户需以学习为目的,按需下载,严禁批量采集搬运共享资源等行为,望知悉!!!
5、云桥网络-CG数字艺术学习与资源分享平台,感谢您的关注与支持!