Уроки Figma Auto Layout: Telegram Messenger [Фигма уроки]

Поделиться
HTML-код
  • Опубликовано: 23 ноя 2024

Комментарии •

  • @Sibir-bv2hp
    @Sibir-bv2hp 4 года назад +6

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

  • @leonidgan5431
    @leonidgan5431 4 года назад +7

    Огромное спасибо! Слезы радости капают на клавиатуру))) Фигма не перестает в положительном смысле будоражить ум и душу))) а Вам большое спасибо за объяснения и джобхаки))

    • @zen-designer
      @zen-designer  4 года назад +1

      И вам спасибо на добром слове )

  • @ЛіліяКасяненко-э7к

    Супер! Не затягнуто, живо и с юморцом 😅

  • @MariIloveREALmusic
    @MariIloveREALmusic 4 года назад +4

    =))))) и познавательно и ржачно, все как я люблю. Спасибо за Ваши видеоуроки!!! Безумно рада, что нашла их, теперь это мой самый любимый канал на YouYube. =)))))

    • @zen-designer
      @zen-designer  4 года назад +1

      Спасибо. Очень приятно ☺️

  • @leonid6600
    @leonid6600 4 года назад +1

    Виктор, огромное спасибо!!!!!!!!!!!!!!!!!!!!!!!!!!!

  • @semon9432
    @semon9432 4 года назад +1

    Мега полезная практика!! Подача как всегда лучшая ))

    • @zen-designer
      @zen-designer  4 года назад

      Спасибо на добром слове )

  • @alpawlov
    @alpawlov 5 лет назад +3

    чертова магия, Блейн!

  • @FreevalDos
    @FreevalDos 5 лет назад +20

    Скорость на 0.25 и погнали👍

  • @RainingManHallelujah
    @RainingManHallelujah 3 года назад

    Спасибо за урок!

  • @kuton
    @kuton 5 лет назад +1

    Супер! Спасибо!

  • @sergeyfoxy
    @sergeyfoxy 5 лет назад +1

    Спасибо!

  • @IIIYM9IPa
    @IIIYM9IPa 5 лет назад +1

    спасибо

  • @YouMixing
    @YouMixing Месяц назад

    Спасибо.
    а ссылку на файл с чатом можно?

  • @линакондратьева-е4о

    Здравствуйте, чем auto layout отличается от constraints?

  • @HomeBog
    @HomeBog 4 года назад +2

    Приветствую! А ширина сделана 320 это получается макет под iPhone SE, а остальные разрешения уже адаптируются исходя из самого маленького размера? Вообще вы делаете макеты отталкиваясь от 320 или больше? Какой так скажем стандарт. Еще хотел узнать про сетки. Используйте ли их в своих макетах? И если да, то с каким шагом? 4?

    • @zen-designer
      @zen-designer  4 года назад +1

      Когда делаю адаптивные сайты, 320 это минимальный лейаут. В него должно всё помещаться. Для сайтов такая у меня градация yadi.sk/i/vZDFreDDJZBFHA

    • @HomeBog
      @HomeBog 4 года назад

      @@zen-designer Все понятно. Спасибо! С наступающим Новым годом! Жду много интересных видео в новом году.

    • @zen-designer
      @zen-designer  4 года назад

      @@HomeBog С наступающим!

  • @panekanik
    @panekanik 2 года назад

    Подскажи пожалуйста где найти картинка как в подложке телеграма, луна звездочки какие-то другие рисуночки?

    • @zen-designer
      @zen-designer  2 года назад

      www.google.com/search?q=telegram+background&rlz=1C9BKJA_enRU736RU736&hl=en-GB&prmd=ivn&sxsrf=ALiCzsbN302xHa2NnYCY_HIVWSgKyhm9Ww:1660466479123&source=lnms&tbm=isch&sa=X&ved=2ahUKEwj24ZjV98X5AhUk_SoKHbPrBjYQ_AUoAXoECAIQAQ&biw=1080&bih=695&dpr=2

  • @tihonov369
    @tihonov369 5 лет назад +1

    Мне нравится ваше исполнение еще и под такую музыку. Вау! Скажите, что это за музыка?

    • @zen-designer
      @zen-designer  5 лет назад

      Кармическое Колесо называется. ruclips.net/video/iOgqTUjTR44/видео.html

    • @tihonov369
      @tihonov369 5 лет назад

      @@zen-designer спасибо вам. Вы меня вдохновляете!!

    • @zen-designer
      @zen-designer  5 лет назад

      @@tihonov369 Спасибо!

  • @kirlyukvv
    @kirlyukvv 5 лет назад +1

    А ты пробовал с текстом работать в AutoLayout?
    У меня автоматически внутри автолэйаута не меняется ширина тестовых блоков.
    - Создал фрейм
    - запихал в него 2 блока текста и объединил их в автолейаут
    - закрепил изменение ширины автолейаута к изменению ширины фрейма
    Начинаю менять ширину фрейма, за ней меняется ширина автолейаута, а текстовые блоки внтури не меняются по ширине(((

    • @zen-designer
      @zen-designer  5 лет назад +1

      В нынешней итерации автолейаута это не работает. Автолейаут может только сам себя раскукоживать изнутри. Внешние раздражители (привязки) он игнорит.
      Фигмовцы обещали нарастить функционал.

    • @kirlyukvv
      @kirlyukvv 5 лет назад

      @@zen-designer Спасибо, всю голову сломал. Удивлен что не сделали сразу эту функцию, без этого адаптив никак не сделать

  • @alexanderkryzhanovskyi9453
    @alexanderkryzhanovskyi9453 3 года назад

    А зачем просто текст делать с auto layout? Какой в этом плюс если можно просто создать стиль текста. Мы же даже не давали тексту фон.

  • @alyu6351
    @alyu6351 5 лет назад

    Или еще момент. При применении автолэйаута, он плюет на все твои отступы и делает их одинаковыми по сторонам. А мне допустим надо чтобы вверху элемента был один, а внизу другой

    • @zen-designer
      @zen-designer  5 лет назад

      сложно что-то вразумительное сказать без конкретного примера

    • @alyu6351
      @alyu6351 5 лет назад +1

      @@zen-designer К примеру в вашем примере возьмем бабл-сообщение. Я хочу чтобы между временем и нижним краем бабла отступ был больше

    • @alyu6351
      @alyu6351 5 лет назад

      Еще и constraints не работают внутри лейаута. Дичь короче

    • @zen-designer
      @zen-designer  5 лет назад

      Al Yu можно сдвинуть дату внутри её фрейма. Как в примере с оирицательным отступом в конце видео.

    • @zen-designer
      @zen-designer  5 лет назад

      Al Yu ждём и надеемся на развитие инструмента.

  • @antongripak1735
    @antongripak1735 4 года назад

    Добрый день. Практикую сейчас активно авто-лейаут, но не могу одного понять. Расскажу по шагам:
    1. создал текстовый слой
    2. обернул его в компонент
    3. скопировал
    4. из инстанса попытался сделать авто-лейаут.
    5. задал заливку, скругления, отступы и все такое.
    6. а вот при изменении самого текста, сам авто-лейаут не срабатывает. Тоесть не тянется фон и отступы
    Неужели авто-лейаут нельзя создать из инстанса текста?
    Или это я как-то не так что-то делаю?

    • @zen-designer
      @zen-designer  4 года назад +1

      1. Создал текст
      2. Обернул в алик
      3. Сделал компонентом

    • @antongripak1735
      @antongripak1735 4 года назад

      @@zen-designer Попробовал, получилось . Благодарю.

  • @nikitafomin4009
    @nikitafomin4009 4 года назад +2

    видео было ускорено перед наложением голоса? Или это я слоупок? 😁

    • @zen-designer
      @zen-designer  4 года назад

      Было. И голос тоже ускорен. Чуть-чуть

  • @neodiss
    @neodiss 5 лет назад +1

    Класс, только не понятно зачем запихивать текстовые блоки в стеки

    • @zen-designer
      @zen-designer  5 лет назад

      Чтобы получить автоматически подстраивающуюся под контент вертикаль.

    • @maximshulipov9699
      @maximshulipov9699 4 года назад

      @@zen-designer У меня бабл не изменяется по вертикали, если я переношу слова. Переделал несколько раз баблы - не работает. Что делаю не так? Спасибо!

    • @zen-designer
      @zen-designer  4 года назад

      @@maximshulipov9699 сложно угадать. Если гляну файл -- смогу.

  • @ultrik69
    @ultrik69 4 года назад

    Очень хорошие уроки, спасибо за Ваш труд! Но темп этой музыки и вообще эта музыка не дает ничего запомнить....

    • @zen-designer
      @zen-designer  4 года назад

      Super_ Bro2096 хм... Это первая жалоба на музыку с создания канала. Если будут ещё жалобы -- подумаю над этим.

    • @ultrik69
      @ultrik69 4 года назад +2

      @@zen-designer видимо у каждого свой уровень психологического восприятия :))

  • @alyu6351
    @alyu6351 5 лет назад

    Решил я заавтолейаутить уже сущестующие компоненты и х;й

    • @neodiss
      @neodiss 5 лет назад

      а что не так?

    • @alyu6351
      @alyu6351 5 лет назад

      @@neodiss Есть мастер-компонент для кнопки, внутри которого тект и прямоугольник. Т.к. теперь прямоугольники в автолеяутах не нужны, вместо этого мы фрейму назначаем стили. В данном случае компонент и есть фрейм, так? В общем убрал прямоугольник, внутри оставил текст, стиль кнопки навешал на компонент и применил автолеяут. Но при изменении текст, кнопка не сжимается/не расстягивается. У нее остается фикс. ширина и не влезающий текст просто переносится по буквам

    • @alyu6351
      @alyu6351 5 лет назад +1

      @@neodiss блин, я похоже порядок действий какой-то не такой использовал.
      Теперь я взял стили прямоугольника внутри, его удалил, применил стили прямоугольника к компоненту, и применил к компоненту автолейаут, и все заработало. А что я делал до этого не так, уже и из головы вылетело.

  • @1plat0n
    @1plat0n 5 лет назад +1

    Спасибо за видео, но вот куча иностранных слов, мне как для новичка сложно воспринимать, еще куча всяких микробов, было очень сложно это все выслушивать((( Да, это может ваш стиль, но вот информация от вашего стиля плохо усвоилась(

    • @zen-designer
      @zen-designer  5 лет назад +7

      Александр Краснов Сожалею что было сложно. Но у меня не для новичков информация в основном. Иначе ролики были бы значительно длиннее. В описании к видео есть ссылки на материалы для старта.
      И без английского в этой индустрии тяжко.

    • @marinastreletska8441
      @marinastreletska8441 4 года назад +1

      Учите английский, Александр, фигма-это американский софт, многим терминам нет аналогов в русском языке