آموزش طراحی Figma: صفحه فرود + انیمیشن‌های Lottie GIF
Figma Design: Landing page + Lottie GIF Animations
در این کلاس کوتاه Figma، یک صفحه فرود ساده با انیمیشن های Lottie GIF طراحی خواهید کرد. ما اصول اولیه انیمیشن های Lottie، چرایی اهمیت آنها و نحوه پیاده سازی آنها در طراحی UI را پوشش خواهیم داد. در پایان یک صفحه فرود زیبا برای موضوع SaaS طراحی خواهید کرد.
این یک آموزش عالی برای مبتدیان است که در آن با هم می‌خواهیم:
- با شبکه های طرح بندی کار کنید
- تایپوگرافی مختلف را اعمال کنید
- اصول طرح بندی خودکار را پوشش دهید
- انیمیشن های Lottie را پیاده سازی کنید
من شما را تشویق می کنم که من را در این کلاس دنبال کنید و طراحی صفحه فرود خود را در اینجا به اشتراک بگذارید تا بازخورد دریافت کنید.
انیمیشن های Lottie را برای پروژه Figma خود در اینجا مرور و دریافت کنید:
همانطور که در این کلاس حرکت میکنید، شما را تشویق می‌کنم که مراحل ایجاد مجدد صفحه فرود خود را با انیمیشن‌های Lottie GIF در Figma تکرار کنید. می‌توانید انتخاب کنید که همان صفحه فرود را طراحی کنید یا طراحی منحصربه‌فرد خود را ایجاد کنید.
این کتابخانه رایگان با انیمیشن های Lottie برای پروژه شما است:
طرح خود را برای دریافت بازخورد آپلود کنید!
درس ها Lessons
-
طراحی صفحه فرود Landing Page Design
-
کتابخانه با انیمیشن های Lottie Library with Lottie Animations
-
مقدمه Intro
-
انیمیشن های لوتی چیست؟ What are Lottie Animations?
https://donyad.com/d/418870
Tetiana G
طراح UX
طراح UX با سابقه توسعه نرم افزار، در حال حاضر تجربه کاربری برنامه SaaS را در صنعت ساختمان پایدار بهبود می بخشد. علاوه بر کارم، از ضبط آموزش های Figma برای LinkedIn Learning و همچنین آموزش به کسانی که علاقه مند به تبدیل شدن به طراح UX هستند لذت می برم.
موارد رایگان من درباره طراحی رابط کاربری را از اینجا دانلود کنید:
اگر می‌خواهید درباره Figma بیشتر بدانید، آخرین آموزش یوتیوب من را تماشا کنید:
نمایش نظرات