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

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

مقدمه Introduction

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

• تفاوت رایانه های شخصی PC differences

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

• صفحه اصلی Home screen

• بررسی اجمالی رابط Interface overview

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

• حالت های Design ، Prototype و Share The Design, Prototype and Share modes

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

• پنل خصوصیات Properties panel

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

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

• دسترسی به منابع یادگیری Accessing learning resources

• صرفه جویی در کار خود را Saving your work

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

• بررسی اجمالی پلاگین ها Plugins overview

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

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

• کیت های رابط کاربر UI kits

• مجموعه نمادها Icon sets

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

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

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

• تخته های هنری Artboards

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

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

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

• پشته ها Stacks

• پیمایش Scrolling

• گروهها را پیمایش کنید Scroll groups

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

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

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

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

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

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

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

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

• راه اندازها و اقدامات Triggers and actions

• سهولت Eases

• حالتهای ملفه Component states

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

• پوشش ها Overlays

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

• پخش صدا Audio playback

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

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

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

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

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

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

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

8. انتشار و تحویل 8. Publishing and Handoff

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

• هماهنگی Coediting

• اظهار نظر Commenting

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

• آماده سازی برای تحویل برنامه نویس Preparing for developer handoff

• قطعه های CSS CSS snippets

• ایجاد نشانه های طراحی Creating design tokens

• صادرات PDF PDF export

مراحل بعدی Next Steps

• خداحافظ Goodbye