تخفیف ویژه طراحی سایت برای هیئت ها
سبد خرید
0

هیچ محصولی در سبد خرید نیست.

آشنایی با سایت lottiefiles

آشنایی با سایت lottiefiles

آشنایی با سایت lottiefiles

این مقاله در مورد آشنایی با سایت lottiefiles است. با استفاده از ابزارک Lottie می توانید عناصر متحرک یا همان انیمیشن را با فرمت JSON طراحی شده اند را به سادگی به نمایش در بیاورید.
شما با استفاده از از انیمیشن ها در طراحی صفحات می توانید روند تعاملی وب سایت تان را با کاربران افزایش دهید.
این ابزارک در هنگام ورود نسخه 2.10.0 افزونه المنتور پرو تا به امروز به داشبود ابزارک ها اضافه شده است.
در این مقاله مطالب زیر را مطالعه می کنید:

  • آشنایی با سایت lottiefiles
  • محل پیدا کردن انیمیشن های زیبا
  • ابزارک Lottie
  • Settings ابزارک Lottie
  • طراحی Lottie

محل پیدا کردن انیمیشن های زیبا

شما انیمیشن های آماده و آپلود شده با فرمت JSON را می توانید از وب سایت های گوناگون دریافت نمایید.
اما یکی از بهترین و معروف ترین آن ها وب سایت LottieFile است.
روی سایت کلیک کنید و وارد آن شوید تا با حجم بزرگی از انیمیشن ها رو به رو شوید.

ابزارک Lottie

این ابزارک دارای بخش های مختلفی است که باعث تنظیم آن می شود و این ابزارک را فعال خواهد کرد.
برخی از بخش های مهم این ابزار را برای شما یاد آور می شویم.
Source: انتخاب منبع فراخانی فایل انیمیشن
Media File: بارگزاری فایل های JSON از طریق هاست
External URL: نمایش انیمیشن از طریق لینک خارجی
Alignment: ترازبندی انیمیشن
Caption: انتخاب عنوان برای انیمیشن
Link: ایجاد لینک سفارشی برای هدایت کاربران به یک صفحه پس از کلیک بر روی انیمیشن

آشنایی با سایت lottiefiles
آشنایی با سایت lottiefiles

Settings ابزارک Lottie

Trigger: در این جا انتخاب می کنید که انیمیشن با چه عملی اجرا شود.
Viewport: موقعیت نمایش انمیشین، این گزینه فقط در صورتی قابل استفاده است که حالت Viewport و یا Scroll در بخش Trigger انتخاب شده باشد.
Loop: برای این که انیمیشن به مدت نامحدود اجرا شود باید این دکمه را فعال کنید
Number of Times: تعداد دفعات تکرار یک انیمیشن برای استفاده از این گزینه باید حالت Loop فعال باشد.
Play Speed: افزایش سرعت و یا کاهش سرعت انیمیشن
Reverse Animation: برای اجرای معکوس انیمیشن می توانید این حالت را فعال کنید
Start Point : نقطه شروع اجرای انیمیشن
end point: نقطه پایان اتمام انیمیشن
Renderer: نحوه اجرای انیمیشن به صورت SVG و یا Canvas
Lazy Load: برای بارگیری صحیح و به موقع انیمیشن می توان این گزینه را فعال کرد.

طراحی Lottie

علاوه بر این که در مورد انیمیشن های آماده در سایت Lottie صحبت کردیم و بیان کردیم که با فایل های مختلف می توانید آن را ذخیره کنید،
حال لازم است بدانید که این انیمیشن ها قابل ویرایش و حتی قابل ساختن می باشد.

85
ارسال دیدگاه
توسط
تومان