دوره آموزشی ایجاد رابط اپلیکیشن موبایل در افتر افکت
2 ساعت 34 دقیقهمتوسط2018-05-17
مدرسین

Andy Needham
Motion Designer, Editor, Compositor
جزئیات دوره
اکثر اپلیکیشنها از اصول طراحی رابط کاربری مشابهی پیروی میکنن؛ این اصول در استانداردهای iOS، اندروید و ویندوز فون تعریف شدن. نمونهسازی (Prototyping) با ابزارهایی مثل Illustrator و After Effects بهت کمک میکنه که رابط کاربری اپلیکیشن رو طراحی کنی، مشکلات تجربهی کاربری (UX) رو برطرف کنی و قبل از شروع کدنویسی، یه پیشنمایش حرفهای از محصولت داشته باشی.
توی این دوره، اندی نیدهام قدمبهقدم بهت یاد میده که چطور از صفر یه رابط کاربری اپلیکیشن رو توی Adobe Illustrator طراحی کنی و بعدش این طرح رو برای انیمیشنسازی به After Effects ببری. این یه پروژهی کامل از ایده تا محصول نهایی هست که شامل طراحی، انیمیشن و خروجی گرفتن بهصورت یک GIF متحرک میشه.
نمونهی ساختهشده میتونه برای نمایش قابلیتهای اپلیکیشن، تست تجربهی کاربری، تبلیغات و جلب نظر مشتریها استفاده بشه! 📱✨
اهداف یادگیری
✅ ایدهپردازی و طراحی اولیه
✅ برنامهریزی بر اساس نیازهای پروژه
✅ طراحی صفحات اپلیکیشن در Illustrator
✅ آمادهسازی فایلها برای After Effects
✅ ساخت و استفاده از کامپوننتهای قابلاستفادهی مجدد
✅ ایجاد و انیمیشنسازی صفحات رابط کاربری
✅ افزودن ترنزیشنها و انیمیشنهای حرکتی (Gesture Animations)
✅ خروجی گرفتن از پروژه بهصورت GIF متحرک
توی این دوره، اندی نیدهام قدمبهقدم بهت یاد میده که چطور از صفر یه رابط کاربری اپلیکیشن رو توی 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 - مراحل بعدی
دوره های مرتبط
- دوره آموزشی کار با مدلهای سهبعدی در افترافکت
- دوره آموزشی افتر افکتس: ایجاد یک MOGRT (الگوی موشن گرافیک)
- دوره آموزشی تجربه کاربری موشن (برای افراد غیر طراح)
- دوره آموزشی افترافکت: ده راه برای بهبود ویدیوی آنلاین
- دوره آموزشی هوش مصنوعی و ابزارهای یادگیری ماشین برای افترافکت
- دوره آموزشی یادگیری جامع افتر افکت 2023
- دوره آموزشی یادگیری افترافکت
- دوره آموزشی استفاده از عبارات در افترافکت