آموزش طراحی یک رابط کاربری اپلیکیشن پویا با ایلاستریتور

دوره آموزش طراحی یک رابط کاربری اپلیکیشن پویا با ایلاستریتور
Linkedin – Designing an Animated App UI with Illustrator
به زبان انگلیسی با زیرنویس فارسی توسط هوش مصنوعی و زیرنویس انگلیسی کامل

یک نمونه اولیه متحرک یک راه عالی برای آزمایش طراحی رابط برنامه، بدون صرف هیچ گونه منابع مهندسی است. در این دوره، اندی نیدهام نشان می دهد که چگونه می توانید از Adobe Illustrator برای طراحی اجزا و صفحه نمایش های قابل استفاده مجدد برای یک نمونه اولیه برنامه تلفن همراه استفاده کنید، که بعداً می تواند در After Effects متحرک شود.

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

فهرست سرفصل های دوره : آموزش Linkedin – Designing an Animated App UI with Illustrator
دوره آموزش طراحی یک رابط کاربری برنامه اپلیکیشن با ایلاستریتور

• مقدمه
  خوش آمدید
  آنچه باید قبل از تماشا بدانید
  چگونه این دوره در مجموعه قرار می گیرد
  نحوه استفاده از فایل های تمرینی
  
• 1. برنامه ریزی برنامه
  برنامه را برنامه ریزی کنید و منابع را جمع آوری کنید
  مراجع را مرور کنید
  ثبت ایده ها از طریق طراحی
  سفر کاربر را انتخاب کنید
  
• 2. راه اندازی پروژه در ایلوستریتور
  چرا از Adobe Illustrator استفاده کنیم؟
  فونت این پروژه را نصب کنید
  فایل پروژه را تنظیم کنید
  طرح ها را به اجزاء تقسیم کنید
  
• 3. طراحی اجزای قابل استفاده مجدد
  سربرگ را ایجاد کنید
  نوار عنوان را ایجاد کنید
  منطقه هدف را ایجاد کنید
  یک کاشی داشبورد ایجاد کنید
  نمودار میله ای را ایجاد کنید
  یک آیتم داده ایجاد کنید
  یک آیتم دوست ایجاد کنید
  نوار ناوبری را ایجاد کنید
  تبدیل artwork به نمادها
  
• 4. تکمیل صفحات برنامه
  صفحه های داشبورد را کامل کنید
  صفحه مراحل را کامل کنید
  صفحه دوستان را کامل کنید
  
• 5. کارهای پایانی
  فایل پروژه ما را سازماندهی کنید
  خروجی Artboard ها
  فایل ها را برای متحرک سازی آماده کنید
  
• نتیجه گیری
  مراحل بعدی

دوره آموزش طراحی یک رابط کاربری اپلیکیشن پویا با ایلاستریتور ، Linkedin – Designing an Animated App UI with Illustrator ، به زبان انگلیسی با زیرنویس فارسی توسط هوش مصنوعی و زیرنویس انگلیسی کامل ارائه شده است!