Adobe XD UI/UX Design, prototype, and handoff from scratch

Focused View

Caleb Kingston

3:41:02

100 View

01 Getting started with this course

001 What is Adobe XD .mp4

00:39

002 Installing Adobe XD.mp4

01:14

003 Using the exercise files.mp4

00:36

14626334-exercise-files.zip

Preview.mp4

01:33

02 Getting Familiar with Adobe XD

001 About this section.mp4

00:36

002 The Start Screen.mp4

01:23

003 Learning the Interface.mp4

02:27

004 A note to Windows users.mp4

01:23

005 Keyboard Shortcut Sheet Sheet.html

006 The Menu Bar.mp4

09:20

007 The Tools Panel.mp4

02:27

008 The properties panel.mp4

06:48

009 Using The Wireframe UI Template.mp4

04:38

010 The Layers Panel.mp4

05:19

011 The Assets Panel.mp4

07:59

012 Using Keyboard Shortcuts.mp4

04:22

013 Copy & Paste Appearances.mp4

03:47

014 The Prototype Workspace.mp4

07:41

015 Prototype Sharing.mp4

04:14

016 Using Device Preview.mp4

01:00

10848512-xd-kb-shortcuts-1.pdf

external-assets-links.txt

prototype-panel.zip

03 Get Started with The Project

001 Introduction to the DoLocal App.mp4

01:25

002 Creating Artboards.mp4

03:13

003 Grids & Layouts.mp4

02:05

004 Creating Content Wireframes.mp4

09:59

005 Designing Your Wireframes.mp4

11:51

006 Using repeat grids.mp4

04:17

007 Adding and formatting text.mp4

06:59

008 Adding Images.mp4

03:45

009 Working with Object Styles.mp4

02:40

010 Working with color.mp4

09:55

011 Using Color Assets.mp4

03:56

012 Using Character Styles.mp4

03:03

04 Working with images and vectors

001 Importing Icons.mp4

04:26

002 Masking images.mp4

03:47

003 Preparing Images in Photoshop.mp4

01:40

004 Preparing Icons in Illustrator.mp4

03:37

05 Creating Content in Adobe XD

001 Creating a Logo.mp4

04:40

002 Creating Icons.mp4

08:49

003 Using Symbols.mp4

10:33

004 Design Challenge.mp4

08:00

005 Completing our Design.mp4

05:44

06 Prototyping and Sharing

001 Why Do We Prototype .mp4

00:50

002 Adding Interactions to your Prototype.mp4

07:26

003 Adding Overlays To Your Prototype.mp4

02:03

004 Recording Your Prototype to Video.mp4

01:04

005 Using Mobile Device Preview.mp4

02:34

07 Developer Handoff

001 Exporting Your Designs and Assets.mp4

05:19

002 Creating Design Specs for Developers.mp4

03:36

003 Working with 3rd Party Apps like Zeplin and ProtoPie.mp4

01:47

08 Adobe XD for Power Users

001 Importing Sketch & Photoshop Files into XD.mp4

02:32

002 Importing Icons from the Web and 3rd Party Tools.mp4

04:46

003 Using CC Libraries for Icons & Images.mp4

06:58

09 Conclusion

001 Conclusion.mp4

00:17

Description

Learn how to design and prototype apps and webpages using Adobe XD

What You'll Learn?

You'll learn how to use Adobe XD to design and prototype apps from scratch
You'll learn tools that are universal across multiple design apps to enhance your design workflow
You'll learn how to incorporate best practices in reusing design elements and styles to increase efficiency

Who is this for?

Anyone who wants to learn Interface Design

Anyone who wants to learn User Experience Design

What You Need to Know?

You should be know how to navigate around your Mac or PC

You will need Adobe XD installed on your computer. You can download the free beta version for mac or windows.

More details

Description
Adobe XD is a powerful tool for UI/UX designers giving you the power to design and prototype an entire app, all from one program.Â
This course starts off with Adobe XDÂ basics and quickly gets up to speed on designing and prototyping a full fledged app with amazing images, colors, and animations.
You will learn:
How to navigate around the interface and toggle on/off the panels you wish to use
How to set up art boards to rapidly assemble wireframes
how to make your art boards responsive using auto-resize
How to design icons using the pen tool and boolean effects
How to convert icons and buttons into symbols to reuse across your entire project
How to apply text and color style presets and change on the fly
How to use the repeat grid to create fast, repeating columns and/or rows
How to prototype and test your prototype within seconds
How to share projects, prototypes, and design assets
and much much more
When you're through with this course, you will be able to share a complete design and prototype with friends and colleagues that they can interact with directly on their phone or desktop.
Who is this course for:
UI/UX designers who want to improve their skills and learn the latest design tools
Photoshop or Illustrator users who want to switch to a program dedicated exclusively for UX design
SketchApp users who want an all-in-one solution for designing and prototyping
Product Managers who want to increase their design skills to create better products and communicate more effectively with developers
Who this course is for:
Anyone who wants to learn Interface Design
Anyone who wants to learn User Experience Design

User Reviews

Rating

average 0

Total votes0

Focused display

Back in 2010, I started brainspin with a desire to design compelling and engaging apps. For over 7 years, I have designed many high profile web and iPhone applications. The applications range from 3D medical aided web applications to project management applications for niche industries. I am also the founder of a large local design organization, Salt Lake Designers, where I and other local influencers help cultivate the talents of up and coming UX designers through workshops and panel discussions.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.