دوره آموزشی CSS: تقویت رابط‌های کاربری با انیمیشن

1 ساعت 4 دقیقهمتوسط2022-11-09

مدرسین

Christina Gorton

Web Development Instructor and Front-End Developer

جزئیات دوره

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

مهارت ها

Interactive Web ContentCSSWeb StandardsWeb DesignFront-End Web DevelopmentWeb DevelopmentOpen SourceDeep Dive (X:Y)

سرفصل ها

0. مقدمه

01 - چرا انیمیشن ها
02 - استفاده از GitHub Codespaces با این دوره

1. نظریه انیمیشن

03 - بهترین شیوه ها
04 - 12 اصل انیمیشن
05 - 12 اصل مورد استفاده در UI

2. رقص انیمیشن

06 - رقص انیمیشن
07 - توالی و آسان سازی
08 - تحولات
09 - عناصر کانونی

3. انیمیشن های UI

10 - ایجاد انیمیشن های دکمه ای
11 - ایجاد انیمیشن های منو
12 - چالش - یک انیمیشن کارت ایجاد کنید
13 - راه حل - یک انیمیشن کارت ایجاد کنید

نتیجه

14 - حرکت با انیمیشن ها