آموزش پروژه محور Adobe XD | طراحی اپلیکیشن موبایل – بخش سوم
اگه تا اینجا با Adobe XD آشنا شدی و می‌خوای یه پروژه واقعی رو از صفر تا صد جلو ببری، بخش سوم این مجموعه دقیقاً همون جاییه که باید باشی. توی این دوره قراره یک اپلیکیشن موبایل کامل رو طراحی کنیم و بعد به یه نمونه اولیه (Prototype) قابل ار...
آموزش پروژه محور Adobe XD | طراحی اپلیکیشن موبایل – بخش سوم
اگه تا اینجا با Adobe XD آشنا شدی و می‌خوای یه پروژه واقعی رو از صفر تا صد جلو ببری، بخش سوم این مجموعه دقیقاً همون جاییه که باید باشی. توی این دوره قراره یک اپلیکیشن موبایل کامل رو طراحی کنیم و بعد به یه نمونه اولیه (Prototype) قابل ارائه تبدیلش کنیم؛ از استایل‌دهی و آیکون‌سازی گرفته تا تعامل بین صفحات و گرفتن خروجی نهایی. 🎨
چرا این دوره؟
خیلی از آموزش‌های UI/UX فقط ابزارها رو معرفی می‌کنن و دست‌آخر یه سری فایل پراکنده تحویلت می‌دن. اینجا ماجرا فرق داره. قراره قدم‌به‌قدم یک اپلیکیشن واقعی رو بسازیم، تصمیم‌های طراحی رو توضیح بدیم و ببینیم هر انتخاب چطور روی تجربه کاربر اثر می‌ذاره. اگه دانشجو باشی و بخوای یه نمونه‌کار قابل ارائه برای رزومه‌ت آماده کنی، این پروژه دقیقاً همون چیزیه که به دردت می‌خوره.
چی یاد می‌گیری؟
کار با Artboard در اندازه‌های مختلف برای موبایل و تبلت
ساخت المان‌های رابط کاربری مثل آیکون و شخصی‌سازی کیت‌های آماده
تکرار هوشمند المان‌ها با دستور Repeat Grid و افزودن چند ستون به اون
افکت‌های خلاقانه مثل سایه و پس‌زمینه تار برای عمق دادن به طراحی
ساخت نمونه اولیه (Prototyping) برای آیفون و آیپد با استفاده از سیمبل‌ها
اشتراک‌گذاری فایل، دریافت فیدبک و گرفتن خروجی از آرت‌بردها
پیش‌نیاز و مخاطب دوره
برای همراه شدن با این بخش کافیه آشنایی مقدماتی با Adobe XD داشته باشی. اگه تازه‌کار هستی و می‌خوای وارد دنیای طراحی رابط و تجربه کاربری بشی، این دوره یه مسیر عملی و پروژه‌محور پیش پات می‌ذاره. افرادی که می‌خوان از طراحی گرافیک ساده عبور کنن و UI/UX رو جدی دنبال کنن هم مخاطب اصلی این آموزش هستن.
نگاهی به سرفصل‌ها
فصل ۱ – معرفی دوره
شروع آشنایی با مسیر کلی پروژه.
فصل ۲ – شروع کار و ترسیم شکل
مرور محیط برنامه، ساخت اولین فایل، ایجاد گرافیک و کار با ابزارهای ترسیم.
فصل ۳ – متن و تصویر
افزودن متن، وارد کردن تصاویر وکتور و بیت‌مپ و ماسک کردن تصاویر.
فصل ۴ – صفحات اضافی
ساخت آرت‌بردهای بیشتر و آرت‌بردهایی با اندازه‌های متفاوت برای پلتفرم‌های مختلف.
فصل ۵ – المان‌های رابط کاربری
طراحی آیکون، استفاده از کیت‌های آماده و شخصی‌سازی آیتم‌های اون‌ها.
فصل ۶ – تکرار المان‌ها با Repeat Grid
کار با دستور Repeat Grid، اضافه کردن تصاویر منحصربه‌فرد به هر المان و ایجاد چندین ستون.
فصل ۷ – افکت‌ها و استفاده خلاقانه از Repeat Grid
سایه و پس‌زمینه تار، ساخت تصاویر پروفایل و طراحی سیستم امتیازدهی با Repeat Grid.
فصل ۸ – نمونه اولیه (Prototyping)
استفاده از سیمبل‌ها، ساخت صفحات متعدد، نمونه اولیه آیفون و آیپد و ساخت منو.
فصل ۹ – اشتراک‌گذاری و خروجی
اشتراک فایل برای گرفتن کامنت و فیدبک، و گرفتن خروجی از فایل‌ها و آرت‌بردها.
فصل ۱۰ – گام‌های بعدی
جمع‌بندی و مسیر ادامه دادن.
مشخصات دوره
ویژگی
جزئیات
عنوان
آموزش پروژه محور Adobe XD – طراحی اپلیکیشن موبایل (بخش سوم)
سطح
پیشرفته
تعداد درس
۲۸ درس در ۱۰ فصل
مدت زمان
۱۴۹ دقیقه
حجم فایل
حدود ۳۴۰ مگابایت
پیش‌نیاز
آشنایی مقدماتی با Adobe XD
یه نکته کاربردی
فرض کن می‌خوای برای پروژه پایان‌نامه‌ت یه اپلیکیشن طراحی کنی و استادت انتظار یه نمونه اولیه قابل کلیک داشته باشه. با چیزهایی که اینجا یاد می‌گیری، می‌تونی همون فایل XD رو به یه Prototype تعاملی تبدیل کنی و موقع دفاع، رفتار واقعی اپ رو نشون بدی. این دقیقاً همون مهارتیه که خیلی از کارفرماها و تیم‌های محصول دنبالش هستن.
جمع‌بندی
این بخش از آموزش، پل بین یادگیری ابزار و انجام یه پروژه واقعیه. اگه دنبال این هستی که طراحی UI/UX رو نه فقط تئوری، بلکه به شکل عملی و قابل ارائه یاد بگیری، این دوره با تخفیف ویژه‌ای که داره فرصت خوبی محسوب می‌شه تا یه نمونه‌کار جدی به مجموعه‌ت اضافه کنی. ✨
طراحی اپلیکیشن موبایل با Adobe XD – بخش سوم؛ ثبت‌نام با تخفیف
