آموزش Adobe XD

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

معرفی Introduction

• آنچه XD می تواند و نمی تواند انجام دهد What XD can and can't do

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

• نمونه اولیه چیست؟ What is a prototype?

1. رابط 1. The Interface

• منوها Menus

• صفحه اصلی Home screen

• پیش نمایش Preview

• صرفه جویی در Saving

• حالت ها Modes

• رابط Interface

• کتابخانه ها Libraries

• منابع یادگیری Learning resources

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

• پروفایل های دستگاه Device profiles

• جریان می یابد Flows

• لایه های Layers

• پنل املاک Property panel

2. صفحه نمایش ساختمان 2. Building Screens

• شبکه ها Grids

• پشته ها Stacks

• اسکرول گروه ها Scroll Groups

• تکرار Grid Repeat Grid

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

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

• آگاه به محتوا Content-Aware

• پیمایش Scrolling

3. کار با محتوا 3. Working with Content

• ویرایش SVG SVG Edit

• سکته مغزی Strokes

• تبدیل سه بعدی 3D Transform

• متن Text

• گرادیان زاویه ای Angular Gradient

• حالت های ترکیبی Blend Modes

• عملیات بولی Boolean operations

• وارد كردن Import

• نقاب زدن Masking

• فتوشاپ Photoshop

• سایه ها Shadows

• تاری Blurs

• طرح Sketch

• تصویرگر Illustrator

• نمای کلی ابزارهای طراحی Drawing tools overview

• طرح کلی سکته مغزی Outline Strokes

• رنگ Color

• هم ترازی Alignment

• گرادیان ها Gradients

4. ویدئو و انیمیشن 4. Video and Animation

• فایل های Lottie را آماده کنید Prepare Lottie files

• ویدیو اضافه کنید Add video

• ویدئو را آماده کنید Prepare video

• فایل های Lottie را اضافه کنید Add Lottie files

• اضافه کردن زمان محرک Add Time Triggers

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

• فایل های لاتی Lottie files

• طراحی با پلاگین Design with plugins

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

• افزونه ها را اضافه کنید Add plugins

• چهره ها و مکان ها Faces and places

• ارائه Presentation

• نمادها Icons

• پلاگین ها Plugins

• کتابخانه های سی سی CC Libraries

• لیلیان Liliane

• از افزونه ها استفاده کنید Use plugins

• استارک Stark

6. ایجاد نمونه های اولیه 6. Creating Prototypes

• آسان می کند Eases

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

• پوشش ها Overlays

• اجزاء Components

• تعاملات متعدد Multiple interactions

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

• متحرک سازی خودکار AutoAnimate

• سمعی Audio

7. XD و UX 7. XD and UX

• طراحی توکن و XD Design tokens and XD

• وایرفرمر Wireframer

• نقشه سفر Journey Map

• شخصیت ها Personas

• جریان کار Task flow

• سیستم های طراحی Design systems

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

• اسناد سیستم طراحی Design system documentation

• جریان کاربر User flow

• وایرفریم ها Wireframes

• تکه ها Snippets

• ادغام ها Integrations

• نقاط تماس Touchpoints

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

• توکن طراحی چیست؟ What is a design token?

8. بیایید XD 8. Let's XD

• یک فایل Lottie ایجاد کنید Create a Lottie file

• چرخ فلک Carousel

• نوار پیشرفت Progress bar

• از یک فایل Lottie در XD استفاده کنید Use a Lottie file in XD

• پیشخوان Counter

• اختلاف منظر Parallax

• کشیدن برای تازه کردن Pull-to-refresh

• صفحه بندی Pagination

• از هایپرلینک استفاده کنید Use hyperlinks

• ویدیوها در پس زمینه Videos in the Background

• جزیره پویا Dynamic Island

• منوی تو در تو Nested menu

• مورفیسم شیشه Glass morphism

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

• دایره پیشرفت متحرک Animated progress circle

9. صدا 9. Voice

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

• رابط کاربری الکسا Alexa UI

• جزیره پویا Dynamic Island

• محرک های صوتی: کامپوننت ها Voice triggers: Components

• روایت Narration

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

• پدید آوردن Creating

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

• رفتار Behance

• صادرات دارایی Exporting assets

• ویرایش مشترک Co-editing

• صادرات PDF PDF export

• اظهار نظر Commenting

• تست کاربر User testing

• اشتراک گذاری آرت بورد Artboard sharing

• به اشتراک گذاری توسعه دهندگان Developer sharing

• حالت اشتراک گذاری Share mode

• پیش نمایش Preview

• پیش نمایش دستگاه Device preview

• مکان نما زنده Live cursor

نتیجه Conclusion

• بعدش چی What's next