Learning Adobe XD

سرفصل های دوره

One of the biggest challenges for user experience designers is the ever-increasing kinds of experiences. Seemingly everywhere we look—from phones, tablets, and watches to cars and refrigerators—we see a screen. Large screen or small, high-res or low, as user experiences become more specialized, designers and developers have a lot more to consider. Luckily, Adobe XD was designed exactly for this purpose, and in this course, Tom Green gets you up and running quickly with this vector-based UX tool. He starts with an overview of the basic workspace, toolbars, and panels, then shows how to create and manage projects. He explains how to integrate XD with Photoshop, Illustrator, and Sketch, along with a host of plugins that extend XD’s functionality. Tom also covers how to create a design system and document it, new methods for sharing your prototypes with your stakeholders and team members, and many more ways Adobe XD can help you meet the challenges of modern UX design and development.

01 - Introduction

01 - Design for different screen sizes

02 - What is a prototype

03 - What XD can and cant do

02 - 1. The Interface

01 - Home screen

02 - Interface

03 - Menus

04 - Artboards

05 - Flows

06 - Modes

07 - Layers

08 - Property panel

09 - Libraries

10 - Preview

11 - Saving

12 - Device profiles

13 - Learning resources

03 - 2. Building Screens

01 - Artboard

02 - Grids

03 - Repeat Grid

04 - Stacks

05 - Scrolling

06 - Scroll Groups

07 - Responsive Resize

08 - Content-Aware

04 - 3. Working with Content

01 - Import

02 - Photoshop

03 - Illustrator

04 - Sketch

05 - Drawing tools overview

06 - Alignment

07 - Color

08 - Gradients

09 - Angular Gradient

10 - Boolean operations

11 - Blend Modes

12 - Masking

13 - Shadows

14 - Blurs

15 - Strokes

16 - Outline Strokes

17 - Text

18 - SVG Edit

19 - 3D Transform

05 - 4. Video and Animation

01 - Prepare video

02 - Add video

03 - Add Lottie files

04 - Prepare Lottie files

05 - Add Time Triggers

06 - 5. Extending XD

01 - Plugins

02 - Add plugins

03 - Use plugins

04 - UI kits

05 - Icons

06 - CC Libraries

07 - Faces and places

08 - Lottie files

09 - Design with plugins

10 - Stark

11 - Liliane

12 - Presentation

07 - 6. Creating Prototypes

01 - AutoAnimate

02 - Triggers and actions

03 - Eases

04 - Components

05 - Component states

06 - Multiple interactions

07 - Overlays

08 - Audio

08 - 7. XD and UX

01 - Overview

02 - Personas

03 - Journey Map

04 - Touchpoints

05 - User flow

06 - Task flow

07 - Wireframes

08 - Wireframe UI kits

09 - Wireframer

10 - Design systems

11 - What is a design token

12 - Design tokens and XD

13 - Snippets

14 - Design system documentation

15 - Integrations

09 - 8. Lets XD

01 - Card flip

02 - Parallax

03 - Glass morphism

04 - Nested menu

05 - Counter

06 - Pull-to-refresh

07 - Progress bar

08 - Animated progress circle

09 - Pagination

10 - Carousel

11 - Videos in the Background

12 - Create a Lottie file

13 - Use a Lottie file in XD

14 - Use hyperlinks

15 - Dynamic Island

10 - 9. Voice

01 - Dynamic Island

02 - Creating

03 - Voices and localization

04 - Narration

05 - Voice triggers Components

06 - Alexa UI

07 - Google Assistant

11 - 10. Publishing and Handoff

01 - Share mode

02 - Co-editing

03 - Live cursor

04 - Artboard sharing

05 - Exporting assets

06 - Commenting

07 - Preview

08 - Device preview

09 - User testing

10 - Developer sharing

11 - PDF export

12 - Behance

12 - Conclusion

01 - Whats next

“Adobe XD Essentials: Mastering UI Design and Prototyping” به سبد خرید شما اضافه شد. مشاهده سبد خرید

179,000 تومان

افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: LinkedIn Learning (Lynda)