تخفیف ویژه همین الان — دوره‌های تخفیف‌دار را ببینید.
روز
:
ساعت
:
دقیقه
:
ثانیه
تخفیف‌های ویژه
دوره آموزشی ایجاد رابط اپلیکیشن موبایل در افتر افکت

دوره آموزشی ایجاد رابط اپلیکیشن موبایل در افتر افکت

2 ساعت 34 دقیقهمتوسط2018-05-17

مدرسین

Andy Needham

Andy Needham

Motion Designer, Editor, Compositor

جزئیات دوره

اکثر اپلیکیشن‌ها از اصول طراحی رابط کاربری مشابهی پیروی می‌کنن؛ این اصول در استانداردهای iOS، اندروید و ویندوز فون تعریف شدن. نمونه‌سازی (Prototyping) با ابزارهایی مثل Illustrator و After Effects بهت کمک می‌کنه که رابط کاربری اپلیکیشن رو طراحی کنی، مشکلات تجربه‌ی کاربری (UX) رو برطرف کنی و قبل از شروع کدنویسی، یه پیش‌نمایش حرفه‌ای از محصولت داشته باشی.

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

نمونه‌ی ساخته‌شده می‌تونه برای نمایش قابلیت‌های اپلیکیشن، تست تجربه‌ی کاربری، تبلیغات و جلب نظر مشتری‌ها استفاده بشه! 📱✨

اهداف یادگیری
✅ ایده‌پردازی و طراحی اولیه
✅ برنامه‌ریزی بر اساس نیازهای پروژه
✅ طراحی صفحات اپلیکیشن در Illustrator
✅ آماده‌سازی فایل‌ها برای After Effects
✅ ساخت و استفاده از کامپوننت‌های قابل‌استفاده‌ی مجدد
✅ ایجاد و انیمیشن‌سازی صفحات رابط کاربری
✅ افزودن ترنزیشن‌ها و انیمیشن‌های حرکتی (Gesture Animations)
✅ خروجی گرفتن از پروژه به‌صورت GIF متحرک

مهارت ها

Motion GraphicsAfter EffectsRenderingMotion Graphics and VFXProjectVisualization and Real-TimeAdobeAECProduct and ManufacturingAnimation and Illustration

سرفصل ها

0. مقدمه

  • 01 - خوش آمدید
  • 02 - آنچه باید قبل از تماشا بدانید
  • 03 - نحوه استفاده از فایل‌های تمرینی

1. برنامه و پیش تولید برنامه

  • 04 - ایجاد برنامه
  • 05 - برنامه ریزی و جمع‌آوری مراجع
  • 06 - ایده‌ها را ترسیم کنید
  • 07 - سفر کاربر را انتخاب کنید

2. صفحه برنامه را کاوش کنید

  • 08 - نقش Adobe Illustrator در این فرآیند
  • 09 - فونت این پروژه را نصب کنید
  • 10 - آثار هنری را برای افتر افکت آماده کنید

3. دارایی‌ها را برای انیمیشن در افتر افکت آماده کنید

  • 11 - راه‌اندازی و وارد کردن آثار هنری
  • 12 - اجزای قابل استفاده مجدد ایجاد کنید
  • 13 - کاشی‌های داشبورد را بسازید
  • 14 - نکات نهایی را به کاشی‌های داشبورد اضافه کنید
  • 15 - صفحه نمایش داشبورد را بسازید
  • 16 - اضافه کردن آخرین لمس به صفحه نمایش باقی مانده

4. انیمیشن در افتر افکت

  • 17 - عناصر داشبورد را متحرک کنید
  • 18 - آخرین نکات را به بخش Goal اضافه کنید
  • 19 - صفحه Steps را متحرک کنید
  • 20 - صفحه Friends را متحرک کنید
  • 21 - انیمیشن‌های ضربه و سوایپ ایجاد کنید

5. دنباله را بسازید و صادر کنید

  • 22 - کشیدن صفحه نمایش داشبورد
  • 23 - جزئیات تکمیلی، تند کشیدن و ضربه زدن را اضافه کنید
  • 24 - انیمیشن اسکرول را اضافه کنید
  • 25 - هدر و پاورقی را درست کنید
  • 26 - صفحه Friends را ببینید و به داشبورد برگردید
  • 27 - سکانس نهایی را صادر کنید

6. با Sketch2AE کار کنید

  • 28 - Sketch2AE چیست
  • 29 - Sketch2AE را نصب کنید
  • 30 - آثار هنری را در Sketch آماده کنید
  • 31 - آثار هنری را به AfterEffects وارد کنید

نتیجه

  • 32 - مراحل بعدی

دوره های مرتبط

درباره ما

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

شماره تلفنکانال آپاراتپشتیبانی تلگرامکانال تلگرامپیج اینستاگرام

کلیه‌ی حقوق این سایت متعلق به لینداکده می باشد

قوانین و شرایط|حریم خصوصی

نماد الکترونیک enamad در صورت اتصال با آی‌پی داخل کشور، نمایش داده خواهد شد.
logo-samandehi - لوگو ساماندهی
zarinpal
zibal