دیزاین سیستم

دیزاین سیستم را
در فیگما بسازید

رنگ‌ها، فونت‌ها و اجزایی مثل دکمه و فرم را در یک مجموعه هماهنگ بسازید. یاد بگیرید چطور این مجموعه را در صفحه‌ها و پروژه‌های مختلف استفاده کنید و با تیم به اشتراک بگذارید.

برای این دوره به دانش طراحی رابط کاربر (⁦UI⁩) نیاز دارید. آموزش جامع فیگما هم در دوره قرار دارد.

آموزش جامع ساخت دیزاین سیستم در فیگما

۲ بخش اصلی

آموزش جامع فیگما و ساخت دیزاین سیستم

⁦Figma⁩

ساخت و استفاده از اجزای محصول

پیش‌نیاز: طراحی رابط کاربر (⁦UI⁩)

دانش کافی این حوزه یا گذراندن ⁦UI Design Plus⁩

آموزش خودآموز

خرید مستقل بدون پشتیبانی خصوصی

این دوره برای چه کسانی مناسب است؟

اگر طراحی رابط کاربر (⁦UI⁩) را می‌دانید و می‌خواهید صفحه‌های محصول هماهنگ‌تر باشند، این دوره ساخت و استفاده از یک دیزاین سیستم را به شما آموزش می‌دهد.

انتخاب مناسب

این دوره برای شما مناسب است

اگر دانش کافی طراحی رابط کاربر (⁦UI⁩) دارید یا ⁦UI Design Plus⁩ را گذرانده‌اید، می‌توانید این دوره را دنبال کنید. به‌ویژه اگر می‌خواهید اجزای طراحی در پروژه‌ها و کار تیمی هماهنگ و قابل استفاده مجدد باشند.

پیش از انتخاب

اگر هنوز اصول طراحی را یاد نگرفته‌اید

ابتدا طراحی رابط کاربر (⁦UI⁩) را یاد بگیرید. اگر از ابتدا مسیر کامل طراحی رابط کاربر، تجربه کاربر و دیزاین سیستم را می‌خواهید، ⁦Product Design Pro X⁩ شامل محتوای این دوره هم هست.

از تنظیم رنگ و فونت تا ساخت کامپوننت

ابتدا فیگما را یاد می‌گیرید و سپس رنگ‌ها، متن‌ها و اجزای محصول را در یک مجموعه هماهنگ می‌سازید. برای دنبال‌کردن آموزش‌ها باید با اصول طراحی رابط کاربر (⁦UI⁩) آشنا باشید.

قدم اول

یادگیری فیگما

کار با ابزارها، استایل‌ها و کامپوننت‌های فیگما را یاد بگیرید و برای ساخت دیزاین سیستم تمرین کنید.

قدم دوم

تنظیم رنگ، فونت و چیدمان

پالت رنگ برای حالت روشن و تیره، اندازه‌های متن، گرید و مجموعه آیکان‌ها را آماده کنید.

قدم سوم

ساخت و استفاده از اجزا

دکمه‌ها و فرم‌ها را بسازید، آن‌ها را در صفحه‌های محصول به کار ببرید و روش اشتراک‌گذاری مجموعه با تیم را یاد بگیرید.

در این دوره چه مهارت‌هایی یاد می‌گیرید؟

یاد می‌گیرید اجزای طراحی را چطور هماهنگ بسازید، در پروژه به کار ببرید و برای استفاده تیم آماده کنید.

طراحی اتمی (⁦Atomic Design⁩)

یاد بگیرید چطور اجزای کوچک را کنار هم قرار دهید و از آن‌ها بخش‌های بزرگ‌تر و صفحه‌های محصول را بسازید.

پالت روشن و تیره

پالت رنگ برای حالت روشن و تیره بسازید و نقش رنگ‌های اصلی و خنثی را مشخص کنید.

تایپوگرافی و گرید

اندازه‌های متن و شبکه چیدمان (گرید) را برای خوانایی و نظم صفحه‌ها تنظیم کنید و با اندازه‌های مختلف نمایشگر سازگار کنید.

آیکان‌ها و سایه‌ها

اندازه و سبک آیکان‌ها و سایه‌ها را تنظیم کنید تا در بخش‌های مختلف محصول هماهنگ باشند.

دکمه‌ها و فرم‌ها

کامپوننت‌های دکمه و ورودی را بسازید و حالت‌ها و کاربردهای مختلف آن‌ها را تنظیم کنید.

اشتراک‌گذاری با تیم

روش به‌اشتراک‌گذاری دیزاین سیستم، استفاده از آن در پروژه‌ها و نگهداری مجموعه را یاد بگیرید.

در طول دوره، یک دیزاین سیستم بسازید

قدم‌به‌قدم رنگ‌ها، متن‌ها و اجزای محصول را در فیگما می‌سازید و کنار هم قرار می‌دهید تا یک مجموعه هماهنگ داشته باشید.

تصویر معرفی دوره ساخت دیزاین سیستم در فیگما
پروژه آموزشی

ساخت دیزاین سیستم در فیگما

پالت رنگ، تایپوگرافی، گرید، آیکان، سایه، دکمه و فرم را بسازید. سپس استفاده از این مجموعه در پروژه‌های مختلف و اشتراک‌گذاری آن با تیم را تمرین کنید.

تصویر بالا، کاور دوره است. پروژه این دوره، ساخت یک دیزاین سیستم در فیگماست.

درس‌ها را ببینید و قدم‌به‌قدم تمرین کنید

این دوره به‌صورت خودآموز ارائه می‌شود. پس از هر درس، همان بخش را در فایل فیگما بسازید و هماهنگی آن را با اجزای قبلی بررسی کنید.

مرحله اول

ابزار را یاد بگیرید

آموزش فیگما را همراه با تمرین دنبال کنید تا برای ساخت اجزای دیزاین سیستم آماده شوید.

مرحله دوم

مجموعه را بسازید

رنگ‌ها، متن‌ها و کامپوننت‌ها را قدم‌به‌قدم در یک فایل بسازید و اجزای جدید را با بخش‌های قبلی هماهنگ کنید.

مرحله سوم

در پروژه استفاده کنید

اجزای ساخته‌شده را در صفحه‌های محصول به کار ببرید و اشتراک‌گذاری و نگهداری مجموعه را تمرین کنید.

پیش از ثبت‌نام، با شیوه آموزش آشنا شوید

آموزش‌های رایگان فیگما و چند درس مستقل، مثل مسیر کاربر (⁦User Flow⁩)، به شما کمک می‌کنند با شیوه توضیح و آموزش مدرس آشنا شوید.

شیوه ارائه و دسترسی به دوره

خرید مستقل این دوره به‌صورت خودآموز است و پشتیبانی خصوصی ندارد. آموزش‌ها را در ⁦SpotPlayer⁩ دنبال می‌کنید.

پشتیبانی

خودآموز، بدون پشتیبانی خصوصی

در خرید مستقل، پشتیبانی خصوصی اختصاصی ارائه نمی‌شود. اگر این محتوا را در ⁦Product Design Pro X⁩ دریافت کنید، پشتیبانی مطابق شرایط همان دوره خواهد بود.

دسترسی

آموزش ویدیویی در ⁦SpotPlayer⁩

از تاریخ صدور لایسنس، حداقل ۶ ماه دسترسی تضمینی دارید؛ این زمان، پایان دسترسی نیست. پس از آن، تا زمانی که سرویس دوره فعال باشد دسترسی ادامه دارد. دانشجویان قدیمی هم سال‌هاست به دوره‌هایشان دسترسی دارند.

محتوای کامل این دوره در ⁦Product Design Pro X⁩ هم قرار دارد. اگر آن دوره را دارید، لازم نیست دیزاین سیستم را جداگانه بخرید.

دانشجویان درباره یادگیری در ⁦LearnUIX⁩ چه می‌گویند؟

تجربه دانشجویان از کیفیت آموزش و همراهی مدرس را ببینید. در صفحه هر نظر، نام دوره و توضیح کامل تجربه آن دانشجو آمده است.

سرفصل‌های کامل دیزاین سیستم

دوره دو بخش اصلی دارد: آموزش جامع فیگما و ساخت دیزاین سیستم. هر بخش شامل چندین درس است که می‌توانید جزئیاتشان را در ادامه ببینید.

مدرس شما؛ حسین محمودی

من حسین محمودی، بنیان‌گذار ⁦LearnUIX⁩ و مدرس دیزاین هستم. بیش از ۱۷ سال در حوزه دیجیتال کار کرده‌ام؛ از طراحی گرافیک و وب تا طراحی محصول. پیش‌زمینه مهندسی نرم‌افزار کمکم می‌کند طراحی را از نگاه کاربر، کسب‌وکار و تیم توسعه بررسی کنم.

در این سال‌ها به‌عنوان طراح ارشد و استراتژیست با استارتاپ‌ها و شرکت‌های بین‌المللی همکاری کرده‌ام. تجربه پروژه‌های واقعی و تولید بیش از ۵۰۰ ویدیوی آموزشی، پشتوانه آموزش‌های من در ⁦LearnUIX⁩ است.

در آموزش‌ها، مهارت‌های تخصصی طراحی و منطق تصمیم‌گیری را یاد می‌گیرید تا بدانید هر کار را چگونه و چرا انجام دهید. مثلا دلیل انتخاب رنگ، چیدمان، فاصله‌گذاری و رفتار اجزای محصول را با مثال‌های عملی توضیح می‌دهم تا بتوانید آگاهانه طراحی کنید و از تصمیم‌هایتان دفاع کنید. این منطق را در ساخت یک دیزاین سیستم منسجم و ارائه آن به تیم توسعه به کار می‌گیرید.

حسین محمودی، مدرس دوره‌های LearnUIX

قیمت و شرایط ثبت‌نام

سرفصل‌ها و شرایط دوره را بررسی کرده‌اید؟ می‌توانید ثبت‌نام کنید یا پیش از خرید، برای انتخاب دوره مناسب مشاوره بگیرید.

دیزاین سیستم

۵ میلیون تومان

با پرداخت کامل هزینه دوره، تمام محتوای آن از ابتدا در دسترس شماست.

آموزش جامع فیگما و ساخت دیزاین سیستم را به‌صورت خودآموز دریافت می‌کنید. خرید مستقل این دوره، پشتیبانی خصوصی ندارد.

مشاوره انتخاب

برای انتخاب دوره به راهنمایی نیاز دارید؟

هدف‌تان و تجربه‌ای را که دارید در تلگرام بفرستید. با هم بررسی می‌کنیم کدام دوره برای شما مناسب‌تر است و از کجا بهتر است شروع کنید.

با انتخاب «ثبت‌نام در دوره» به فروشگاه حسین محمودی می‌روید و خرید را آنجا انجام می‌دهید.

گواهینامه پایان دوره به ۶ زبان

پس از گذراندن دوره، گواهینامه پایان دوره ⁦LearnUIX⁩ را دریافت می‌کنید. می‌توانید آن را همراه نمونه‌کارها و توضیح مهارت‌هایتان ارائه دهید.

این گواهینامه توسط ⁦LearnUIX⁩ صادر می‌شود و مدرک دانشگاهی یا دولتی نیست؛ برای مهاجرت هم اعتبار رسمی ندارد.

نمونه گواهینامه پایان دوره LearnUIX با نمایش شش زبان

پرسش‌های رایج پیش از ثبت‌نام

پاسخ سؤال‌های مربوط به ابزارها، پشتیبانی، دسترسی و پرداخت را اینجا ببینید. اگر سؤال دیگری دارید، در تلگرام بپرسید.

دیزاین سیستم را به مهارت‌های خود اضافه کنید

اگر طراحی رابط کاربر (⁦UI⁩) را می‌دانید، سرفصل‌های این دوره را ببینید. برای بررسی پیش‌نیازها یا انتخاب بین این دوره و مسیر کامل طراحی محصول، مشاوره رایگان بگیرید.