آموزش دوره کامل Adobe XD UI/UX – طراحی برنامه ها و نمونه های اولیه

درس ها Lessons

• راه حل تمرین گزینه های بولی Boolean Options Exercise Solution

• تمرین سایه Shadow Exercise

• Healthy Bites: معرفی پروژه Healthy Bites: Project Introduction

• استفاده از پشته ها Using Stacks

• ایجاد همپوشانی Creating Overlays

• گرفتن الهام Getting Inspiration

• اشتراک گذاری کتابخانه ها Sharing Libraries

• افزودن سایه ها Adding Shadows

• افزودن فیلم ها Adding Videos

• پیش نمایش دستگاه تلفن همراه Mobile Device Preview

• افزودن و پوشاندن تصاویر Adding & Masking Images

• صفحه پرداخت Payment Page

• صادرات دسته ای Batch Export

• معرفی Introduction

• در حال تکمیل صفحه مکان ما Finishing Our Location Page

• ایجاد یک طرح رنگ Creating a Color Scheme

• صادرات را انتخاب کنید Select Export

• در حال ضبط نمونه اولیه ما Recording our Prototype

• جلا دادن طرح های ما Polishing Up Our Designs

• ایجاد فایل XD ما Creating Our XD File

• با استفاده از متحرک سازی خودکار Using Auto-Animate

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

• صفحه پیشرفت سفارش Order Progress Page

• صفحه تأیید تلفن Phone Verification Page

• صفحه معرفی Splash Screen

• با استفاده از نوار ناوبری Using a Navigation Bar

• صفحه سفارش Order Page

• ایجاد اشکال Creating Shapes

• گروه بندی لایه ها Grouping Layers

• توسعه دهنده Handoff Developer Handoff

• گزینه های منو The Menu Options

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

• الزامات برنامه App Requirements

• راه حل تمرین شکل ها Shapes Exercise Solution

• ایجاد نمای کارت Creating Card Views

• ترسیم خطوط Drawing Lines

• صفحه سفارشات گذشته Past Orders Page

• وارد کردن داده های نمونه Inputting Sample Data

• با استفاده از ابزار Pen Using the Pen Tool

• صفحه نمایه Profile Page

• تاریخچه سند Document History

• به اشتراک گذاری Artboards Sharing Artboards

• صفحه ورود Login Page

• استفاده از پلاگین ها Using Plugins

• کامپوننت ها راه حل تمرین Components Exercise Solution

• بخش رستوران Restaurant Section

• طرح The Layout

• صادرات تابلوهای هنری ما Exporting Our Artboards

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

• اضافه کردن Blurs Adding Blurs

• شبکه ها Grids

• اتصال صفحات ما Connecting Our Pages

• اجزاء Components

• کارت های آیتم منو Menu Item Cards

• نحوه نصب Adobe XD How to Install Adobe XD

• تکمیل صفحه منوی ما Completing Our Menu Page

• صیقل دادن صفحه فرود ما Polishing up our Landing Page

• ایجاد یک شمارنده دکمه Creating a Button Counter

• تنوع مولفه Component Variation

• ایجاد یک نمونه اولیه Creating a Prototype

• اضافه کردن آیکون ها Adding Icons

• تکمیل وایرفریم های ما Completing Our Wireframes

• ایجاد یک انتقال Creating a Transition

• راه حل تمرین Exercise Solution

• سازماندهی تابلوهای هنری ما Organizing Our Artboards

• طراحی لوگو Designing a Logo

• به کارگیری سبک های شخصیت ما Applying Our Character Styles

• افزودن نمونه داده با Google Sheets Adding Sample Data with Google Sheets

• اضافه کردن یک انیمیشن تحویل Adding a Delivery Animation

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

• اعمال سبک رنگی ما Applying our Color Style

• الزامات صفحه فرود Landing Page Requirements

• نمونه سازی چیست؟ What's Prototyping?

• بخش تماس با ما Contact Us Section

• تنظیم یک سبک شخصیت Setting up a Character Style

• استفاده از طرح رنگ ما Applying our Color Scheme

• میانبرهای بزرگنمایی Zoom Shortcuts

• وایرفریم کردن صفحه فرود Wireframing the Landing Page

• دعوت از سردبیران Inviting Editors

• مدیریت حساب Adobe شما Managing Your Adobe Account

• قرار دادن لوگوی ما Placing Our Logo

• افزودن فونت سفارشی Adding a Custom Font

• بخش سرصفحه Header Section

• پیمایش عمودی Vertical Scrolling

• تراز و توزیع Alignment & Distribution

• مرورگر فایل The File Browser

• گزینه های بولی Boolean Options

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

• اضافه کردن متن Adding Text

• تکمیل صفحه اصلی ما Completing Our Main Page

• انیمیشن Lottie Lottie Animation

• تبدیل دکمه های ما به کامپوننت Converting Our Buttons to Components

• اضافه کردن حباب ها و تصاویر Adding Blobs & Illustrations

• Adobe XD چیست؟ What is Adobe XD?

• طراحی وایرفریم های ما Drawing Our Wireframes

• وارد کردن فایل های طرح Importing Sketch Files

• بخش اپلیکیشن موبایل Mobile App Section

• تکمیل نمونه اولیه ما Completing Our Prototype

• ایجاد اتصالات کامپوننت Creating Component Connections

• منابع UX UX Resources

• صفحه مکان Location Page

• نوار ناوبری Navigation Bar

• گرادیان ها Gradients

• نتیجه Conclusion

• صیقل دادن نمای کارت ما Polishing Our Card View