دوره آموزشی 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 برای طراحی UX
- دوره آموزشی نمونه سازی تعاملات میکرو با Adobe Animate
- دوره آموزشی ایجاد رابط اپلیکیشن موبایل در افتر افکت
- دوره آموزشی یادگیری جامع Adobe XD: نمونه اولیه
- دوره آموزشی طراحی تعامل کاربردی: انتقال کارت
- دوره آموزشی طراحی اینفوگرافیک های تعاملی با Adobe Animate
- دوره آموزشی Adobe Express: طراحی ارائهها
- دوره آموزشی متحرکسازی اینفوگرافیکها با After Effects
مسیرهای مرتبط
- مسیر آموزشی طراحی تجربه کاربری با Figma
- مسیر آموزشی بهبود بخشیدن مهارت های نمونه سازی UX
- مسیر آموزشی تبدیل شدن به یک هنرمند آبجکت برای بازیها
- مسیر آموزشی تبدیل شدن به یک استاد مایا
- مسیر آموزشی تبدیل شدن به یک هنرمند موشن گرافیک
- مسیر آموزشی تبدیلش شدن به یک کاراکترساز سه بعدی انیمیشن
- مسیر آموزشی تبدیل شدن به یک استاد افترافکت
- مسیر آموزشی مهارت های طراحی لوگو و برند خود را ارتقا دهید