YoVDO

How to Design and Animate a Website with Adobe XD and Protopie

Offered By: Wrong Akram via YouTube

Tags

Adobe XD Courses Web Design Courses Front-end Development Courses Web Animation Courses ProtoPie Courses

Course Description

Overview

Continue the website design and animation tutorial using Adobe Xd and Protopie, focusing on advanced techniques like creating domino effects, implementing start triggers, and developing complex animations. Learn to add dynamic elements such as carousels, headlines, and fade-in effects while preserving the overall UI. Access project files for hands-on practice and explore social media links for additional resources and inspiration from the instructor, a front-end developer and UI designer specializing in React.js and Node.js.

Syllabus

Intro
Creating the domino effect
Creating the start trigger
Creating the initial animation
Creating more space
Renaming a leaf
Adding the headline bottom
Adding a fade in
Adding a carousel
Changing the width
Preserving the UI


Taught by

Wrong Akram

Related Courses

Prototyping with ProtoPie: Bring Your App Designs to Life with Motion!
Skillshare
Protopie - Interactive prototyping,from scratch,no code 2022
Udemy
UX Foundations: Multidevice Design
LinkedIn Learning
ProtoPie for UX Design
LinkedIn Learning
Improve Your UX Prototyping Skills
LinkedIn Learning