دوره آموزشی Adobe Animate: طراحی تجربه های تعاملی
2 ساعت 10 دقیقهمتوسط2018-05-30
مدرسین

Joseph Labrecque
University Professor, Adobe Educator, Studio Head
جزئیات دوره
تعامل یک امتیاز برای پروژه های وب مدرن نیست - یک پیش نیاز است. با استفاده از ابزارهای موجود در Adobe Animate، آنچه را که برای فراتر رفتن از اصول اولیه نیاز دارید، بیاموزید و برنامههای جذاب و تعاملی و تجربههای وب ایجاد کنید. مربی Joseph Labrecque نشان می دهد که چگونه می توان یک کتابخانه از عناصر UI، مانند دکمه ها، کلیدها، لغزنده ها و لیست ها ایجاد کرد. او نشان می دهد که چگونه می توان از این بلوک های ساختمانی برای طراحی نماهای برنامه در جدول زمانی Animate و ایجاد یک نوار ناوبری پایدار استفاده کرد. سپس نشان میدهد که چگونه میتوان تعامل را اضافه کرد - با استفاده از شنوندههای رویداد و توابع سفارشی برای پاسخ به ورودی کاربر - و نماهای برنامه را با فریمهای کلیدی، تغییر حرکت و انتقال دوربین متحرک کرد. در نهایت، یاد بگیرید که چگونه نمونه های اولیه خود را برای توزیع در دسکتاپ، وب و دستگاه های تلفن همراه صادر کنید.
اهداف یادگیری
طراحی دکمه ها
ساخت سوئیچ ضامن
کشیدن یک نوار لغزنده
ایجاد نماهای برنامه
ساخت ناوبری مداوم
افزودن تعامل
متحرک سازی عناصر تو در تو
متحرک سازی نماهای تعاملی با انتقال
انتشار برای وب، دسکتاپ و موبایل
تبدیل اکشن اسکریپت به جاوا اسکریپت
اهداف یادگیری
طراحی دکمه ها
ساخت سوئیچ ضامن
کشیدن یک نوار لغزنده
ایجاد نماهای برنامه
ساخت ناوبری مداوم
افزودن تعامل
متحرک سازی عناصر تو در تو
متحرک سازی نماهای تعاملی با انتقال
انتشار برای وب، دسکتاپ و موبایل
تبدیل اکشن اسکریپت به جاوا اسکریپت
مهارت ها
Adobe AnimateInteractive Web ContentWeb GraphicsWeb DesignProjectAdobe
سرفصل ها
0. مقدمه
- 01 - خوش آمدید
- 02 - آنچه باید بدانید
- 03 - استفاده از فایلهای تمرینی
1. مبانی طراحی متحرک
- 04 - نمای کلی ویژگیهای سند
- 05 - طراحی روی صحنه
- 06 - درک جدول زمانی
- 07 - تعیین مجموعه رنگ
2. ساخت کتابخانه UI
- 08 - یک دکمه ساده طراحی کنید
- 09 - ملاحظات طراحی اجزا
- 10 - مجموعهای از انواع دکمه ایجاد کنید
- 11 - ساخت سوئیچ ضامن
- 12 - mock یک جزء لیست
- 13 - رسم نوار لغزنده
- 14 - طرح بندی متن
3. ایجاد نمای زمانی
- 15 - تعیین نماهای صفحه
- 16 - وارد کردن محتوای اضافی
- 17 - دستکاری نماها
- 18 - ایجاد نمادهای view
- 19 - ساخت ناوبری مداوم
4. اضافه کردن تعامل
- 20 - نام گذاری نمونههای نماد
- 21 - ایجاد لایه اکشن
- 22 - پیمایش به نماهای مختلف
- 23 - متحرک سازی عناصر تو در تو
- 24 - تعاملی کردن عناصر تو در تو
- 25 - هدف قرار دادن عناصر تو در تو
5. متحرک سازی نماهای تعاملی
- 26 - گسترش دهانههای قاب
- 27 - متحرک سازی انتقالها با همپوشانی
- 28 - آماده شدن برای انتقال مستقیم
- 29 - متحرک سازی انتقال مستقیم
- 30 - آماده شدن برای انتقال دوربین
- 31 - متحرک سازی با انتقال دوربین
6. نمونههای اولیه برای وب و موبایل
- 32 - انتشار برای دسکتاپ
- 33 - انتشار برای موبایل
- 34 - تبدیل برای وب
- 35 - بازنویسی تعامل
نتیجه
- 36 - خداحافظ
دوره های مرتبط
- دوره آموزشی یادگیری جامع ادوب انیمیت
- دوره آموزشی ویژگی های جدید Adobe Animate CC
- دوره آموزشی طراحی اینفوگرافیک های تعاملی با Adobe Animate
- دوره آموزشی Adobe Animate برای طراحی UX
- دوره آموزشی متحرک سازی طرح های تبلیغاتی Adobe XD با Animate
- دوره آموزشی نمونه سازی تعاملات میکرو با Adobe Animate
- دوره آموزشی ایجاد محتوای اجتماعی با Adobe Animate CC
- دوره آموزشی افترافکت: ترکیب انیمیشن از Animate CC