CaptionsMaker
.com
Free Adobe XD Tutorial: User Experience Design Course with Adobe XD Course
Edit Subtitles
Download Subtitles
SRT
TXT
Title:
Description:
Free Adobe XD Tutorial Course from the full course: User Experience Design Essentials - Adobe XD UI UX Design. Full course at: http://bit.ly/2HsEmkG Free Exercise Files: https://bit.ly/31DkOmC #AdobeXD #UXDesign #UX Follow us on Instagram: https://www.instagram.com/bringyourownlaptop Follow me on Twitter: https://twitter.com/danlovesadobe Join the Facebook group: https://www.bringyourownlaptop.com/fb Join my subreddit: https://www.reddit.com/r/bringyourownlaptop 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 Columns or grids: 3:41:33 Thanks to S SJ & Domagoj Milas for the timestamps! Hi there! My name is Dan & I’m an Adobe Certified Instructor. I’m here to help you learn Adobe XD efficiently and 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 and effective User Experience (UX) and 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 and 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 and work all the way through, step by step. If you already have some UI/UX Design experience but want to get up to speed using Adobe XD then this course is perfect for you too! First, we will go over the differences between UX and UI Design. We will look at what our brief for this real-world project is, then we will learn about low-fidelity wireframes and 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, Lorem ipsum, artboards, prototyping, models and popups, symbols and 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 and 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 and how to use them to grow icons and scenes. This is one of the parts of web design that’s growing and being adopted rapidly so you won’t want to miss out on learning it early. There are two class projects for you to complete during this class, these will help develop your skills and will give you something for your own portfolio. It is now time to upgrade yourself & learn Adobe XD. What are the requirements? You will need a copy of Adobe XD 2018 or above. A free trial can be downloaded from Adobe. 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. Work with 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 and the rest of the BYOL crew All the techniques used by UX professionals What is the target audience? This course is for beginners. Aimed at people new to the world of design & user experience. No previous Adobe XD experience is necessary. For anyone that needs to add ‘UX Design’ to their portfolio.
YouTube url:
https://youtu.be/68w2VwalD5w
Created:
20. 8. 2020 01:18:01