5 ОШИБОК ВЕБ-ДИЗАЙНЕРА ДО ВЕРСТКИ НА TILDA

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

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

  • @FlarionPlay
    @FlarionPlay 6 месяцев назад +2

    Не знал что можно так просто в фигме с 1920 до 1200 сделать макет..
    Мне когда дизайнеры отправляли до этого макеты я нормально так времени тратил на подгонку под 1200, спасибо за то что показал как это делается правильно

  • @Виктория-б1к3е
    @Виктория-б1к3е 4 месяца назад

    То что я искала! Очень полезное видео, законспектировала😌Спасибо!

  • @HAYMAN777RU
    @HAYMAN777RU 4 месяца назад

    Ох, сколько же ты нам времени сэкономил в работе)) Здоровьечка тебе)

  • @КонстантинАлексеев-к3ц

    Было очень полезно, спасибо.

  • @vesnavsegdaA
    @vesnavsegdaA 6 месяцев назад

    ура, тысячная подписка от меня:) отличное видео получилось, благодарю!

  • @elisavetelisavet7354
    @elisavetelisavet7354 3 месяца назад +1

    Округлить значения можно через плагин round all

  • @katerinakondrashova4094
    @katerinakondrashova4094 27 дней назад

    У меня в одном zero-блоке внизу блока расположены кнопки. При выбранной функции autoscale эти кнопки обрезаются (видна только их половинка). Я пробовала менять высоту блока (задавала и в % и в px). Только при отключении autoscale кнопки встают обратно на место.
    Это мой косяк (может я что-то не учла)? Или косяк тильды?

  • @jugo3639
    @jugo3639 11 месяцев назад

    Контент мясо. Надо еще

  • @outinside6923
    @outinside6923 8 месяцев назад

    ооо, прям с ходу бенто стайл)
    стильненько )

  • @kirillwarhorseklimov4064
    @kirillwarhorseklimov4064 11 месяцев назад +1

    Отличное видео. Хотел бы подробнее узнать о мобильной вёрстке. Как все перенести и изменить размеры шрифтов, например

    • @hotlabe
      @hotlabe  11 месяцев назад +1

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

  • @optimistic5980
    @optimistic5980 5 месяцев назад

    Видос ваще комфорт

  • @SergRogev
    @SergRogev 11 месяцев назад +7

    По хорошему если потом переносить макет на тильду, то пох какой размер макета, просто делаешь сетку, как в Тильде и по ней уже делаешь, другой вопрос эстетики, пустые пространства по бокам макета, чем больше экран, тем больше уши, показывать такое заказчику не комильфо, я выбираю всегда фрейм 1440 и ставлю на него стандартную 12-колоночную тильдовскую сетку и смотрится норм и переносить без проблем

    • @hotlabe
      @hotlabe  11 месяцев назад

      Если верстать автоскейлом, то гораздно удобнее уже делать на экране 1200, чтобы учитывать автоскейл и боковые отступы

    • @slalexdesign5944
      @slalexdesign5944 11 месяцев назад

      @@hotlabe единственное роблема из за того что вы верстаете автоскейлом. Картинки и шрифты могут размываться. Поэтому на больших экранах. Это будет заметнее

    • @hotlabe
      @hotlabe  11 месяцев назад

      @@slalexdesign5944на супер больших экранах да, но это 3-4% пользователей

    • @hotlabe
      @hotlabe  11 месяцев назад

      @@slalexdesign5944но если верстать правильно (отступы по краям 100-120 пикселей, шрифты меньше обычного, то и на больших экранах будет хорошо смотреться)

    • @Lina_leshik
      @Lina_leshik 8 месяцев назад +2

      Есть в Фигма готовая библиотека сеток тильда.

  • @MikhailBoychenko
    @MikhailBoychenko 11 месяцев назад

    Так можно ведь в Тильде задать ширину фрейма 1440 или любую другую, которая у тебя в макете фигмы и импортировать без проблем. Уже ведь давно в тильде можно задавать ширину вручную. И сетка там корректная под указанную ширину. Так что, ваш первый пункт с шириной в 1200 немного не актуален уже)
    А в целом, хорошее и полезное видео для новичков!

    • @hotlabe
      @hotlabe  11 месяцев назад +2

      Для обычной верстки да, но для автоскейла удобнее в 1200, тк далее увеличивая до 1440 как на видео, мы заранее увидим результат с учетом автоскейла на тильда, а на 1440 не сможем предвидеть, пока не перенесем на тильду

  • @СтаниславВишневский-й2м
    @СтаниславВишневский-й2м 11 месяцев назад

    А что мы делаем автоскейлом, если у нас есть стандартные блоки ? К примеру каталог, аккордеон и тд ?

    • @hotlabe
      @hotlabe  11 месяцев назад

      Для стандартных блоков можно использовать код от ANNEX, там есть автоскейл для стандартных блоков, чтобы весь сайт смотрелся целостно

    • @maiafreiaphotography5353
      @maiafreiaphotography5353 11 месяцев назад

      Подключила Annex, только как это все настроить для автоскейла))) помогите, пожалуйста, ни у кого нет видео понятного))

    • @HumanVideo
      @HumanVideo 8 месяцев назад

      ​@@hotlabe для одностраничного решение от Аннекса ещё ок, но для многостраничника да ещё с кучей стандартных блоков - плохая идея, проверено на себе. Откатился на 1200.
      Сайт со скриптом подтормаживает и местами работает некорректно.

  • @spv7-rudnyk
    @spv7-rudnyk 4 месяца назад +1

    привет спасибо помогло

  • @neverforever1357
    @neverforever1357 5 месяцев назад

    Я вот, как новичок, не очень могу понять. У меня если смотреть через гул браузер вращать мобильную верстку, то перевернутая версия телефона отображается именно, как планшетная версия в тильде, т.е. картинка сильно вниз растянута. С текстом ок, он адаптируется, но картинка за пределами экрана растянута сильно вниз. если что для экрана я использую не заливку блока картинкой, а шейп отдельно, поскольку при скроле первого экрана у меня по задумке анимация увеличения и исчезновения первой картинки. С фоновой вроде так сделать нельзя

  • @SergRogev
    @SergRogev 11 месяцев назад

    Не понял про нюансы автоскейла? Только шрифт?

    • @heblux6644
      @heblux6644 11 месяцев назад +1

      В целом да, шрифты, и не супер большие элементы

  • @topKinorezka
    @topKinorezka 4 месяца назад +1

    5 ошибок веб дизайнера сайтов под ключ это
    1. t
    2. i
    3. l
    4. d
    5. a

  • @nyamcat8334
    @nyamcat8334 7 месяцев назад

    Спасибо

  • @МаксимАртищев-о4ю
    @МаксимАртищев-о4ю 10 месяцев назад

    Кааайф