آموزش Adobe XD Essential Training: Design

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

معرفی Introduction

• به Adobe XD: Design خوش آمدید Welcome to Adobe XD: Design

1. کاوش در رابط کاربری 1. Exploring the User Interface

• اضافه کردن یک تابلو هنری Adding an artboard

• پیمایش روی بوم طراحی Navigating the design canvas

• طرح‌بندی و پانل‌های فضای کاری Workspace layouts and panels

• ایجاد یک سند جدید Creating a new document

• باز کردن یک سند موجود Opening an existing document

• کار با فایل های تمرین Working with the exercise files

2. مبانی طراحی 2. Design Basics

• حاشیه ها، پرها، و خطوط و گرادیان ها Borders, fills, and dashed lines and gradients

• مسیر در مقابل خطوط و خطوط کلی Path vs. line and outline strokes

• کنترل های رنگ Color controls

• چسباندن ویژگی ها Paste attributes

• تبدیل اشکال به مسیر Converting shapes to paths

• ابزار قلم Pen tool

• ابزارهای مستطیل، بیضی و چند ضلعی Rectangle, ellipse, and polygon tools

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

3. انواع دارایی 3. Asset Types

• کار با فیلم ها Working with videos

• کار با انیمیشن های Lottie Working with Lottie animations

• قرار دادن و پوشاندن تصاویر Placing and masking images

• محتوای Illustrator باز و رفت و برگشت Open and roundtrip Illustrator content

• اعمال حالت های ترکیبی Applying blend modes

• انتقال فایل های صوتی (نگاهی پنهانی) Audio file transitions (sneak peek)

• معرفی Introduction

• محتوای فتوشاپ را باز و رفت و برگشت Open and roundtrip Photoshop content

4. کنترل های متن 4. Text Controls

• عرض خودکار، ارتفاع خودکار، ارتفاع و عرض ثابت Auto width, auto height, fixed height and width

• قالب بندی سبک کاراکتر Character style formatting

• ذخیره و نادیده گرفتن سبک کاراکترها Saving and overriding character styles

5. تبدیل 5. Transform

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

• مقیاس، چرخش، تلنگر، محدودیت ابعاد Scale, rotate, flip, constrain dimensions

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

6. تکنیک های چیدمان 6. Layout Techniques

• تراز کردن اشیاء Aligning objects

• پیمایش پانل لایه ها Navigating the layers panel

• شبکه ها Grids

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

• راهنماها Guides

• در جای خود بچسبانید Paste in place

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

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

• پشته ها Stacks

• لایه گذاری Padding

8. ظاهر و آثار 8. Appearance and Effects

• کدورت Opacity

• تاری پس زمینه Background blur

• رنگ و شیب را پر کنید Fill color and gradients

• سایه داخلی و قطره ای Inner and drop shadow

• قطره چشم Eyedropper

9. اجزاء و حالات 9. Components and States

• ایجاد نمونه های کامپوننت Creating component instances

• معرفی مولفه ها Introducing components

• تعریف یک جزء Defining a component

• ترکیب اجزا با شبکه تکرار Combining components with repeat grid

• تودرتو و تعویض اجزا Nesting and swapping components

• تعریف حالات جزء Defining component states

10. سازماندهی دارایی ها 10. Organizing Assets

• مدیریت گروه های فرعی Managing sub groups

• جستجو و فیلتر کنید Search and filter

• درک نماهای دارایی سند Understanding document asset views

نتیجه Conclusion

• از اینجا به کجا برویم Where to go to from here