Влад Воронежцев: Веб-дизайн UX-UI
Влад Воронежцев: Веб-дизайн UX-UI
  • 20
  • 91 946
Как стать веб-дизайнером с нуля в 2024 году | UX-UI с чего начать?
В этом видео я расскажу тебе о веб-дизайне и как правильно начать свою карьеру в 2024 году. Сфера веб-дизайна обширная и имеет несколько направлений, таких как: UX/UI, графический дизайн, иллюстрации, моушен дизайн итд.
Чтобы ты не запутался во всех аспектах развития, я сделал небольшое видео которое поможет правильно стартануть в любом из этих направлений.
Ставь лайк и подписывайся на канал, это очень важно для развития и помогает мне делать ролики чаще.
#вебдизайн #веб-дизайн #дизайн #ux #ui #uxui #webdesign
มุมมอง: 464

วีดีโอ

Нейросеть генерирует дизайн приложения | Искусственный интеллект
มุมมอง 5Kปีที่แล้ว
Как Midjourney может быть полезен дизайнеру? Хоть и профессия веб-дизайнера еще имеет шансы на существование, искусственный интеллект уже делает первые шаги к смене трендов в данной сфере деятельности. Совсем скоро работа веб-дизайнеров будет выстраиваться в совсем другом направлении, а именно в адаптировании генерируемых интерфейсов нейросетью до готового результата. В данном видео мы рассказы...
Как сделать сайт на Tilda из стандартных и Zero блоков? Мастер-класс
มุมมอง 791ปีที่แล้ว
Часть 1. В этом видео мы переносим главную страницу старого сайта на Tilda и немного её редизайним. Многие задаются вопросом как сделать сайт на Tilda с нуля без практики? На одном из реальных проектов мы показываем как легко и просто создать сайт на платформе тильда с применением zero блоков и даже html css кода. Смотрите наш мастер-класс по разработке сайта на Tilda и пишите свои вопросы в ко...
Как сделать Дизайн карточки товара для маркетплейсов в Figma
มุมมอง 15Kปีที่แล้ว
В данном видеоуроке я покажу как создавать дизайн карточек товаров для известных российских маркетплейсов, а именно для Wildberries, Ozon и Яндекс Маркет. В качестве примера мы возьмем товар «чайник» и сделаем дизайн карточки для Вайлдбериз в Figma. Подпишись на канал чтобы не пропустить новые ролики! #figma #wildberries #ozon #design #дизайн #вебдизайн #ui #uidesign #ux #uxdesign #webdesign #д...
Лайфхаки при работе в Figma 2022 | Как ускорить работу в фигме
มุมมอง 2.1K2 ปีที่แล้ว
В данном видео уроке из серии про дизайн мы дальше рассмотрим программу Figma, а точнее как ускорить свою работу в ней. Основная цель фигмы это помочь дизайнерам создавать проекты быстрее и качественнее, но для этого потребуется выучить не мало горячих клавиш и мы вам с этим немного поможем! Ссылка на тренировочный материал - bit.ly/3DzgsBC #figma #Фигма #вебдизайн #дизайн #решениемаркетинг
Компоненты в Figma за 5 минут [2022] Уроки дизайна в Фигма
มุมมอง 1.4K2 ปีที่แล้ว
В данном видео мы рассмотрим как создавать компоненты в Figma и работать с ними. Заменить иконки, текст и фотографии в дополнительных компонентах может быть не так просто, как кажется. В следующих уроках рассмотрим как создать дополнительные настройки компонентам для быстрого редактирования и замены контента на страницах в вашем дизайне. Подписывайтесь на наш Ютуб-канал чтобы не пропустить новы...
Создание прототипа сайта - Прототипирование в Figma |
มุมมอง 34K2 ปีที่แล้ว
Согласование структуры веб-сайта, первый и самый важный этап при создании сайта под ключ. В этом видео мы создадим прототип сайта для согласования с заказчиком, чтобы утвердить количество страниц, их структуру и расположение элементов у нашего будущего сайта. #прототип #figma #вебдизайн #прототипирование #фигма
Как сделать дизайн иконок самому | Иконки в стиле гласс морфизм
มุมมอง 7002 ปีที่แล้ว
В данном уроке мы рассмотрим как веб-дизайнеру самому сделать иконки для веб-сайта. Учимся делать дизайн уникальных иконок в Figma. Подписывайтесь на наш Ютуб-канал чтобы не пропустить новые ролики. Мы ВКонтакте - decision.marketing #figma #design #иконки #icons
Как делать дизайн публикаций SMM-специалисту | Дизайн сммщику
มุมมอง 8K2 ปีที่แล้ว
В данном уроке мы рассмотрим как smm специалисту сделать быстро и красиво дизайн публикаций для соцсетей. Подписывайтесь на наш Ютуб-канал чтобы не пропустить новые ролики. Мы ВКонтакте - decision.marketing #figma #design #smm
Как перенести дизайн сайта из Figma на Tilda | Из фигмы в тильду
มุมมอง 8K2 ปีที่แล้ว
В данном онлайн уроке по фигме мы адаптируем дизайн, полностью подготовим его к переносу на платформу Tilda Publishing и экспортируем с помощью стандартных плагинов. Данным способом пользуются как начинающие дизайнеры так и профессионалы в больших студиях! Используйте его чтобы ускорить свою работу в области веб-дизайна. Подписывайтесь на наш Ютуб-канал чтобы не пропустить новые ролики! Мы ВКон...
Топ ошибки при создании интернет-магазина | Редизайн сайта в Figma
มุมมอง 2582 ปีที่แล้ว
В данном коротком видео уроке мы разберём основные ошибки начинающих UX UI дизайнеров при создании крупных интерфейсов, особенно при создании интернет-магазинов. 00:00 - пример плохого интернет-магазина 00:24 - изображения взяты из интернета или в плохом качестве 01:55 - отсутствует специальное предложение 02:18 - разные иконки на сайте 03:12 - редизайн карточки товара 04:30 - редизайн страницы...
Как сделать дизайн сайта в Figma | Урок #5 - Дизайн подвала
มุมมอง 8732 ปีที่แล้ว
Как сделать дизайн сайта в Figma | Урок #5 - Дизайн подвала
Как сделать дизайн сайта в Figma | Урок #4 - Дизайн карточек отзывов
มุมมอง 5142 ปีที่แล้ว
Как сделать дизайн сайта в Figma | Урок #4 - Дизайн карточек отзывов
Как сделать дизайн сайта в Figma | Урок #3 - Дизайн слайдера и кнопок
มุมมอง 7542 ปีที่แล้ว
Как сделать дизайн сайта в Figma | Урок #3 - Дизайн слайдера и кнопок
Как сделать дизайн сайта в Figma | Урок #2 - Создание главного экрана
มุมมอง 1.8K2 ปีที่แล้ว
Как сделать дизайн сайта в Figma | Урок #2 - Создание главного экрана
Как сделать дизайн сайта в Figma | Урок #1 - Дизайн шапки
มุมมอง 4.9K2 ปีที่แล้ว
Как сделать дизайн сайта в Figma | Урок #1 - Дизайн шапки

ความคิดเห็น

  • @РоманРоман-в1ш
    @РоманРоман-в1ш 5 วันที่ผ่านมา

    спасибо. быстро, понятно, без воды и клянчанья лайков.

  • @pinkfroggy9897
    @pinkfroggy9897 17 วันที่ผ่านมา

    Спасибо, сэкономили мне кучу времени!

  • @АлёнаХаритонова-м7э
    @АлёнаХаритонова-м7э หลายเดือนก่อน

    Как при создании навигации так быстро дублировать элементы и объединить их как на видео - чтобы была фиксация отступов и растягивания???

  • @СофияШведова-т9ъ
    @СофияШведова-т9ъ 3 หลายเดือนก่อน

    спасибо тебе!!

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

    Что за программа?

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

    Хорошо что я нашла это видео! всё по делу 👍

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

    Как найти следующий этап7

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

    Очень нравится ваша подача информации,все очень доступно.Только начинаю осваивать Figma и все в принципе очень понятно,где не понимаю пересматриваю по несколько раз,только потому что ранее не было опыта работы в графических редакторах.СПАСИБО)))))

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

    Где продолжение бро?) очень интересно

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

    Если из курсов, я бы посоветовала курс от Alice K. Я отучилась ещё в 2022, пришла с полным 0, а вышла уже специалистом, сейчас работаю на позиции миддл, учусь дальше самостоятельно. Но поначалу курс дал сильный толчок в развитии в этой профессии ❤

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

    Красавчик, продолжай дальше и не останавливайся!

  • @ИльяКривенков-у6э
    @ИльяКривенков-у6э 9 หลายเดือนก่อน

    дизайн это база

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

    Вячеслав, что посоветуете для начинающего дизайнера веб ?

    • @design-and-marketing
      @design-and-marketing 9 หลายเดือนก่อน

      Психолога

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

      @@design-and-marketing а вы психолог?

  • @design-and-marketing
    @design-and-marketing 9 หลายเดือนก่อน

    Ставьте лайк если видео вам понравилось, это поможет продвижению канала ❣

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

    Огромное спасибо! Просто супер.

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

    Как программа для скринов называется ?

  • @Dan-vt5bf8jx1g
    @Dan-vt5bf8jx1g 11 หลายเดือนก่อน

    Спасибо большое! Очень понятно объясняете!

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

    Добрый день. Подскажите, что нужно сделать, если я хочу подгрузить изображение в Тильду, но такого окна/кнопки просто нет😭

    • @design-and-marketing
      @design-and-marketing ปีที่แล้ว

      Добрый, заходите в редактирование блока, выбираете фигуру и в правом окне - загрузить изображение.

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

    Здравствуйте, спасибо большое за урок. У Вас много полезной информации на канале! Подскажите, пожалуйста, опцим space-between уже нет в обновлённой Фигме, или они её куда-то спрятали, как заменить эту функцию?

    • @design-and-marketing
      @design-and-marketing ปีที่แล้ว

      Да, немного изменили. Изучите последние обновления в фигме, там много чего перенесли сейчас

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

    Господи, как полезно и круто всё объяснил. Храни тебя бог, чувак, счастья здоровья и жену богатую 😁 Мне очень помогло твое видео, вижу, что на канале давно не было твоих новых видео. Надеюсь, ты не бросил вести блог, потому что у тебя слишком круто получается! 💗

  • @КристинаРогозина-е4б
    @КристинаРогозина-е4б ปีที่แล้ว

    Спасибо, супер полезно!

  • @happy--user
    @happy--user ปีที่แล้ว

    Очень много геморроя!

  • @АлександрКазанский-ц2ш
    @АлександрКазанский-ц2ш ปีที่แล้ว

    Нет слова катАлог! Есть слово каталОг! Было познавательно смотреть, но ухо режет невозможно слушать)

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

      Иди в кружок по русскому языку)

  • @СофьяМаркова-щ4з
    @СофьяМаркова-щ4з ปีที่แล้ว

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

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

    Спасибо!

  • @polly.procenko
    @polly.procenko ปีที่แล้ว

    А как называется видео с продолжением этого проекта?

    • @design-and-marketing
      @design-and-marketing ปีที่แล้ว

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

  • @ФокусникАртемНежута
    @ФокусникАртемНежута ปีที่แล้ว

    я новичок. собрал недавно сайт на Тильде и почти сразу заметил полное несоответствие по расположениям элементов между Фигмой и Тильдой (как по ширине, так и по высоте). Хотя для каждого блока был выбран размер width 1400пкс и сетка на 1200.Только высота у каждого блока разная. Правильно пронимаю, что единственным верным решением приблизиться к pxel perfect, это пользоваться таким импортом (css и html не занком)?

    • @design-and-marketing
      @design-and-marketing ปีที่แล้ว

      Да но часто у тильды всё идёт "не по плану". Поэтому сделать секцию 1920 пикселей в ширину и экспортировать её в тильду будет самым актуальным вариантом на текущий момент.

    • @ФокусникАртемНежута
      @ФокусникАртемНежута ปีที่แล้ว

      @@design-and-marketing весь блок 1920 заполнить по ширине контентом ? т е внутри не делается сетка на 1600, 1440 и т п?

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

    какой ты молодец . Так красиво и эстетично все делаешь))))

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

    всегда делал этот в пэйнте. Получалось быстрее

    • @design-and-marketing
      @design-and-marketing ปีที่แล้ว

      Главное чтобы получалось, а где и как уже неважно)

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

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

  • @ХалимаВаниева
    @ХалимаВаниева ปีที่แล้ว

    здравствуйте! очень классный урок, но почему-то не открывается тренировочный материал, просто перекидывает на мой аккаунт в фирме. скажите пожалуйста, можно ли это как-то исправить?

    • @design-and-marketing
      @design-and-marketing ปีที่แล้ว

      Удалил случайно из фигмы, придётся простить и забыть.

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

    И почему обязательно newbies не понял?

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

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

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

      Я просидела неделю сутками в этих нейронках, чтобы более менее что то получить надо потратить уйму времени и вбивать правильно запросы, ключи и т.д. - всё что выдает ИИ это что то абстрактное, красиво у нее получается только крипота в одном экземпляре, если нужна серия картинок в одном стиле, с одним персонажем например - то такое не может. Сайты тоже так себе, на запрос косметолог выдавала пасту с помидорами😂, редко что то нормальное. Картинку вертикальную получить, пишем в конце -ar 1:2 (двойное тире ар пробел соотношение сторон)

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

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

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

    Хочу поблагодарить вас за отличный урок по созданию дизайна карточек товаров в Figma! Я увлечена изучением разного дизайна для повышения продаж, и ваш урок дал мне много полезной информации, которую я смогу использовать в своих проектах. Объяснения были очень понятными, без воды, легко следовать за каждым шагом. Смотрится на одном дыхании. Это незаменимый урок для всех, кто хочет создавать красивый лаконичный дизайн карточек на маркетплейсах. Спасибо еще раз! Очень вдохновляет.

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

    не понимаю суть данных трюков. Ну сгенирировала нейронка референс. И что? как будто референсов до нейросетей было мало. Бери любой да копируй.

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

    по сути вы просто повторили его сайт?? как с нуля строить в голове а не повторять с сайта как вы сделали

    • @design-and-marketing
      @design-and-marketing ปีที่แล้ว

      Всё так или иначе уже придумано до нас, не стоит изобретать велосипед особенно в UX. Делая по референсам у вас в конечном итоге получится что-то своё, отличное от примера. Даже в данном видео делая прототип по референсам другого сайта выстраивается немногая иная структура. Делать полностью своё можно только при большом количестве опыта и насмотренности, когда в голове есть понимание где и что должно находиться.

  • @АнастасияАяпова-ц5п
    @АнастасияАяпова-ц5п ปีที่แล้ว

    Спасибо :) Очень полезно для начинающих дизайнеров, кто понятия не имеет как будет строиться весь процесс создания прототипа, дизайна и верстки на тильде 😊

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

    Как понятно все вы объясняете, спасибо за ваш труд. Просто супер!!!🌟🌟🌟

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

    Сам генергул пару картинок остался вопрос как сделать картинку для монитора с разрешением на 4к

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

      Апскейл увеличивает количество пикселей, но минус что изменяет работу (иногда корректит), возможно вам придется пару раз сделать апскейл

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

    Есть ли какой-то способ сортировать только свои картинки, чтоб не искать среди хераллионов чужих в чате.

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

      На оплаченном тарифе будут только твои картинки в канале и никто их не будет видеть, также ты не будешь видеть другие.

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

    Нейросеть сделала картинку))

    • @PaulMarsden-c6u
      @PaulMarsden-c6u ปีที่แล้ว

      Которую надо еще дорисовать, потому что нейронка делает криво. А верстать, чтобы это было приложением, кто будет? )) Название кликбейтное) А на деле нужно поработать еще ручонками несколько часов и даже суток, чтобы сделать приложение, сайт и прочее ))

  • @design-and-marketing
    @design-and-marketing ปีที่แล้ว

    Полный процесс создания приложения - th-cam.com/video/8LuWYFpwV3k/w-d-xo.html

  • @ИльяКривенков-у6э
    @ИльяКривенков-у6э ปีที่แล้ว

    В целом кул, но вот пиццуха мыльновата, или я не прав? 😵‍💫

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

      Ты прав, мыльновата, можно было добавить ключ слова: ultra quality, high fidelity, realistic. Тогда думаю было бы лучше качество фоток внутри интерфейса.

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

    Если у вас остались вопросы, пишите их в комментариях я постараюсь на них ответить

  • @design-and-marketing
    @design-and-marketing ปีที่แล้ว

    Ставьте лайк если видео вам понравилось, это поможет продвижению нашего канала ❣

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

    А как раскомпоненьтить?

    • @design-and-marketing
      @design-and-marketing ปีที่แล้ว

      Копируешь основной компонент и уже его раскомпоненчиваешь - i.imgur.com/LGH6hca.png

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

    Не хватает в конце заставки с переходом на следующее видео или ссылки в описании, а так - было полезно, спасибо за видос )

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

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

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

    Спасибо ❤