آموزش یادگیری Adobe XD (2020)

معرفی Introduction

• طراحی برای اندازه های مختلف صفحه نمایش Designing for different screen sizes

• تفاوت های PC PC differences

1. شروع به کار 1. Getting Started

• صفحه اصلی Home screen

• نمای کلی رابط Interface overview

• استفاده از تابلوهای هنری Using artboards

• حالت های طراحی، نمونه اولیه و اشتراک گذاری The Design, Prototype and Share modes

• پانل لایه ها Layers panel

• پنل خواص Properties panel

• ایجاد مولفه ها Creating components

• پیش نمایش کار شما Previewing your work

• دسترسی به منابع آموزشی Accessing learning resources

• ذخیره کار شما Saving your work

• امتحان فصل Chapter Quiz

2. گسترش XD 2. Extending XD

• نمای کلی افزونه ها Plugins overview

• افزودن افزونه ها Adding plugins

• با استفاده از افزونه ها Using plugins

• UI kits UI kits

• مجموعه آیکون ها Icon sets

• کتابخانه‌های ابری خلاق Creative Cloud Libraries

• ادغام برنامه ها Application integrations

• امتحان فصل Chapter Quiz

3. ساخت صفحه نمایش در حالت طراحی 3. Building Screens in Design Mode

• تابلوهای هنری Artboards

• به اشتراک گذاری تابلوهای هنری Sharing artboards

• جریان های چندگانه Multiple Flows

• شبکه ها و راهنماها Grids and guides

• شبکه را تکرار کنید Repeat Grid

• پشته ها Stacks

• پیمایش Scrolling

• گروه ها را اسکرول کنید Scroll groups

• تغییر اندازه پاسخگو Responsive resize

• طرح بندی آگاه از محتوا Content-Aware Layout

• سیستم طراحی Design system

• امتحان فصل Chapter Quiz

4. تصاویر، وکتورها، متن و جلوه ها 4. Images, Vectors, Text, and Effects

• وارد کردن محتوا Import content

• فتوشاپ Photoshop

• تصویرگر Illustrator

• کار با Sketch Working with Sketch

• ایجاد و استفاده از ماسک Creating and using masks

• کار با رنگ Working with color

• ایجاد XD در دسترس Making XD accessible

• استفاده از تاری Using blurs

• استفاده از آیکون ها Using icons

• طراحی نمادها Drawing icons

• ویرایش SVG SVG edit

• افزونه انیما Anima plugin

• کار با متن Working with text

• استفاده از تبدیل های سه بعدی Using 3D transforms

• امتحان فصل Chapter Quiz

5. تعامل و انیمیشن 5. Interactivity and Animation

• بررسی اجمالی Overview

• محرک ها و اقدامات Triggers and actions

• آسان می کند Eases

• حالت های جزء Component states

• اعمال تعاملات متعدد Applying multiple interactions

• پوشش ها Overlays

• استفاده از جریان ها Using Flows

• پخش صدا Audio playback

• امتحان فصل Chapter Quiz

6. اجازه دهید XD 6. Let's XD

• ورق زدن کارت Card flip

• یک لاگین متحرک ایجاد کنید Create an animated login

• چرخ فلک عکس Photo carousel

• نوارهای پیشرفت و لغزنده Progress bars and sliders

• بازی با زمان Playing with time

• الگوهای طراحی مشترک ایجاد کنید Create common design patterns

• ایجاد افکت های اختلاف منظر Creating parallax effects

• صفحه بندی Pagination

• ادغام افتر افکت After Effects integration

• کنترلرهای بازی Game controllers

• استوری اینستاگرام Instagram story

• افزونه ارائه Presentation plugin

• امتحان فصل Chapter Quiz

7. تعاملات صوتی 7. Voice Interactions

• چرا از تعاملات صوتی استفاده کنیم؟ Why use voice interactions

• ایجاد تعاملات صوتی Creating voice interactions

• صداها و بومی سازی Voices and localization

• روایت صوتی Audio narration

• دستیار گوگل Google Assistant

• ایجاد رابط کاربری برای دستگاه الکسا Create the UI for an Alexa device

• امتحان فصل Chapter Quiz

8. انتشار و دست دادن 8. Publishing and Handoff

• با استفاده از حالت اشتراک گذاری Using the Share mode

• پیروی Coediting

• استفاده از مکان‌نمای زنده Using Live Cursor

• اظهار نظر Commenting

• با استفاده از ویژگی پیش نمایش Using the preview feature

• آماده شدن برای انتقال توسعه دهندگان Preparing for developer handoff

• قطعه های CSS CSS snippets

• ایجاد توکن های طراحی Creating design tokens

• صادرات PDF PDF export

• امتحان فصل Chapter Quiz

مراحل بعدی Next Steps

• خداحافظ Goodbye