Adobe Xd Masterclass - UI / UX Design From Scratch
Offered By: Skillshare
Course Description
Overview
Getting into UI / UX design can be difficult because you see all of these examples online, but you don't know where to start, which tools to use and how to organize your work.
.
Working in Adobe Xd gives you unlimited possibilities because you can create, prototype and share, all in one tool, on Mac or PC, for free.
.
Hey designer, my name is Alex and in this 20+ hours long masterclass you are going to learn:
- Basics of Adobe Xd and what it can do
- How to create great design brief
- Create website architecture
- Draw your wireframes on paper
- Then import and create them in Adobe Xd
- Create complex designs by adding colors, images and animations
- Share those designs with client to get feedback
- Create responsive design with multiple sizes
- Present your designs in a portfolio
- And finally, how to export your assets for developers using industry standards.
.
This course covers everything you need to know to get started in UI / UX design, or to improve your skills. You don't need any previous knowledge of UI / UX or Adobe Xd, we are going to cover it all in this course.
.
So if you want to improve your skills and productivity, save a lot of time and money on iterations and create designs faster, then I'll see you in the course.
.
Have a creative day!
Alex
Syllabus
- Class Intro
- Class Overview
- Introduction To Adobe Xd
- Install Adobe Xd
- Home Screen
- Get To Know Adobe Xd
- Shapes
- Pen Tool
- Text Tool
- Artboards
- Guides
- Repeat Grid
- Design Process Overview
- Our Design Brief
- Find The Target Audience
- Paper Wireframe Resources
- Paper Wireframing Styles
- Paper Wireframes 1
- Paper Wireframes 2
- Paper Wireframes 3
- Paper Wireframes 4
- Paper Wireframes 5
- Paper Wireframes 6
- Paper Wireframes 7
- Paper Wireframes 8
- Importing Our Paper Wireframes
- Creating Website Architecture
- Wireframes In Adobe Xd 1
- Wireframes In Adobe Xd 2
- Wireframes In Adobe Xd 3
- Wireframes In Adobe Xd 4
- Wireframes In Adobe Xd 5
- Wireframes In Adobe Xd 6
- Wireframes In Adobe Xd 7
- Wireframes In Adobe Xd 8
- Wireframes In Adobe Xd 9
- Free VS Premium Resources And Licences
- Optimizing Your Images
- Creating Design 1
- Creating Design 2
- Creating Design 3
- Creating Design 4
- Creating Design 5
- Creating Design 6
- Creating Design 7
- Creating Design 8
- Creating Design 9
- Creating Design 10
- Creating Design 11
- Creating Design 12
- Creating Design 13
- Creating Design 14
- Creating Design 15
- What Is Responsive Design
- Creating Responsive Design Grid System
- Responsive Design 1
- Responsive Design 2
- Responsive Design 3
- Responsive Design 4
- Responsive Design 5
- Responsive Design 6
- Responsive Design 7
- Responsive Design 8
- Importance Of Sharing
- Design Sharing Options
- Sharing The Design With Client
- Sharing The Design With Developers
- Creating Design Tokens
- Creating A Design System
- Create A Project Presentation
- 3D In Adobe Xd
- Folder Structure For Asset Export
- Exporting Your Assets
- Creating Project Styleguide
- Conclusion And Resources
- Skillshare Class Project
- YouTube Channel For More Content
- Join My Free Facebook Group
Taught by
Aleksandar Cucukovic
Related Courses
UX Design for Mobile DevelopersGoogle via Udacity Information Design
University of California, San Diego via Coursera Web Application Development: The Presentation Tier
University of New Mexico via Coursera Desarrollo de Aplicaciones Web: Nivel de Presentación
University of New Mexico via Coursera UX Design: From Concept to Wireframe
University of Michigan via edX