55,553
likes
1,479
comments
daily view 0
monthly view 0

Share

Live Analytics

Comments 0

Free Adobe XD Tutorial: User Experience Design Course with Adobe XD Course Analytics Table

Income Estimates for Free Adobe XD Tutorial: User Experience Design Course with Adobe XD Course

Based on this YouTube video's total view count of 2.70M views and industry-standard rates, the estimated total earning is $1.89K - $5.40K through ad revenue. Historical data is not yet available to calculate daily, weekly, or monthly averages.

About Free Adobe XD Tutorial: User Experience Design Course with Adobe XD Course

Explore Free Adobe XD Tutorial: User Experience Design Course with Adobe XD Course with 2,701,344 views, 55,553 likes, and 1,479 comments. Experience the impact of this video content that has captured audience attention.

Watch + join BYOL for the full Adobe XD Course and 10% off: https://byol.com/xd19as Check out the free, updated version of this video: https://youtu.be/f2K1jmjj5pM Download the free exercise files: https://www.BYOL.com/XD19 Free Trial of ALL Adobe Apps: https://byol.com/FREETRIAL1 Hi there! My name is Dan & I’m an Adobe Certified Instructor. I’m here to help you learn Adobe XD efficiently & comprehensively. XD is a fantastic design tool used by industry professionals to product high quality & functional mockups. By the end of this course, you will be able to produce practical & effective User Experience (UX) & User Interface (UI) designs. This video is an excerpt from my full course. But in the short free UI course we'll cover lots of awesome things in Adobe XD. Throughout the course I’ll invite you to participate in a real-life freelance project which I’m working on. It’s a project that requires a fresh website & mobile app interface. This will prepare you for dealing with real world projects if you choose to move towards a UX/UI career path. This course is aimed at people interested in UI/UX Design. We’ll start from the very beginning & work all the way through, step by step. First, we will go over the differences between UX & UI Design. We will look at what our brief for this real-world project is, then we will learn about low-fidelity wireframes & how to make use of existing UI design kits. I’ll go over all of the essential tools necessary for creating excellent wireframes, including: type, colours, icons, artboards, prototyping, models & popups, symbols & repeat grids. We will even make use of the new prototyping app so that you can experience your prototype on your mobile device. An important part of maximising your UX Design workflow is being able to utilise other software such as Photoshop & Illustrator. This is why I’ll be teaching you how to make use of both to help boost your XD productivity. One of the awesome new features of XD is micro-interactions. I’ll be teaching you all about those & how to use them to grow icons & scenes. This is one of the parts of web design that’s growing & being adopted rapidly so you won’t want to miss out. There are two class projects for you to complete during this class, these will help develop your skills & will give you something for your own portfolio. You'll need a copy of Adobe XD 2018 or above. No previous design experience is needed. No previous Adobe XD skills are needed. What am I going to get from this course? 92 lectures of well-structured, step by step content. Learn to design websites & mobile phone apps. Fonts & colors. Prototype your designs with interactions. Test on mobile phones. Send your designs for feedback & commenting Export production ready assets. Create your first UX brief & persona. Create quick wireframes. How to use premade UI kits. Learn professional workflow tricks & shortcuts You will get the finished files so you never fall behind Downloadable exercise files Forum support from me & the rest of the BYOL crew All the techniques used by UX professionals This course Aimed at people new to the world of design & user experience. For anyone that needs to add ‘UX Design’ to their portfolio. I'd also suggest How to Design a Logo - Full Identity Design Course https://www.youtube.com/watch?v=UyoXKGQrmtY & The ULTIMATE Guide to ADOBE ANIMATE CC! (AKA Flash) - Tutorial Introduction to UX: 0:00 Getting started: 2:55 What is UI vs UX: 5:16 The UX brief & persona: 11:35 Wireframing (low fidelity): 22:57 How wide for my website: 24:55 Existing UI kits: 38:02 Working with type: 45:53 Basic colors & buttons: 55:01 Free UI Icons: 1:09:16 Footer & Lorem Ipsum: 1:22:56 New Pages & Artboards: 1:28:24 Class Project 01 - Wireframe: 1:32:44 Prototyping & Interactivity: 1:43:56 Create a Popup Modal: 1:52:09 Class Project 02 - Prototype: 2:00:07 Groups & Isolation Mode: 2:03:00 How to use symbols: 2:05:30 Production Video - Left Nav: 2:12:48 Repeat Grid: 2:16:41 Updating symbols and repeat grids: 2:22:09 Prototype Tricks: 2:31:02 Navigation Tips and Tricks: 2:37:03 Class Project 03 - Symbols: 2:41:53 Mocking Up an app: 2:46:00 XD App on your phone: 2:55:40 iPhone & Android status icons: 3:03:45 Fixing the position: 3:06:55 Production Video - Login: 3:07:57 Sharing wireframes: 3:14:40 Recording your interactions: 3:28:15 Class Project - Wireframe feedback: 3:31:27 Mood Boards in Adobe XD: 3:32:48 Columns or grids: 3:41:33 Thanks to S SJ & Domagoj Milas for the timestamps! Join the Bring Your Own Laptop Facebook Group: https://www.byol.com/FB Follow me on Instagram: https://www.byol.com/IG Follow me on TikTok: https://www.byol.com/tiktok/ Follow me on Twitter: / danlovesadobe Join the LinkedIn Group: https://www.byol.com/LINKEDIN/ #AdobeXD #UXDesign #UX

About YouTube Real-Time View Count

With SocialCounts.org’s view counter, track your YouTube video’s live view count and YouTube likes count in real time with fast, reliable updates.

Watch every YouTube video live view count rise with our real-time YouTube views tracker—built for accuracy and minimal delay.

Follow YouTube real time views as they happen, using our dedicated view counter for YouTube videos.

Get up-to-date live view count on YouTube and see real-time growth with SocialCounts.org’s smart tracking tools.

Embed Widget

Parameters:

  • fullscreen=true - Fullscreen counter
  • graph=true - Live graph chart
  • counter=0/1/2 - Select counter (0=likes, 1=views, 2=comments)
URL

Click to copy the embed URL to your clipboard