Visual Craft

Animations

02The curriculum

Modules and topics

18 modules, 184 topics.

المحتوى الأساسي13 modules

المحتوى الأساسي في المساحة، وبيشرح أساسيات المهارة دي.

01 — Start Here

Understanding Motion Beyond Effects

10 موضوع

What Animation Actually Does
Motion As Communication
Why Motion Changes Perception
Functional vs Decorative Animation
Animation & Attention
Motion As Feedback
Designing Time, Not Just Space
Why Some Interfaces Feel "Alive"
The Problem With Over-Animation
Intentional Motion Design

02 — Motion Principles

The Fundamentals Behind Good Animation

11 موضوع

Timing
Easing
Acceleration & Deceleration
Anticipation
Overshoot
Follow Through
Weight & Physics
Rhythm
Motion Hierarchy
Spatial Awareness
Why Some Motion Feels Natural

03 — UI Motion Design

Animating Interfaces With Purpose

11 موضوع

UI Transitions
Navigation Animation
State Changes
Loading Animations
Hover States
Gesture Feedback
Modal Transitions
Notification Motion
Screen Transitions
Responsive Motion
Functional Motion Systems

04 — Micro-Interactions

The Small Details That Shape Experience

10 موضوع

Button Feedback
Hover Interactions
Input States
Success Feedback
Error Feedback
Toggle Animations
Interaction Delight
Motion & User Confidence
Invisible UX Feedback
Why Small Motion Matters

05 — Brand Motion Design

Building Personality Through Movement

10 موضوع

Logo Animation
Brand Rhythm
Motion Identity Systems
Typography Animation
Emotional Motion Direction
Visual Personality
Motion Consistency
Dynamic Brand Systems
Premium vs Playful Motion
Motion As Tone Of Voice

06 — After Effects Fundamentals

The Industry Standard For Motion Design

11 موضوع

Interface Basics
Keyframes
Graph Editor
Layer Systems
Timing Control
Shape Animation
Typography Animation
Motion Compositions
Export Workflows
Motion Design Thinking
Why AE Still Dominates Motion

07 — Lottie & Lightweight Motion

Bringing Motion Into Real Products

10 موضوع

What Lottie Actually Is
JSON Animation Systems
Exporting From After Effects
Product-Friendly Motion
Performance Optimization
UI Animation Delivery
Cross-Platform Motion
Lightweight Interaction Systems
Motion Scalability
Real Product Workflows

08 — Rive & Interactive Motion

Motion That Responds In Real Time

10 موضوع

State Machines
Interactive Animation
Real-Time Motion
Game-Like Interfaces
Dynamic UI Systems
Trigger-Based Motion
Input-Based Animation
Responsive Character Systems
Product Interaction Motion
Why Rive Is Growing Fast

09 — Framer Motion & Web Animation

Modern Motion For Digital Products

10 موضوع

Motion In React
Layout Transitions
Gesture Animations
Scroll Animations
Page Transitions
Motion Components
Interactive Interfaces
Responsive Motion Systems
Performance-Conscious Animation
Motion In Modern SaaS Products

10 — Explainer Videos & Motion Storytelling

Using Motion To Explain Complex Ideas

10 موضوع

Storyboarding
Motion Narrative
Explainer Structures
Voice & Motion Rhythm
Information Simplification
Scene Transitions
Visual Storytelling
Typography Timing
Educational Motion
Why Explainability Matters

16 — Animation Breakdowns

Learning Through Real Motion Systems

11 موضوع

Apple UI Motion
Stripe Motion Systems
Linear Product Motion
Framer Websites
Airbnb Interactions
Duolingo Motion
Brand Ident Systems
SaaS Product Motion
Mobile App Interactions
Explainer Videos
Interactive Websites

17 — Motion Challenges

Training Timing, Interaction & Motion Thinking

10 موضوع

Animate A Button Interaction
Create A Loading System
Build A Premium Page Transition
Improve UX Using Motion Only
Create A Brand Intro Animation
Design A Micro-Interaction System
Build A Scroll Animation
Create A Product Explainer
Rebuild A Famous UI Interaction
Design Motion For A Dashboard

18 — Motion Debates

There Is No Single Correct Motion Style

10 موضوع

Is Minimal Motion Better?
Are Micro-Interactions Overused?
Does Motion Improve UX?
Is Motion Becoming Too Trendy?
Should Everything Animate?
Is 3D Motion Necessary?
Can Animation Feel Premium?
Is AI Threatening Motion Designers?
Are Slow Interfaces A Motion Problem?
Does Motion Distract More Than Help?

محتوى السياق5 modules

المكان اللي المهارة دي بتقابل فيه باقي المساحات.

11 — Motion Psychology

Why Movement Feels Emotional

10 موضوع

Emotional Perception
Calm vs Energetic Motion
Trust Through Motion
Premium Motion Feeling
Motion & Attention
Cognitive Load
Predictability
Delight vs Distraction
Motion & User Confidence
Why Some Motion Feels "Expensive"

12 — Motion Systems & Scalability

Designing Consistent Motion Across Products

10 موضوع

Motion Tokens
Duration Systems
Easing Systems
Interaction Consistency
Reusable Motion Patterns
Product-Wide Motion Languages
Design System Motion Rules
Scalable Animation Thinking
Motion Documentation
Why Systems Improve Motion Quality

13 — Animation In The AI Era

Working With AI Without Losing Direction

10 موضوع

AI Motion Generation
AI-Assisted Storyboarding
AI Video Tools
AI Animation Helpers
Reviewing AI Motion
Human Taste In Motion Design
Why AI Often Creates Generic Motion
Faster Iteration Workflows
AI As A Creative Assistant
Intentional Motion After Automation

14 — Common Animation Mistakes

Why Some Motion Feels Amateur

10 موضوع

Over-Animation
Random Timing
No Hierarchy
Motion Without Purpose
Slow Interfaces
Distracting Interactions
Inconsistent Easing
Performance Problems
Overusing Effects
Animation Without Emotion

15 — Motion Observation Training

Learning To Analyze Movement Like A Motion Designer

10 موضوع

UI Motion Breakdown
Interaction Analysis
Timing Observation
Motion Rhythm Analysis
Why This Animation Works
Why This Animation Fails
Product Motion Studies
Brand Motion Analysis
Interaction Intent Recognition
Motion Sensitivity Training

افتح المساحة دي

المساحة دي جزء من الاشتراك. خطة واحدة بتفتحها وبتفتح كل اللي متاح غيرها.

شوف اللي متضمن كل المساحات