معرفی دوره

در این دوره جامع و کاربردی از LinkedIn Learning با عنوان «Creating a Design System with Adobe XD 2020-1»، شما گام‌به‌گام با مفاهیم کلیدی طراحی سیستماتیک و اصول ساخت یک Design System آشنا خواهید شد. این دوره مناسب طراحان UI/UX، توسعه‌دهندگان فرانت‌اند و تمامی علاقه‌مندان به بهینه‌سازی روند طراحی است.

چه مطالبی می‌آموزید؟

• درک مفهوم Design System و اهمیت آن در پروژه‌های مدرن.
• ساخت و مدیریت کتابخانه‌های المان (Components) در Adobe XD.
• تعریف رنگ‌ها، تایپوگرافی و گریدهای استاندارد به‌عنوان بنیاد سیستم طراحی.
• ایجاد الگوهای تکرارشونده برای سرعت بخشیدن به فرایند طراحی.
• نحوه پروتوتایپینگ و تعامل با المان‌ها در Adobe XD.
• مستندسازی و اشتراک‌گذاری سیستم طراحی با تیم‌های توسعه و ذی‌نفعان.

مزایای شرکت در دوره

• افزایش بهره‌وری: با استفاده از Components و استایل‌های از پیش‌تعریف‌شده، زمان طراحی کاهش می‌یابد.
• هماهنگی تیمی: داشتن یک زبان بصری مشترک، مانع شکاف بین طراح و توسعه‌دهنده می‌شود.
• مقیاس‌پذیری: سیستم طراحی شما قابلیت توسعه و به‌روزرسانی پیوسته را دارد.
• استانداردسازی: پیاده‌سازی بهترین رویه‌ها (Best Practices) در تمام مراحل پروژه.
• اشتراک‌گذاری آسان: امکان نشر و نمایش زنده کتابخانه‌ها در فضای ابری Adobe XD.

پیش‌نیازها

• آشنایی مقدماتی با محیط Adobe XD و ابزارهای اصلی آن.
• درک اولیه از اصول طراحی UI/UX (رنگ، تایپوگرافی و فضای سفید).
• دانش پایه‌ای HTML/CSS برای درک بهتر ارتباط با توسعه‌دهندگان.
• دسترسی به نسخه 2020-1 Adobe XD (یا جدیدتر).

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

• بخش 1: مقدمه و مفهوم Design System تعریف، مزایا و معرفی اجزای کلیدی.
• بخش 2: راه‌اندازی پروژه در Adobe XD تعریف رنگ‌ها، استایل‌ها و تایپوگرافی.
• بخش 3: ساخت Components ایجاد دکمه‌ها، فرم‌ها، کارت‌ها و منوهای تکرارشونده.
• بخش 4: نظم‌دهی به Library مرتب‌سازی کامپوننت‌ها، نام‌گذاری استاندارد و گروه‌بندی.
• بخش 5: پروتوتایپ و تعامل ایجاد انیمیشن، انتقال صفحه و تریدینگ بین حالت‌ها.
• بخش 6: مستندسازی و اشتراک‌گذاری پورتفولیو، ارائه طراحی زنده و هماهنگی با توسعه.

مثال‌های عملی

در طول دوره، با چند سناریوی واقعی آشنا می‌شوید:

• طراحی یک Dashboard مدیریتی با کارت‌های اطلاعاتی قابل تنظیم.
• ساخت فرم ورود و ثبت‌نام با استفاده از کامپوننت‌های پویا.
• ایجاد یک کتابخانه مشترک برای دکمه‌ها با حالات مختلف (Hover, Click).
• تطبیق رنگ‌های سازمانی و مقیاس‌بندی فونت‌ها بر اساس نیازهای برند.

نتیجه‌گیری و دانلود رایگان

پس از پایان این دوره، شما قادر خواهید بود یک سیستم طراحی کامل و حرفه‌ای با Adobe XD 2020-1 ایجاد و مدیریت کنید. این مهارت به شما امکان می‌دهد در پروژه‌های سازمانی، استارتاپ‌ها و همکاری‌های تیمی در سطح بالاتری ظاهر شوید. هم‌اکنون با لینک دانلود رایگان دوره به دنیای طراحی سیستماتیک قدم بگذارید و جریان کاری خود را متحول کنید.