CSS: بهبود رابط ها با انیمیشن

مدرس Christina Gorton

انتشار 2020/12/01

مدت زمان 55m 44s

سطح متوسط

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

آموزش CSS: Enhancing Interfaces with Animation

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

Cascading Style Sheets (CSS) Graphic Animation Web Graphics

Introduction

Why animations? ()

1. Theory of Animation

Best practices ()

The 12 principles of animation ()

The 12 principles used in UI ()

2. Animation Choreography

Animation choreography ()

Squencing and easing ()

Transformations ()

Focal elements ()

3. UI Animations

Creating button animations ()

Creating menu animations ()

Challenge: Create a card animation ()

Solution: Create a card animation ()

Conclusion

Moving on with animations ()

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

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

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

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

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

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

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

مسیرهای یادگیری آموزش CSS: بهبود رابط ها با انیمیشن

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

آموزش CSS: Enhancing Interfaces with Animation در 1 مسیر آموزشی قرار دارد. تخصص مورد نظر خود را انتخاب کنید، با مسیر یادگیری آن همراه شوید و حرفه ای شوید.

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

آموزش CSS: بهبود رابط ها با انیمیشن ، ایستگاه شماره 14 در مسیر یادگیری CSS را یاد بگیرید ، است.