آموزش طراحی سیستم در فیگما از پایه تا حرفهای به زبان انگلیسی | زمان: 3 ساعت و 37 دقیقه | حجم: 2424 مگابایت | فرمت: MP4
یاد بگیرید چگونه سیستمهای طراحی قابل استفاده مجدد ایجاد کنید تا فرآیند طراحی سریعتر، هوشمندانهتر و یکپارچهتر شود. برای بهرهمندی کامل از این دوره، بهتر است با اصول پایه طراحی UI/UX آشنا باشید و توانایی کار با نرمافزار Figma را داشته باشید.
آنچه در این دوره خواهید آموخت:
آشنایی با سیستمهای طراحی (Design Systems)
- درک مفهوم، اهداف و مزایای سیستمهای طراحی
- یادگیری اصول اصلی ایجاد سیستمهای مقیاسپذیر و منسجم
- آشنایی با نقش سیستم طراحی در افزایش سرعت و کیفیت پروژههای دیجیتال
ایجاد راهنماهای بصری (Visual Guidelines)
- تعریف و سازماندهی تایپوگرافی
- طراحی و انتخاب پالتهای رنگی استاندارد
- تعیین قوانین فاصلهگذاری و شبکهبندی
- ایجاد استاندارد برای آیکونها و تصاویر گرافیکی
- حفظ هماهنگی بصری در تمام بخشهای محصول
ساخت کامپوننتهای قابل استفاده مجدد
- طراحی دکمهها (Buttons)
- ساخت فیلدهای ورودی (Inputs)
- طراحی فرمها و عناصر تعاملی
- ایجاد منوها و المانهای ناوبری
- توسعه کتابخانهای از اجزای استاندارد برای استفاده در پروژههای مختلف
ترکیب کامپوننتها و ایجاد الگوهای کاربردی
- طراحی فرمهای ثبتنام و ورود
- ساخت فرآیندهای خرید و پرداخت (Checkout Flow)
- طراحی کارتهای محصولات
- ایجاد پنجرههای پاپآپ و مودالها
- طراحی نوارهای ناوبری و سایر الگوهای رایج رابط کاربری
طراحی صفحات کامل
- استفاده از سیستم طراحی برای ساخت صفحات واقعی
- طراحی صفحات محصول
- طراحی فرآیندهای ثبتنام و احراز هویت
- پیادهسازی رابطهای کاربری حرفهای و استاندارد
تمرینهای عملی و پروژههای خانگی
- انجام تمرینهای کاربردی در طول دوره
- ساخت یک سیستم طراحی دیجیتال از صفر
- کسب تجربه عملی در پیادهسازی اصول طراحی سیستم
نیازی به تخصص حرفهای نیست؛ سطح مبتدی یا متوسط کاملاً کافی است. اما آشنایی با محیط فیگما و تجربه اولیه در طراحی رابطهای دیجیتال باعث میشود مطالب را راحتتر دنبال کرده و تمرینها را با اطمینان بیشتری انجام دهید.این دوره شما را بهصورت گامبهگام با فرآیند کامل ساخت یک سیستم طراحی دیجیتال از ابتدا آشنا میکند.
در ابتدا، با پایههای اصلی سیستم طراحی آشنا خواهید شد؛ از جمله:
- تایپوگرافی
- رنگها
- فاصلهگذاریها
- آیکونها
- قوانین استفاده از تصاویر و المانهای گرافیکی
سپس وارد مرحله طراحی کامپوننتهای قابل استفاده مجدد خواهید شد؛ اجزایی مانند:
- دکمهها
- فیلدهای ورودی
- فرمها
- عناصر ناوبری
در ادامه یاد میگیرید چگونه این کامپوننتها را با یکدیگر ترکیب کرده و الگوهای کاربردی واقعی ایجاد کنید؛ مانند:
- فرمهای ثبتنام
- فرآیند خرید آنلاین
- کارتهای محصولات
- پنجرههای مودال
- نوارهای ناوبری پایین صفحه
در بخش پایانی، تمامی آموختهها را در طراحی صفحات و رابطهای کامل مورد استفاده در محصولات دیجیتال واقعی به کار خواهید گرفت. هر بخش شامل تمرینها و تکالیف عملی است تا بتوانید همزمان با یادگیری، سیستم طراحی اختصاصی خود را نیز ایجاد کنید. در پایان دوره، علاوه بر دانش نظری، تجربه عملی لازم برای ساخت سیستمهای طراحی سازمانیافته، مقیاسپذیر و حرفهای را به دست خواهید آورد؛ سیستمهایی که میتوانند در پروژههای شخصی یا پروژههای مشتریان مورد استفاده قرار گیرند.
این دوره به شما کمک میکند:
- فرآیند طراحی خود را بهینه کنید.
- تفکر سیستمی در طراحی را توسعه دهید.
- رابطهای کاربری منسجمتر و حرفهایتر بسازید.
- محصولات دیجیتال را راحتتر توسعه و نگهداری کنید.
- پروژههای آینده را سریعتر و با کیفیت بالاتر اجرا کنید.
این دوره برای چه کسانی مناسب است؟
- طراحان UI/UX در سطح مبتدی و متوسط
- افرادی که میخواهند نحوه ساخت سیستمهای طراحی ساختاریافته و مقیاسپذیر را یاد بگیرند.
- طراحانی که قصد دارند گردش کار خود را در Figma بهبود دهند.
- افرادی که روی محصولات دیجیتال واقعی کار میکنند و به دنبال ایجاد رابطهای کاربری حرفهای، منظم و قابل توسعه هستند.
- فریلنسرها و طراحانی که میخواهند کیفیت و سرعت اجرای پروژههای خود را افزایش دهند.