Advertisement
  1. Web Design
  2. Scroll Events
Webdesign

3 دوره آموزشی که به شما کمک می‌کند در انیمیشن‌های پیمایشی (Scrolling Animation) استاد شوید.

by
Length:ShortLanguages:

Persian (پارسی) translation by Pouria Parhami (you can also view the original English article)

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

اما چگونه این افکت‌ها را ایجاد کنیم ؟  در این مقاله، شما سه دوره آموزشی جامع را خواهید یافت که به شما کمک خواهند کرد تا انمیشین پیمایشی (scrolling animation) را درک کنید و بتوانید از آن در پروژه‌های طراحی وب خود استفاده کنید.

1.  به سادگی رویدادهای پیمایش ایجاد کنید

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

2. با ScrollMagic شروع کنید

تکثیر کتاب خانه های جاوا اسکریپت سمت کاربر (front-end) انجام بسیاری از وظایف را برای طراحان وب و توسعه دهنده ها ساده کرده است. در این دوره آموزشی کوتاه، به شما یکی از این کتاب خانه ها به نام ScrollMagic معرفی می شود. این کتاب خانه روند ساخت رویداد scrollbar-driven و انیمیشن‌ها در جاوا اسکریپت را ساده کرده است. 

3. انیمیشن‌های کاربردی با سکوی انیمیشن GreenSock

در این دوره آموزشی، شما برروی سه پروژه کارخواهید کرد که به شما آموزش خواهد داد با استفاده ازسکوی انیمیشن GreenSock با سناریوهایی از دنیای واقعی programmatic animations ایجاد کنید. آموزش خواهید دید چگونه انیمیشن preloader، یک آرم انیمیشن SVG و یک نوارلغزنده اختصاصی برای محتوای بسازید.

شروع آموزش را مجانی امتحان کنید 

شما می‌توانید تمام اینها و دیگر آموزش‌های طراحی را با 10 روز از اشتراک ماهانه ما مجانی امتحان کنید. پس همین امروز شروع کنید، واستاد انیمیشن پیمایشی و دیگر چیزها شوید.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.