ПРОКРУТКА ВНИЗ И СЛАЙДЕР В ФИГМА PROTOTYPE | DESIGN TUTORIAL

แชร์
ฝัง
  • เผยแพร่เมื่อ 21 ต.ค. 2024
  • 💎 Курс "UX/UI-Дизайн" - uxui.filschool.ru
    ◾ Базовый курс по веб-дизайну "Основы дизайноведения" - base.filschool.ru/
    ◾ Полноценный курс по веб-дизайну "Дизайноведение" - filschool.ru/
    ◾ Ведение рабочих профилей в Instagram "Инставедение" - insta.filschool...
    ◾ Менторство - drive.google.c...
    ◾ Магазин футболок для фрилансеров - filippovashop.ru
    Самые полезные видео на канале:
    Кто такой веб-дизайнер - • ЧЕМ ЗАНИМАЕТСЯ ВЕБ-ДИЗ...
    Сколько зарабатывает веб-дизайнер - • СКОЛЬКО ЗАРАБАТЫВАЕТ В...
    Навыки веб-дизайнера - • НАВЫКИ ВЕБ-ДИЗАЙНЕРА /...
    Как стать веб-дизайнером - • Как стать веб-дизайнер...
    Где учиться на веб-дизайнера - • ГДЕ УЧИТЬСЯ НА ВЕБ-ДИЗ...
    Плюсы и минусы профессии - • ПЛЮСЫ И МИНУСЫ ПРОФЕСС...
    Какой ноутбук выбрать - • Как выбрать ноутбук дл...
    Этапы рабочего процесса - • ЭТАПЫ РАБОЧЕГО ПРОЦЕСС...
    Кто такие UX/UI дизайнеры - • КТО ТАКИЕ UX/UI ДИЗАЙН...
    Ошибки начинающих - • 🚫 ОШИБКИ НАЧИНАЮЩИХ ВЕ... , • 🚫 ОШИБКИ НАЧИНАЮЩИХ ВЕ...
    Стили в веб-дизайне - • 🎨СТИЛИ В ВЕБ-ДИЗАЙНЕ
    Сетки в веб-дизайне - • МОДУЛЬНЫЕ СЕТКИ В ВЕБ-...
    Адаптивный дизайн сайта - • АДАПТИВНЫЙ ДИЗАЙН САЙТ...
    Дизайн сайта в Figma - • ДИЗАЙН САЙТА В FIGMA
    Тренды в дизайне на 2021 год - • 8 ТРЕНДОВ UX/UI ДИЗАЙН...
    Как сделать портфолио - • 🔥КАК СДЕЛАТЬ ПОРТФОЛИО...
    Как рассчитать стоимость дизайна - • КАК РАСЧИТАТЬ СТОИМОСТ...
    Как найти первого клиента - • 🔥Как найти первого кли...
    Где меня найти:
    Instagram: / sofyafilippova
    Instagram Filschool: / filschool.ru
    Страница Вконтакте: sof_fil...
    Сайт веб-студии: filippovadesig...
    Портфолио студии: www.behance.ne...
    #фигма #prototype #designtutorial

ความคิดเห็น • 55

  • @Samigri
    @Samigri 10 หลายเดือนก่อน

    Под дня искала как это сделать, Софья вы прекрасно все рассказываете.

  • @vitek12321
    @vitek12321 ปีที่แล้ว

    Огромное спасибо!!! Наконец-то получился скролл:) Уже несколько видео пересмотрел, было не понятно, что нужно скролящиеся картинки в Фрейм поместить. А у Вас все четко и ясно.

  • @dinoluna3554
    @dinoluna3554 2 ปีที่แล้ว

    Супер! Очень помогло мне в обучении разобраться со своими проблемами. Жаль, что мой преподаватель сразу не сказал про эти часто встречающиеся ошибки.

  • @valentyndoroshenko7186
    @valentyndoroshenko7186 2 ปีที่แล้ว

    Все четко и понятно, без лишней воды! Супер!!! Спасибо!!!

  • @yopta7523
    @yopta7523 ปีที่แล้ว

    Благодарю короткие и понятные видео
    Удачи!!

  • @olegromashov
    @olegromashov 2 ปีที่แล้ว +2

    Спасибо! Интересно видео про организацию слоев/групп: как называть элементы, как правильно группировать, чтобы удобно было ориентироваться и передавать на вёрстку.

    • @SofyaFilippova
      @SofyaFilippova  2 ปีที่แล้ว

      Просто логично все группируем, чтобы другой человек мог разобраться 🤗

  • @Sashabommm
    @Sashabommm 2 ปีที่แล้ว +2

    Спасибо за видео, способ хороший, но я бы хотел немного дополнить.
    Бывают такие моменты, когда люди листают до конца и в конце спрашивают, - «а почему у вас вот тут нет отступа, так и должно быть?». Считаю, что можно расположить фрейм по заранее выбранной сетке, и просто убрать галочку с «clip content», и тогда и фрейм будет по сетке и контент на месте)

    • @SofyaFilippova
      @SofyaFilippova  2 ปีที่แล้ว

      Если честно не поняла в чем проблема 🤔 отступ можно. До конца - это вниз? Отступ можно заложить и с клип контент, а ещё в панель управления, увеличив его фрейм

    • @Sashabommm
      @Sashabommm 2 ปีที่แล้ว

      @@SofyaFilippova Имел в виду про горизонтальный скрол, если проскролить до самого конца, то выходит, что там нет отступа)

  • @ukropchik15
    @ukropchik15 ปีที่แล้ว

    Я только на твоём видео наконец поняла как делать скролл

  • @lili.8723
    @lili.8723 9 หลายเดือนก่อน

    Спасибо! Делаю свой первый сайт очень полезное видео

  • @РиммаКузовлєва
    @РиммаКузовлєва 2 ปีที่แล้ว +1

    Спасибо за видео! Очень интересует тема инверсии ( например: когда текст залазит на картинку и там он другого цвета)

  • @nasteadiak
    @nasteadiak 2 ปีที่แล้ว +2

    Благодаря вашим видео научилась работать с анимацией в фигме:) спасибо огромное за ваш труд!!
    Хотела бы задать вопрос по анимации для спойлеров, можно ли как-то на странице вопрос- ответ, например, показать как откроется ответ чтобы этот «открывающийся» ответ двигал вниз следующие поля вопросов? Надеюсь, не запутала))

  • @ludav1424
    @ludav1424 2 ปีที่แล้ว +2

    Спасибо! 🙂

  • @focusght
    @focusght 2 ปีที่แล้ว +1

    Спасибо большое!! А как его выгрузить чтоб добавить в портфолио?

  • @j.3050
    @j.3050 ปีที่แล้ว

    Полезно, спасибо!

  • @aprokhorova
    @aprokhorova 2 ปีที่แล้ว +1

    Спасибо большое.
    Подскажите, пожалуйста, а такой вариант подойдёт, чтобы сделать мобильную версию сайта или это только для создания приложений?

  • @SpirouDays
    @SpirouDays 2 ปีที่แล้ว +1

    Спасибо! Возможно ли (с помощью лупы или както иначе) прокручивать горизонтальный календарь, чтобы день в центре был крупнее остальных? Т.е. когда пролистываешь календарь, только день который в данный момент находится в центре был крупнее?

  • @МансурМансур-х9й
    @МансурМансур-х9й 2 ปีที่แล้ว +1

    Здравствуйте. Подскажите пожалуйста, можно ли прототип настроить так, чтобы при скроле вниз менялась одна кнопка, а при скроле вверх появлялись еще кнопки?

  • @tudasyuda44
    @tudasyuda44 ปีที่แล้ว +1

    Спасибо за видео. Подскажите, пожалуйста, а если у меня блок текста должен быть в фиксе до определенного момента, например до футера, то можно ли это реализовать в фигме, если да, то как?

  • @ЛарисаИльясова-й9ы
    @ЛарисаИльясова-й9ы 2 ปีที่แล้ว

    Класс!)) Спасибо)

  • @anpod143
    @anpod143 ปีที่แล้ว

    супер, если мне нужно изменить хэдер, свернуть поиск например

  • @lyubakravchuk
    @lyubakravchuk 2 ปีที่แล้ว

    Спасибо большое!

  • @esilbek
    @esilbek ปีที่แล้ว

    Отличное видео!
    Подскажите, как можно сделать и сохранять картинки (PNG) для mock-ups из Figma с "нахлестом" для презентаций.
    Я имею в виду, в Behance много презентаций, где картинки приложений имею небольшой нахлест снизу, что бы показать полную информацию, как будет выглядеть приложение на статический картинке (PNG).

  • @oydinberkimbaeva3824
    @oydinberkimbaeva3824 ปีที่แล้ว

    Здравствуйте! А если там где надо изменить скрол на горизонтальный стоит воскицательный знак? Как этом можно исправить?

  • @МурадЙулдашев-ф2р
    @МурадЙулдашев-ф2р 2 ปีที่แล้ว +1

    спасибо)))❤

  • @Укажитеназвание-б4к
    @Укажитеназвание-б4к 2 ปีที่แล้ว +1

    Спасибо

  • @marinailchenko6352
    @marinailchenko6352 2 ปีที่แล้ว

    Спасибо ! )

  • @Alyonushka_rikova
    @Alyonushka_rikova 11 หลายเดือนก่อน +1

    У меня нет окна фиксированная позиция при скроллинге((

  • @МерейСункарбекова
    @МерейСункарбекова 5 หลายเดือนก่อน +1

    а если нигде не выходит фиксированная позиция при скроллинге?

    • @МерейСункарбекова
      @МерейСункарбекова 5 หลายเดือนก่อน

      ну типо, ваще нету, выделила свой фрейм айфоновский но не выходит он у меня обьясните куда нажимать что, делать???

    • @ЯрославЯрков-к3э
      @ЯрославЯрков-к3э 5 หลายเดือนก่อน

      Нашли ответ на это? А то тоже самое..

  • @h1muro
    @h1muro 6 หลายเดือนก่อน

    спасибо !!

  • @nataligraphic
    @nataligraphic 2 ปีที่แล้ว +1

    Было бы интересно как сделать автоматический слайдер внутри лэндинга)

    • @SofyaFilippova
      @SofyaFilippova  2 ปีที่แล้ว

      Бегущая строка - instagram.com/reel/CWIP5StgbBy/?

    • @nataligraphic
      @nataligraphic 2 ปีที่แล้ว

      @@SofyaFilippova Спасибо. Почему-то возникает проблема - сделала слайдер по вашему видео, открываю прототип, чтобы посмотреть анимацию (present), хочу просколлить лэндинг вниз, чтобы посмотреть как все остальное смотрится, но анимация не дает сделать это т.е. автоматически возвращает наверх к слайдеру..

  • @Citizen_LG
    @Citizen_LG 2 ปีที่แล้ว +1

    Как сделать так что бы фон был не белый, а какая нибудь картинка, при этом что бы при скроле она не двигалась, а элементы над ней скролились? У меня не получается, элементы при скроле заходят под фон((.

    • @9kirra9
      @9kirra9 4 หลายเดือนก่อน

      Вооот, тот же вопрос.. Вы случайно за этот год не узнали ответа? 😊

  • @alexstar8050
    @alexstar8050 2 ปีที่แล้ว

    Спасибо попробую так сделать Ps только учусь дизайну )😄

  • @аннасимонова-п2б
    @аннасимонова-п2б 8 หลายเดือนก่อน

    спасибо большое

  • @Leshi_stiker
    @Leshi_stiker 4 หลายเดือนก่อน

    Почему тг не высвечиваеться кнопка для фиксации панел(

  • @ivitwigle8567
    @ivitwigle8567 2 ปีที่แล้ว +1

    У меня почему-то при фиксировании надпись и все содержимое, которое хочу зафиксировать при скролинге просто исчезает. Убираю галочку - появляется. Текст на самом верхнем слое находится.. Есть какое-то решение ? (

    • @liz_lavorenko
      @liz_lavorenko 2 ปีที่แล้ว

      привет, у меня такая же ошибка, смогли найти решение?

  • @kseniya_selyavko
    @kseniya_selyavko 8 หลายเดือนก่อน

    А что делать, если нет кнопки фиксирования скролла? 😢

  • @_life258
    @_life258 ปีที่แล้ว

    В мене таке запитання, коли запускаю, не бачить картинок, що я зробила не так?

  • @vergaravergara8848
    @vergaravergara8848 9 หลายเดือนก่อน

    у меня не работает скроллинг((,

  • @СергейШимко-ю5о
    @СергейШимко-ю5о 2 ปีที่แล้ว +1

    Зачем иконки снизу такие огромные на полэкрана? Нет, чтобы фигму крупнее показать

    • @SofyaFilippova
      @SofyaFilippova  2 ปีที่แล้ว

      Наверное, вы об обложке для видео. Кроме лого фигмы, есть такой огромный текст - «figma prototype» на полэкрана.

  • @glkvv007
    @glkvv007 7 หลายเดือนก่อน

    Нету в больше этой галочки зафиксировать позицию

  • @ДмитрийДжаггер
    @ДмитрийДжаггер 7 หลายเดือนก่อน

    Звук будто с другой планеты, на максимуме них..рена не слышно!

  • @liberty4187
    @liberty4187 ปีที่แล้ว

    Спасибо!

  • @t1moxaa647
    @t1moxaa647 11 หลายเดือนก่อน

    Спасибо

  • @anddrew5841
    @anddrew5841 2 ปีที่แล้ว

    Спасибо)!

  • @yegorio_st
    @yegorio_st 2 ปีที่แล้ว

    Спасибо