نمونه سازی میکرو تعاملات با افترافکت

مدرس Tom Green

انتشار 2019/06/11

مدت زمان 3h 33m

سطح متوسط

فایل تمرینی دارد

آموزش Prototyping Microinteractions with After Effects

افتر افکت بیش از یک برنامه جلوه های ویدیویی است. برای طراحان UX، این یک ابزار پیشرو برای نمونه سازی است. با After Effects، طراحان می‌توانند تعاملات کوچک اما معنی‌داری ایجاد کنند - تعاملات خرد - که جزئیاتی مانند زمان‌بندی و بازخورد بصری را به توسعه‌دهندگان و مشتریان منتقل می‌کند. در این دوره آموزشی، تام گرین نحوه ایجاد ریز تعامل در افتر افکت را با استفاده از ویژگی هایی مانند Graph Editor، easing و Keyframe Velocity نشان می دهد. مهارت‌های خود را در حین انجام پروژه‌های ساده، از ضربه زدن گرفته تا کشیدن انگشت، توسعه دهید و سپس در پروژه‌های پیشرفته‌تری که Photoshop، Illustrator و Adobe XD را ادغام می‌کنند، شیرجه بزنید. در این تمرین‌های عملی، می‌توانید یاد بگیرید که چگونه طرح‌های پیچیده‌تری مانند منوهای آکاردئونی و تعاملات سه بعدی را نمونه‌سازی کنید. هر درس نشان می‌دهد که چگونه می‌توانید از جریان کار مبتنی بر حرکت در After Effects استفاده کنید تا جزئیات ظریف طراحی خود را به تصویر بکشید.

Adobe XD After Effects Prototyping User Experience (UX) User Interface Prototyping

Introduction

What this is all about ()

What you need to know ()

1. Microinteractions

What are microinteractions? ()

Why do we need microinteractions? ()

Why After Effects? ()

2. Preparing Your Workspace

Preparing comps in AE ()

Using the timeline ()

Using markers ()

Keyboard shortcuts ()

Adding keyframes ()

Using eases ()

Using the Graph Editor ()

Using the AE tools ()

3. Fundamental Microinteractions

Using primitives to create interactions ()

Creating a cursor ()

Creating a precomp ()

Creating a simple click/tap ()

Creating a double click/double tap ()

Creating a long press ()

Creating a drag ()

Creating a swipe ()

Creating a pinch/zoom ()

4. Content for Microinteractions

Photoshop ()

Importing Photoshop into After Effects ()

Illustrator ()

Importing Illustrator into After Effects ()

Adobe Experience Design (XD) ()

Create a microinteraction from an XD import ()

5. UI Microinteractions

Sequencing ()

Transitions ()

Animated containers ()

Using a focal element ()

Creating an overshoot ()

Stretching elements ()

Zooming ()

Floating action button fundamentals ()

Sticker sheets ()

Arcs ()

Text input ()

3D effects ()

A pulsing cursor ()

Wireframe a drawer ()

Refining the slide-in drawer ()

Card-based layouts ()

The ripple effect ()

Conclusion

Next steps ()

Ex_Files_Prototyping_Microinteractions_After_Effects.zip (147.5 MB)

دانلود فایل فشرده

با توجه به امکانات آموزش و همچنین امکانات بسته انتخاب شده لینک دانلود فایل فشرده آماده خواهد شد. با در نظر داشتن این شرایط لطفا بسته مورد نظر خود را انتخاب کرده و روی دکمه درخواست لینک دانلود کلیک کنید

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

لطفا قبل از فعالسازی لینک دانلود به موارد زیر توجه کنید:

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