Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

How to Design and Animate a Website with Adobe XD and Protopie - Part 1 of 2

Wrong Akram via YouTube

Overview

Learn to design a mini website using Adobe Xd in this 29-minute tutorial video. Explore essential design techniques including creating artboards, crafting navigation elements, adding headlines and text, incorporating paragraph tags, and designing buttons. Access project files for both Adobe Xd and Protopie to follow along. Gain insights into UI design and front-end development from an experienced professional who combines React.js, Node.js, and Adobe XD in his workflow. Discover valuable design tips and tricks throughout the tutorial to enhance your web design skills.

Syllabus

Intro
Design Tip 1
Project Preview
Creating the Artboard
Creating the Navigation
Adding Headline
Adding Text
Adding Paragraph Tags
Adding Buttons

Taught by

Wrong Akram

Reviews

Start your review of How to Design and Animate a Website with Adobe XD and Protopie - Part 1 of 2

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.