КАК СДЕЛАТЬ ДИЗАЙН САЙТА В FIGMA (часть 1)

แชร์
ฝัง
  • เผยแพร่เมื่อ 26 ธ.ค. 2023
  • В этом видео мы рисуем дизайн-макет сайта и генерируем картинки в нейросети. Рассказываю весь процесс дизайна.
    В следующей части ролика, мы будет верстать сайт на Tilda, со всеми адаптациями экрана и устройств
    Теги:
    #дизайнсайта #figma #нейросеть #tilda

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

  • @hotlabe
    @hotlabe  5 หลายเดือนก่อน +1

    FIGMA ФАЙЛ ДИЗАЙН МАКЕТА ИЗ РОЛИКА: t.me/hotlabe/17

  • @user42674
    @user42674 3 หลายเดือนก่อน

    Только начинаю изучать фигму и для меня это прям мастхэв идея и очень много полезного для себя узнал, спасибо за разбор!

  • @life_xypma
    @life_xypma 23 วันที่ผ่านมา

    мне кажется нужно было не «силу ИИ» увеличивать а работать с его чакрами! стопудовый вариант)

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

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

  • @user-pm6nq6ub9t
    @user-pm6nq6ub9t 5 หลายเดือนก่อน

    Молодец 👍 круто получилось

  • @notfrost8452
    @notfrost8452 5 หลายเดือนก่อน +1

    Спасибо за видео, очень полезно

    • @hotlabe
      @hotlabe  5 หลายเดือนก่อน

      🫶

  • @tkirill04
    @tkirill04 5 หลายเดือนก่อน +3

    А будет 2 часть ? Интересно посмотреть, как все это будет переноситься в тильду

    • @hotlabe
      @hotlabe  5 หลายเดือนก่อน

      Скоро будет!

  • @Ako-ti1vm
    @Ako-ti1vm 3 หลายเดือนก่อน +1

    Подскажи, как ты достаешь оранжевую линейку с пикселями для выравнивания? Где в начале второй фрейм относительно первого ровнял по 10 пикселей

  • @bozhenkas
    @bozhenkas 5 หลายเดือนก่อน +3

    Визуально выглядит приятно, но с точки зрения веба очень спорно.
    Не знаю особенности вёрстки на тильде, но вообще есть общепризнанные стандарты в тех же отступах (размер отступа должен делиться на 10 или в редких случаях на 4).
    Ни в коем случае нельзя ломать привязку к пиксельной сетке, когда речь идёт об изменяемых элементах (циферка в корзине у тебя) - верстальщик просто охyeeт от твоих дробей и невыхyeeт обратно.
    Очень больно было смотреть на карточки без компонентов: если коротко зачем нужны компоненты - в дизайне повторяющихся элементов часто нужно изменить все элементы разом, например карточки товара, в твоём случае ты будешь сидеть и ручками редактировать каждую карточку; а если бы ты использовал компоненты, то можно было бы мгновенно изменять все карточки через мастер.

    • @hotlabe
      @hotlabe  5 หลายเดือนก่อน

      Упор был показать стильный дизайн, и тк верстаем сами на тильде, это все учитывается. Но и моя ошибка была показать такой способ, ведь новички посмотрят и будут повторять. Компоненты в лендосах не сильно то и нужны. А так спасибо, учтем!

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

    Получилось всё очень эстетично и люксово! У вас явно прекрасный вкус в дизайне!

    • @user-yc7tn4ro3x
      @user-yc7tn4ro3x 4 หลายเดือนก่อน

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

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

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

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

      Спасибо!

  • @psx-rust
    @psx-rust 2 หลายเดือนก่อน

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

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

    А где найти и скачать можно эту нейросеть?

    • @hotlabe
      @hotlabe  4 หลายเดือนก่อน +1

      Скачивать не нужно, вбей в гугле "krea ai" первая ссылка

  • @Anton_ned
    @Anton_ned 2 หลายเดือนก่อน

    прикольно получилось, но научись использовать красивые числа. А то у тебя отступы 10, закругления 43, плашки 603 пикселя
    Бери значения те что делятся на 4/8