Переходи, модальні вікна та скрол у протипах Фігми | Рухаю пікселі #2
Вставка
- Опубліковано 13 чер 2024
- Нарешті був час для нового відео! Тут розказала купу нового про прототипи, як можна оптимізовувати роботу з ними за допомогою компонентів, про модальні вікна і збереження позиції скролу при переході між сторінками. Відео, як завжди, довге, бо я люблю говорити багато хахаха
Якщо вам корисні ці відео і вам сильно хочеться купити мені чашку кави чи кілограм яблук - ось створила банку, де це можна зробити: 5375411200366313 або send.monobank.ua/jar/3RA6Gjjk2t
(під кінець запису я вже втомилась і забула розказати про Swap/Close Overlay, але там має бути все зрозуміло - Swap замінює оверлеї, якщо у вас два-три чи більше їх під ряд, а Close - закриває його, так що там нічого складного))
Наступна тема на черзі - Smart Animate, має бути цікаво і трошки складно :)
нарешті прописую таймкоди:
0:00 довгий вступ - все як завжди
1:30 про робочий файл
4:33 нарешті починаю говорити про скрол
13:43 перехід на іншу сторінку і dissolve
15:47 move in/move out/push
17:55 про preserve scroll position
20:36 про хедер і fix position when scrolling
25:48 прототипування компонентів
29:52 про модальні вікна - overlay
39:55 закінчення! прощаюсь
Погоджуюсь з усіма в коментарях, круті і корисні відео! Сподіваюсь, в вас ще буде час на щось схоже.)
Максимально вдячна!
Це неймовірні відео з крутими та простими поясненнями, деякі передевляюсь вже декілька раз, дякую вам!!!
Дякую Юля за просування Україномовного контенту та за цікаве подання інформації))
Дякую вам за якісний україномовний контент. Ви молодець. По можливості продовжуйте, будь ласка. Дуже б хотілось про ефект паралаксу)
Юля, дуже класні відео. Хотілося б продовження, затягує.❤
величезне дякую за ваші зусилля. ви - комфортік🫶🏻🎀
Дуже корисно!
Найшов 2 класні україномовні канали.
Один від Юлі.
А інший називається :
Від фрілансу до ІТ стартапу .
Дуже переживаю за те, що Юля зробила паузу.
І трохи переживав з приводу цього другого каналу, бо 2 місяці там не було відео.
Бо від того російськомовного вже тушнить.
Надіюсь на продовження відео від Юлі. Досить гідно викладає
Будь Ласка не зупиняйся знімати,ти дуже круто все пояснюєш ,дякую тобі велике !!! Ти як сонечко світиш
дуже сподіваюсь, що в цю неділю вийде наступне відео про прототипування 🐸 🙌
Вітаю, дякую за Ваші відео. Не можна описати наскількі вони корисні! сподіваюся, з Вами усе добре!
привіт! так, зі мною все ок, тільки дві роботи і пару днів тому ще прихистила щеня і часу на канал тепер геть нема 😵💫 але радію, що він все ще приносить людям користь!
@@juli.and.design Дякую за відповідь! сподіваюся щеня буде здоровим та сильним!!! 🥰
тільки додивилась всі відео по фігмі, і вже вийшло нове :о
дякую! дуже корисно ♡(˃͈ દ ˂͈ ༶ )
юхууу!
раптом ви пропустили - то є перше відео про анімацію і прототипи, там я поговорила про грунтовні штуки, а в цьому відео вже пішла в деталі і показала на конкретному прикладі це все :)
дякую, що дивитесь! 🔥❤️
Відео дуже прикольні і цікаві жалко що немає нових( буду очікувати на нові!
Передивилась всі ваші відео, вони просто неймовірні. Почала вас дивитись ще до навчання, так сказати навчання почала підготовленою) І було дуже приємно, що школа в якій я навчаюсь, посилається на ваші навчальні відео) З нетерпінням чекаю нові відео 🤗
вау, ну нічого собіііі! а що це за школа, якщо не секрет? :)
дуже приємно таке чути)
@@juli.and.design GOIT ) Майже до кожної теми прикладують посилання на ваші відео і на офіційний канал фігми) щось да означає 😁
@@anastasiia_bozinian можете розповісти про навчання там ? я хотів купити курси, але передумав, бо побачив багато хейту, а нормальні відгуки були лише у них на сайті
@@danulozabirko1628 не знаю, я хейту не бачила ніде, школа перша в топі по працевлаштуванню, хороша зрозуміла платформа, багато проектів після навчання підуть у портфоліо. Тільки позитивні враження від навчання.
Я теж там навчаюсь) Не розумію хейту, ьо інформацію подають чітко, зрозуміло, а якщо не зрозуміло щось, то ментор пояснює. Раджу, я люблю цей курс @@danulozabirko1628
Юліє, дякую вам за впшк працю і окрема подяка за пояснення простими словами.
сильно дякую, що дивитесь! 🔥💛
Дуууже цікаво, чекатиму наступні відео! 🥰😍😅
вони обов‘язково будуть 🫡🐢
У вас неймовірні уроки з дуже приємною атмосферою. Щира подяка вам за них.
ой, дякуююю! з цуцою все просто чудово, живе своє найкраще щеняче життя, ось тут більше можна пробачити: instagram.com/stories/highlights/18053853694450971/ :)) з двома роботами все ще досить складно, тому і відосів все ще нема 😶🌫 є надія, що колись таки з'являться, дуже дякую
Дякую за ваше старання❤ Дуже чекаю наступне відео🥰
коли вже буде смарт анімація?? дуже чекаю)
Дуже корисно!! Дякую
Дуже корисне відео! Супер, дякую.
дякую за фідбек! 🌟
Юля, дуже дякую за інформативні відео❤! Чи плануєте зробити відео як прввильно організовувати слої на фреймі, цікаво дізнатися як це робити професійно
Дякую!
Будуть ще якісь нові відео по фігмі?
Юля ви молодчина. Дуже вам дякую за відео. Одне побажання - для гарячих клавіш треба добавити клавіші віндовс для працюючих на цій операційці. Дуже чекаемо від вас наступних відео.
привіт! це штука, про яку мені вже казали декілька разів, але я постійно повторюю, що працюю на мак і не хочу тримати в голові ще й хоткеї на вінду: зазвичай вони переводяться легко: комманд в контрол, опшин в альт. Але якщо десь щось буде відрізнятись (вже зараз не пригадаю конкретний приклад, але є хоткеї, які чуть відрізняються) - я 100% про це забуду, бо не користуюсь цією інформацією в житті.
тому так, користувачі вінди повинні або самі знайти список хоткеїв в інтернетах і звіряти чи комманд точно перетворюється в контрол (це один запит в гуглі, траст мі), або відкрити відповідну панельку у фігмі і вона їм покаже всі релевантні хоткеї (про це було в відео з хоткеями)
але я як не озвучувала гарячі клавіші на вінді, так і не планую)
а кому аж сильно складно чи некомфортно - ну шо ж поробиш, таке життя 🤝
дякую!!!
дякую, шо дивитесь 🍉🦭
Юлю, мені не вистачає Вашого голосу)))
Дякую!
дякую, що дивитесь! 🙌
чи планує автор каналу запис навчальних відео по webflow-подібних середовищах?
Чекаємо наступне відео)
десь скоро буде! 🐸
Коли наступні відео? Я вже переживаю
Юліє, доброго дня) Чи можна з вами зв'язатись якось, по деяких питаннях з дизайном? Буду вам дуже вдячна)
Дякую за відео.
Юля, можливо ви зможете допомогти, у мене не відображається в Constraints ось це «fix positions when scrolling”, не можу зрозуміти чому.
бо Фігма вже встигла оновитись після того, як я записувала це відео і деякі штучки змінили своє розташування)) тепер потрібно виділити об'єкт, який ви хочете зафіксувати, піти у вкладку "prototype" і в панельці scroll behavior в параметрі position вибрати fixed - і ваш елемент буде зафіксовано.
До речі, Фігма додала нову опцію - sticky, це використовується тоді, коли елемент повинен спочатку проскролитись до верхнього краю екрану і зафікситись - тобто якись час він рухається, а потім залишається видимим. Це суперова функція, якої раніше взагалі не було, рекомендую поекспериментувати з нею))
@@juli.and.design дякую💕 дуже допомогли)
Це вже не смішно! Ну коли вже будуть нові відео? Так гарно починалось
у мене зараз дві роботи та цуценя - я не маю секунди щоб відпочити, не те щоб пиляти контент. в той час, коли могла собі позволити вкладати купу ресурсу в безкоштовний ютюб проєкт - робила це. тепер не можу
а такий тон повідомлення в будь-якому випадку неприйнятний, я вам абсолютно нічого не винна
@@juli.and.design цей тон - це не дорікання, і ви справді нікому нічого не винні. Пророблена вами робота точно на висоті і вартує як мінімум ПОДЯК , вдячності і т.д. Цей тон про те, що : а так гарно все починалось українською і ....... надіюсь що продовжиться......Або ще простіше поясню, - давайте творити більше українського, і нехай російському , місця , просто не залишиться.
Дуже дякую за відео. Маю питання. Саме в фреймі з верхнім меню в мене немає fix position. В чому може бути помилка? В інших фреймах нижче таке поле є
а перевірте чи ви точно обрали другий за ієрархією фрейм. тобто якщо вважати першим рівне фрейм де є вся-вся-вся сторінка, то хедер повинен бути в другому рівні ієрархії. Якщо він ще буде в якомусь іншому фреймі, то fix position кнопки не буде.
якщо що - можете написати мені в телеграм, розберемось @jul_and_design
@@juli.and.design дякую за відповідь. Цей фрейм був третім. Я ще не до кінця розумію як їх краще групувати. Бо перша сторінка у мене була вся фреймом і в ньому ще фрейм з менюшкою нагорі. Її треба окремо?
Взагалі, я розумію скільки ще не ясно. Але дуже величезне дякую за ці відео. Це скарб!
Якщо буде час записати, я б з радістю подивилась як Ви робите невеличкий лендінг ❤️
@@yana-web-design а скиньте мені посилання на свій файл в телеграм, я гляну і все поясню-покажу там)
Коли наступні відео? Дуже їх Чекаємо .
А де третя частина?
Юля, доброго вечора.)
писав Вам на пошту, але не отримав feedback. Дуже хочу з Вами поспілкуватись якщо Ви не проти, відгукніться якщо так)
Коли нові відео?)
Як правильно задавати розмір фрейму на макет сайту? 1920 пікселів?
І чи ходовий розмір обмежуючого контейнеру в 1440 пікселів?
я зазвичай роблю всі десктопні макети на 1440, хоча деякі колеги використовують і 1920, але я не помічаю різниці в роботі, можу і так, і так)
+ в мене нема якихось одних стандартних розмірів, в яких я завжди працюю, вони вибудовуються під проєкт, бо десь потрібен більший контейнер, а десь - навпаки, на це може впливати ідея дизайну)