Practice: Designing Fluid Layouts in Framer (Fundamentals Lesson 24) - AI Dubbing & Video Translation
Multilingual Script for Practice: Designing Fluid Layouts in Framer (Fundamentals Lesson 24)
Toward the beginning of this course, we looked at how different positioning and sizing modes change how layers behave when parent frames, or even the browser window, change size. In this lesson, we're going to put it all together and go over some best practices for creating fluid layouts in Framer. In this lesson, we're going to be workshopping this project file, applying what we've learned in the previous lessons. We're not going to cover anything completely new. So if anything is super confusing, you'll want to refer back to the corresponding lesson where we covered that particular topic in depth. But if you're up to speed on what we've covered so far, then this will be a great opportunity to see how things come together in practice. Feel free to grab the remix link and follow along.
На початку цього курсу ми розглядали, як різні режими позиціонування та зміни розміру впливають на поведінку шарів, коли змінюється розмір батьківських фреймів або навіть вікна браузера. У цьому уроці ми зберемо все до купи та розглянемо деякі найкращі практики для створення плавних макетів у Framer. На цьому уроці ми працюватимемо над файлом проєкту, застосовуючи те, що вивчили з попередніх уроків. Нічого кардинально нового ми розглядати не будемо. Тож, якщо щось буде надто складним, вам варто звернутися до відповідного уроку, де ми детально розглядали цю конкретну тему. Якщо ви в курсі справи щодо того, що ми вже розглянули, то це чудова нагода побачити, як все зійдеться на практиці. Беріть посилання на ремікс та працюйте зі мною.