HERO СЕКЦІЇ ДЛЯ ТВОЇХ ВЕБ-САЙТІВ (як у професіоналів)

Поділитися
Вставка
  • Опубліковано 13 лис 2023
  • Якою має бути hero секція? Які існують типи Hero ( на прикладах)? Мої реальні дизайни та реакція клієнтів? Які елементи додати в Hero Section і як зробити її цікавішою?
    Практичні поради, технічна сторона та навіть маленьке завдання для тебе чекають у відео!
    Приємного перегляду!
    📍RevMyWork
    revmywork.com/ - перевірте свою роботу та отримайте знання від експертів
    📍Я на Patreon - / lizkhl
    (місце саморозвитку і Вашого кар‘єрного росту):
    Дизайн-уроки, UX закони, досвід пошуку клієнтів, весь процес дизайну зсередини, реальні приклади, відео, конспекти і корисні пости щотижня…
    😍 Перевірка твого дизайну і корисні ресурси від мене
    app.revmywork.com/liza
    lizkhl?igshid=M... - тут отримай файл з корисними ресурсами і Hero секціями з відео, а також чеклист ( там є все необхідне! ), пиши "ПОМІЧНИК" в дірект.
    ~ SOCIAL ~
    ▪️ІНСТАГРАМ (@LIZKHL) : lizkhl?igshid=q...
    ▪️ТЕЛЕГРАМ (тут наше дизайн ком‘юніті): t.me/liza_pro_design
    ▪️КОРИСНЕ ВІД МЕНЕ В TIKTOK: www.tiktok.com/@designerliza?...
    ▪️СТАРТАП : www.revmywork.com/
    #українськийютуб #uxuiдизайн #дизайниморазом
    01:03 - Перший тип hero section
    01:38 - Реальний проект №1
    02:02 - Дизайн, який клієнт не затвердив
    03:01 - Інші приклади
    06:55 - Трюк №1
    08:47 - Не переборщити
    09:06 - дякуууююю!!
    09:29 - Обрати напрямок
    10:12 - Як підняти чек?
    10:28 - Реальний проект №2
    11:02 - Дизайнимо разом міні-версія
    12:37 - Технічна сторона рішення
    12:30 - Приклади
    14:30 - Завдання для ТЕБЕ!
    14:46 - Другий тип hero section
    16:35 - Трюк №2 (дизайнимо разом у figma)
    18:50 - Реальний проект від А до Я
    19:13 - Третій тип
    20:53 - UX - це дуже важливо!
    21:52 - вибачте :(
    22:00 - Дякую за перегляд!
    Як зробити Hero Section в Figma, Якою має бути Hero Section, Hero Section в Figma, Робимо дизайн в фігма, Які існують типи hero section, Поради для UX/UI дизайнера, Якою має бути hero секція, Як зробити хіроу секшн

КОМЕНТАРІ • 21

  • @irynadelikatna1730
    @irynadelikatna1730 4 місяці тому

    Ліза, луже дякую за блог, за відоси, за підказки і навчання 🤗
    Дуже надихає ❤🎉

  • @vladmaksymenko2283
    @vladmaksymenko2283 25 днів тому

    поставив відео на паузу і любуюся красотою)

  • @darialysak4591
    @darialysak4591 6 місяців тому +1

    Дуже дякую за чергове, неймовірно корисне відео! Наче Всесвітом мені послана. Надихаєш, заряджаєш, мотивуєш! Люблю, обожнюю, іду в ряди твоїх патреончиків♥

  • @agromoway
    @agromoway 7 місяців тому +1

    Чудове відео! В котрий раз розумію що головне це навчене око. Продивлятися багато інших робіт, вміти робити висновки з кожних побачених елементів.
    Від себе можу сказати що патреон Лізи дійсно дуже корисний, там можна почути і знайти інформацію яка правда дуже допомагає розставити все по полочкам в голові і зростати 🥰 дякуємо за твою роботу і творчість❤

  • @nikaarustamian
    @nikaarustamian 6 місяців тому +1

    Дякую за твої відео! Як завжди все інформативно та доступно. Також, обожеюю під час бігу слухати інтерв'ю які ти знімаєш з впливовими особами. Налаштовуюсь на продуктивність та знаходжу мотивацію, якщо десь просіла =)

  • @liliia_myrzakhanova
    @liliia_myrzakhanova 6 місяців тому +1

    дякую за таке інформативне відео!

  • @natashapeschanenko4270
    @natashapeschanenko4270 7 місяців тому +1

    Дякую! Чудовий випуск!

  • @hveskaa
    @hveskaa 7 місяців тому

    Дуже цікаве відео. Особливо коли тільки починаєш перші кроки в цьому.

  • @anhelinabondar4053
    @anhelinabondar4053 7 місяців тому +1

    Я дуже чекала такий розгляд дизайну від тебе. Ти крута! Сподіваюсь схожий контент буде часто зустрічатись) 💫💫💫
    В Apropo наче змінилась перша секція, заблюрений фон, додані інпути з дропдаунами

  • @user-lx8bi7ix8u
    @user-lx8bi7ix8u 7 місяців тому

    Вау😍

  • @user.buser.karapuser
    @user.buser.karapuser 7 місяців тому

    Дуже цікаво, відчувається професіоналізм ❤

  • @ddyysaleer
    @ddyysaleer 7 місяців тому

    Дякую за нове і дуже класне та цікаве відео💞

  • @dianasulvang1870
    @dianasulvang1870 7 місяців тому

    чудове та корисне відео)💫

  • @lizaprodesign
    @lizaprodesign  7 місяців тому +1

    😍 Перевірю твій дизайн і дам корисні ресурси - app.revmywork.com/liza
    ❤ Навчальні матеріали і практика з UX/UI дизайну - www.patreon.com/lizkhl
    👾 інста - instagram.com/lizkhl/
    📱tg канал - t.me/liza_pro_design

  • @sonechkooo
    @sonechkooo 7 місяців тому

    супер відео, дуже цікаво

  • @mira_esmi_od
    @mira_esmi_od 7 місяців тому

    Woooow ліза, дякую ❤

  • @tory_triti
    @tory_triti 7 місяців тому

    Блін реально круте відео!!!!🥰
    А що стосується блоку прайсингу, я пам'ятаю, що в минулій версії на початку було не Background blur і зверху вибір, які можна підібрати під себе, а секції пакетів, де показують пріоритетний (для замовника) вибір. І ніби таблиць стало більше.
    Сподіваюсь правильно згадала)

  • @oglk9338
    @oglk9338 7 місяців тому

    Привет. Мне было бы интересно если бы твои работы разобрал какой то про дизайнер :)

  • @SavchukR.V.
    @SavchukR.V. Місяць тому

    Якщо я роблю дизайн сайту , то чи потрібно ще робити додаткові відступи від сітки ?
    Наприклад розмір фрейму 1920рх, обмежуючий контейнер по сітці для контенту 1440рх.
    Чи потрібно ще відступати для текстового блоку від сітки в 1440 на декілька пікселів ? Наприклад по 10рх.
    Тобто контентна частина буде мати: 1440-10-10=1420.
    Ну для того щоб не було залипання до рамок ?
    Чи це буде робити верстальник ?
    Поясніть якщо знаєте.

  • @SavchukR.V.
    @SavchukR.V. Місяць тому

    І чи потрібно в мобільній версії робити такі відступи ?
    Наприклад розмір під мобілку 360рх.
    Фрейм має мати 360рх, а сітка скільки ?
    360-8-8=344рх. ?
    Чи які є правила ?