+- Softwarez.Info - Software's World! (https://softwarez.info)
+-- Forum: Library Zone (https://softwarez.info/Forum-Library-Zone)
+--- Forum: Video Tutorials (https://softwarez.info/Forum-Video-Tutorials)
+--- Thread: User Experience Design Essentials - Adobe XD UI UX Design (/Thread-User-Experience-Design-Essentials-Adobe-XD-UI-UX-Design)
User Experience Design Essentials - Adobe XD UI UX Design - Farid - 09-07-2023
![[Image: wzvKdc.3boc9d6cw0pe.jpg]](https://i.im.ge/2023/09/07/wzvKdc.3boc9d6cw0pe.jpg)
User Experience Design Essentials - Adobe Xd Ui Ux Design
Last updated 8/2022
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz
Language: English | Size: 3.86 GB | Duration: 9h 43m
Use XD to get a job in UI Design, User Interface, User Experience design, UX design & Web Design
What you'll learn
Become a UX designer.
You will be able to start earning money from your XD Skills.
You will be able to add UX designer to your CV
Build a UX project from beginning to end.
Become a UI designer.
Build & test a full mobile app.
Build & test a full website design.
You will have a project of your own to add to your portfolio.
93 lectures of well-structured, step by step content.
Learn to design websites & mobile phone apps.
Work with fonts & colors.
Prototype your designs with interactions.
Test on mobile phones.
You'll create realistic prototype complete with micro interactions.
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 and the rest of the BYOL crew
All the techniques used by UX professionals
Build a mobile app prototype that responses to voice commands.
You will be able to talk correctly with other UX design professionals.
You'll learn how to choose colors.
You'll learn how to pick the correct fonts.
You'll be able to send your finished work to other professionals in the correct formats.
Requirements
You will need a copy of Adobe XD 2019 or above. A free trial can be downloaded from Adobe.
No previous design experience is needed.
No previous Adobe XD skills are needed.
Overview
Section 1: Getting Started
Lecture 1 Getting started with your Adobe XD project.
Lecture 2 What is Adobe XD for & does it do the coding
Lecture 3 What's the difference between UI and UX in Adobe XD
Lecture 4 What we are making in this Adobe XD course
Lecture 5 What is a persona & task flow in UX design
Lecture 6 Class Project 01 - Create your own brief
Section 2: Wireframing Low Fidelity
Lecture 7 What is Lo Fi Wireframe vs High Fidelity in Adobe XD
Lecture 8 Artboards & how wide should my website or app be in Adobe XD
Section 3: Type, Color & Icon Introduction
Lecture 9 Working with type in your XD wireframes
Lecture 10 Rectangles, Circles, Buttons and Rounded corners in Adobe XD
Lecture 11 How to use color in Adobe XD
Lecture 12 Strokes & copy & paste appearance in Adobe XD
Lecture 13 Class Project 02 - Wireframe
Lecture 14 Free icons for your Adobe XD & UX UI projects
Lecture 15 How to find and use existing UI kits in Adobe XD
Lecture 16 Groups & issues editing icons in Adobe XD
Lecture 17 Class Project 03 - Icons
Section 4: Prototyping - Level 1
Lecture 18 How to add interaction to your prototype in Adobe XD
Lecture 19 Prototype animation & easing in Adobe XD
Lecture 20 How see your design on XD App on iPhone & Android
Lecture 21 Class Project 04 - Testing on your phone
Section 5: Animation
Lecture 22 Getting started with auto-animations in Adobe XD
Lecture 23 Understanding more about animation in Adobe XD
Lecture 24 Class Project 05 - My first animation
Section 6: Feedback & Commenting
Lecture 25 Sharing Wireframes for comments in Adobe XD
Section 7: Moodboard - High Fidelity UI Design
Lecture 26 Mood Boards & resources for Hi fidelity UI design in Adobe XD
Lecture 27 How to create a mood board in Adobe XD
Lecture 28 Class project 06 - Mood Board
Lecture 29 How to work with Columns & Grids in Adobe XD
Section 8: Columns & Grids
Lecture 30 View port aka dotted line on the page in Adobe XD
Lecture 31 How to add & delete guides to Adobe XD
Section 9: Colors
Lecture 32 Color Inspiration & the eyedropper in XD
Lecture 33 How to create a color palette in Adobe XD
Lecture 34 How to create gradients in Adobe XD
Lecture 35 How to save and reused color swatches in Adobe XD
Lecture 36 Class Project 07 - Colors & Columns
Section 10: Text & Fonts - Level 2
Lecture 37 What fonts can I use in my web or app design in Adobe XD
Lecture 38 Check what other font's people have used
Lecture 39 What common font sizes should I choose in web design
Lecture 40 How to make Character Styles in Adobe XD
Lecture 41 Plugin - Adding our first Plugin Lorem Ipsum to Adobe XD
Lecture 42 Class project 08 - Text
Section 11: Drawing
Lecture 43 Drawing & editing shapes in Adobe XD
Lecture 44 Strangeness with shapes in Adobe XD
Lecture 45 Learn to draw with the pen tool in Adobe XD
Lecture 46 Working with strokes & lines in Adobe XD
Lecture 47 Class Project 09 - Icons & Buttons
Section 12: Working with Illustrator
Lecture 48 Do I need to know Illustrator with Adobe XD
Section 13: Images
Lecture 49 Masking & cropping images in Adobe XD
Lecture 50 Free images to use in your XD mockups - Unsplash Pexels Freeimage
Lecture 51 Darkening background images with opacity in XD
Lecture 52 Blurring backgrounds and objects in Adobe XD
Section 14: Working with Photoshop
Lecture 53 Do I need to know Photoshop with Adobe XD
Lecture 54 Snack bar Toast banners using masked image in Adobe XD
Lecture 55 Class Project 10 - Add images
Section 15: Components & Instances
Lecture 56 How to make & use components in Adobe XD
Lecture 57 Difference between Main & Instance Components in Adobe XD
Lecture 58 How to create component hover states in XD
Lecture 59 Class Project 11 - Buttons
Section 16: Repeat Grids
Lecture 60 How to use the repeat grid in Adobe XD
Lecture 61 Class Project 12 - Repeat Grid
Lecture 62 Updating & issues with repeat grids of the edge
Section 17: Stacks
Lecture 63 How to use stacks in XD to make a form
Lecture 64 Class Project 13 - Stacks & Checkout Page
Section 18: Micro Interactions & Animations
Lecture 65 The difference between animation & micro interactions
Lecture 66 Dan drawing stuff in Adobe XD
Lecture 67 More animation in Adobe XD
Lecture 68 Class Project 14 - My Second Animation
Lecture 69 Micro interaction toggle switch in Adobe XD
Lecture 70 Micro interaction burger menu turned into a cross in XD
Lecture 71 Class Project 15 - Micro interaction
Section 19: How to pin navigation to the top in Adobe XD
Lecture 72 How to pin navigation to the top in Adobe XD
Lecture 73 How to add a popup overlay modal in Adobe XD
Lecture 74 Slide in mobile nav menu overlay in Adobe XD
Lecture 75 Class Project 16 - Popup & Navigation
Lecture 76 What are Flows in Adobe XD
Section 20: Exporting
Lecture 77 How to share your document with clients & stakeholders & user testers
Lecture 78 Talking to your developer early in the XD design process
Lecture 79 Export the right image file formats from Adobe XD
Lecture 80 Batch export images at once using Mark for Export in XD
Lecture 81 How to export code in XD for engineers using Design Specs
Lecture 82 What is a style guide in Adobe XD
Lecture 83 Class Project 17 - Final Design
Section 21: What Next
Lecture 84 Whats next after Adobe XD Essentials
Anyone who wants to start using Adobe XD in their career & get paid for their user experience design skills.,This course is for beginners, newbies & amateurs in the field of UX design.,Aimed at people new to the world of design & user experience.,For anyone that needs to add 'UX Design' to their portfolio.
User Experience Design Essentials - Adobe XD UI UX Design (3.86 GB)
KatFile Link(s)
RapidGator Link(s)