آموزش Adobe Animate: طراحی تجربه های تعاملی

Adobe Animate: Designing Interactive Experiences

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: تعامل برای پروژه های وب مدرن نوعی مزیت محسوب نمی شود - این یک پیش نیاز است. با استفاده از ابزارهای Adobe Animate به آنچه برای فراتر رفتن از اصول اولیه و ایجاد برنامه های جذاب و تعاملی جذاب و تجارب وب نیاز دارید ، یاد می گیرید. مربی جوزف لابراك نحوه ساخت كتابخانه ای از عناصر UI ، مانند دكمه ها ، ضامن ها ، اسلایدرها و لیست ها را نشان می دهد. وی نحوه استفاده از این بلوک های ساختمانی را برای طراحی نماهای برنامه در جدول زمانی Animate و ایجاد یک نوار ناوبری مداوم نشان می دهد. سپس وی نحوه افزودن تعامل را با استفاده از شنوندگان رویداد و توابع سفارشی برای پاسخگویی به ورودی کاربر نشان می دهد و نماهای برنامه را با فریم های کلیدی ، حرکت متحرک و انتقال دوربین تحریک می کند. در آخر ، یاد بگیرید که چگونه نمونه های اولیه خود را برای توزیع در دسک تاپ ، وب و دستگاه های تلفن همراه صادر کنید.
موضوعات شامل:
  • طراحی دکمه ها
  • ساخت سوییچ ضامن
  • رسم لغزنده
  • ایجاد نماهای برنامه
  • ایجاد ناوبری مداوم
  • افزودن تعامل
  • متحرک سازی عناصر تو در تو
  • متحرک سازی نماهای تعاملی با انتقال
  • انتشار برای وب ، دسک تاپ و تلفن همراه
  • تبدیل ActionScript به JavaScript

سرفصل ها و درس ها

مقدمه Introduction

  • خوش آمدی Welcome

  • آنچه باید بدانید What you should know

  • با استفاده از فایل های تمرینی Using exercise files

1. اصول طراحی متحرک 1. Animate Design Fundamentals

  • نمای کلی ویژگی های اسناد Document properties overview

  • نقاشی روی صحنه است Drawing on the stage

  • درک جدول زمانی Understanding the Timeline

  • تعیین یک مجموعه رنگ Specifying a color set

2. ساختن یک کتابخانه UI 2. Building a UI Library

  • یک دکمه ساده طراحی کنید Design a simple button

  • ملاحظات طراحی مؤلفه Component design considerations

  • مجموعه ای از انواع دکمه را ایجاد کنید Create a set of button variants

  • ساخت سوئیچ ضامن Building a toggle switch

  • مسخره کردن یک جزء لیست Mocking up a list component

  • کشویی Drawing a slider

  • طرح متن Text layout

3. ایجاد نماهای زمانی 3. Creating Timeline Views

  • تعیین نمای صفحه Designating screen views

  • وارد کردن محتوای اضافی Importing additional content

  • دستکاری نماها Manipulating the views

  • ایجاد نمادهای نمای Creating view symbols

  • ایجاد ناوبری پایدار Building persistent navigation

4- افزودن تعامل 4. Adding Interactivity

  • نامگذاری نمادها Naming symbol instances

  • ایجاد یک لایه اقدامات Creating an actions layer

  • حرکت به نماهای مختلف Navigating to different views

  • عناصر تودرتو متحرک Animating nested elements

  • تعاملی ساخت عناصر تو در تو Making nested elements interactive

  • هدف قرار دادن عناصر تو در تو Targeting nested elements

5. انیمیشن سازی نمایش های تعاملی 5. Animating Interactive Views

  • گسترش دهانه های قاب Extending frame spans

  • انتقال متحرک با پوشش Animating transitions with overlays

  • آماده شدن برای انتقال مستقیم Preparing for direct transitions

  • انتقال مستقیم انیمیشن Animating direct transitions

  • آماده شدن برای انتقال دوربین Preparing for camera transitions

  • متحرک سازی با انتقال دوربین Animating with camera transitions

6. نمونه های اولیه برای وب و موبایل 6. Prototypes for Web and Mobile

  • انتشار برای دسک تاپ Publish for desktop

  • انتشار برای موبایل Publish for mobile

  • در حال تبدیل شدن به وب Converting for the web

  • بازنویسی تعاملی Rewriting interactivity

نتیجه Conclusion

  • خداحافظ Goodbye

نمایش نظرات

Linkedin (لینکدین)

لینکدین: شبکه اجتماعی حرفه‌ای برای ارتباط و کارآفرینی

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

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

آموزش Adobe Animate: طراحی تجربه های تعاملی
جزییات دوره
2h 9m
36
Linkedin (لینکدین) Linkedin (لینکدین)
(آخرین آپدیت)
35,177
- از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Joseph Labrecque Joseph Labrecque

استاد دانشگاه، مدرس Adobe، رئیس استودیو

جوزف لابرک یک توسعه دهنده، طراح و استاد دانشگاه خلاق است.

جوزف نزدیک به دو دهه تجربه در ساخت وب گویا دارد. راه حل های دسکتاپ و موبایل. او کتاب‌ها، مقالات و دوره‌های ویدئویی در زمینه فناوری‌های طراحی و توسعه، ابزارها و مفاهیم را از طریق ناشران مانند LinkedIn Learning، Peachpit Press و Adobe تالیف کرده است. او شرکت Fractured Vision Media, LLC را تأسیس کرد. یک استودیوی تولید رسانه های دیجیتال و وسیله نقلیه توزیع. جوزف استاد دانشگاه کلرادو بولدر کالج رسانه، ارتباطات و اطلاعات، و همچنین یک رهبر آموزش Adobe، Adobe Community Professional، و یکی از اعضای Adobe Partners by Design است.