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

Видео

Нейросеть генерирует дизайн приложения | Искусственный интеллект
Просмотров 6 тыс.Год назад
Как Midjourney может быть полезен дизайнеру? Хоть и профессия веб-дизайнера еще имеет шансы на существование, искусственный интеллект уже делает первые шаги к смене трендов в данной сфере деятельности. Совсем скоро работа веб-дизайнеров будет выстраиваться в совсем другом направлении, а именно в адаптировании генерируемых интерфейсов нейросетью до готового результата. В данном видео мы рассказы...
Как сделать сайт на Tilda из стандартных и Zero блоков? Мастер-класс
Просмотров 8242 года назад
Часть 1. В этом видео мы переносим главную страницу старого сайта на Tilda и немного её редизайним. Многие задаются вопросом как сделать сайт на Tilda с нуля без практики? На одном из реальных проектов мы показываем как легко и просто создать сайт на платформе тильда с применением zero блоков и даже html css кода. Смотрите наш мастер-класс по разработке сайта на Tilda и пишите свои вопросы в ко...
Как сделать Дизайн карточки товара для маркетплейсов в Figma
Просмотров 16 тыс.2 года назад
В данном видеоуроке я покажу как создавать дизайн карточек товаров для известных российских маркетплейсов, а именно для Wildberries, Ozon и Яндекс Маркет. В качестве примера мы возьмем товар «чайник» и сделаем дизайн карточки для Вайлдбериз в Figma. Подпишись на канал чтобы не пропустить новые ролики! #figma #wildberries #ozon #design #дизайн #вебдизайн #ui #uidesign #ux #uxdesign #webdesign #д...
Лайфхаки при работе в Figma 2022 | Как ускорить работу в фигме
Просмотров 2,2 тыс.2 года назад
В данном видео уроке из серии про дизайн мы дальше рассмотрим программу Figma, а точнее как ускорить свою работу в ней. Основная цель фигмы это помочь дизайнерам создавать проекты быстрее и качественнее, но для этого потребуется выучить не мало горячих клавиш и мы вам с этим немного поможем! Ссылка на тренировочный материал - bit.ly/3DzgsBC #figma #Фигма #вебдизайн #дизайн #решениемаркетинг
Компоненты в Figma за 5 минут [2022] Уроки дизайна в Фигма
Просмотров 1,5 тыс.2 года назад
В данном видео мы рассмотрим как создавать компоненты в Figma и работать с ними. Заменить иконки, текст и фотографии в дополнительных компонентах может быть не так просто, как кажется. В следующих уроках рассмотрим как создать дополнительные настройки компонентам для быстрого редактирования и замены контента на страницах в вашем дизайне. Подписывайтесь на наш Ютуб-канал чтобы не пропустить новы...
Создание прототипа сайта - Прототипирование в Figma |
Просмотров 36 тыс.2 года назад
Согласование структуры веб-сайта, первый и самый важный этап при создании сайта под ключ. В этом видео мы создадим прототип сайта для согласования с заказчиком, чтобы утвердить количество страниц, их структуру и расположение элементов у нашего будущего сайта. #прототип #figma #вебдизайн #прототипирование #фигма
Как сделать дизайн иконок самому | Иконки в стиле гласс морфизм
Просмотров 7432 года назад
В данном уроке мы рассмотрим как веб-дизайнеру самому сделать иконки для веб-сайта. Учимся делать дизайн уникальных иконок в Figma. Подписывайтесь на наш Ютуб-канал чтобы не пропустить новые ролики. Мы ВКонтакте - decision.marketing #figma #design #иконки #icons
Как делать дизайн публикаций SMM-специалисту | Дизайн сммщику
Просмотров 8 тыс.2 года назад
В данном уроке мы рассмотрим как smm специалисту сделать быстро и красиво дизайн публикаций для соцсетей. Подписывайтесь на наш Ютуб-канал чтобы не пропустить новые ролики. Мы ВКонтакте - decision.marketing #figma #design #smm
Как перенести дизайн сайта из Figma на Tilda | Из фигмы в тильду
Просмотров 8 тыс.2 года назад
В данном онлайн уроке по фигме мы адаптируем дизайн, полностью подготовим его к переносу на платформу Tilda Publishing и экспортируем с помощью стандартных плагинов. Данным способом пользуются как начинающие дизайнеры так и профессионалы в больших студиях! Используйте его чтобы ускорить свою работу в области веб-дизайна. Подписывайтесь на наш Ютуб-канал чтобы не пропустить новые ролики! Мы ВКон...
Топ ошибки при создании интернет-магазина | Редизайн сайта в Figma
Просмотров 2612 года назад
В данном коротком видео уроке мы разберём основные ошибки начинающих UX UI дизайнеров при создании крупных интерфейсов, особенно при создании интернет-магазинов. 00:00 - пример плохого интернет-магазина 00:24 - изображения взяты из интернета или в плохом качестве 01:55 - отсутствует специальное предложение 02:18 - разные иконки на сайте 03:12 - редизайн карточки товара 04:30 - редизайн страницы...
Как сделать дизайн сайта в Figma | Урок #5 - Дизайн подвала
Просмотров 9042 года назад
Как сделать дизайн сайта в Figma | Урок #5 - Дизайн подвала
Как сделать дизайн сайта в Figma | Урок #4 - Дизайн карточек отзывов
Просмотров 5332 года назад
Как сделать дизайн сайта в Figma | Урок #4 - Дизайн карточек отзывов
Как сделать дизайн сайта в Figma | Урок #3 - Дизайн слайдера и кнопок
Просмотров 7842 года назад
Как сделать дизайн сайта в Figma | Урок #3 - Дизайн слайдера и кнопок
Как сделать дизайн сайта в Figma | Урок #2 - Создание главного экрана
Просмотров 1,9 тыс.2 года назад
Как сделать дизайн сайта в Figma | Урок #2 - Создание главного экрана
Как сделать дизайн сайта в Figma | Урок #1 - Дизайн шапки
Просмотров 5 тыс.2 года назад
Как сделать дизайн сайта в Figma | Урок #1 - Дизайн шапки

Комментарии

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

    Спасибо

  • @РоманРоман-в1ш
    @РоманРоман-в1ш 2 месяца назад

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

  • @pinkfroggy9897
    @pinkfroggy9897 2 месяца назад

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

  • @АлёнаХаритонова-м7э
    @АлёнаХаритонова-м7э 2 месяца назад

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

  • @СофияШведова-т9ъ
    @СофияШведова-т9ъ 5 месяцев назад

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

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

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

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

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

  • @julim4765
    @julim4765 9 месяцев назад

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

  • @famjaat4031
    @famjaat4031 10 месяцев назад

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

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

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

  • @Inna_aksenova2001
    @Inna_aksenova2001 10 месяцев назад

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

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

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

  • @ИльяКривенков-у6э
    @ИльяКривенков-у6э 11 месяцев назад

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

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

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

    • @design-and-marketing
      @design-and-marketing 11 месяцев назад

      Психолога

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

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

  • @design-and-marketing
    @design-and-marketing 11 месяцев назад

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

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

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

  • @SeniorHuguenot
    @SeniorHuguenot Год назад

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

  • @Dan-vt5bf8jx1g
    @Dan-vt5bf8jx1g Год назад

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

  • @dashahoroshaya386
    @dashahoroshaya386 Год назад

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

    • @design-and-marketing
      @design-and-marketing Год назад

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

  • @zhannavasylievasandshow5129
    @zhannavasylievasandshow5129 Год назад

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

    • @design-and-marketing
      @design-and-marketing Год назад

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

  • @yunosheva_yu
    @yunosheva_yu Год назад

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

  • @КристинаРогозина-е4б

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

  • @happy--user
    @happy--user Год назад

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

  • @АлександрКазанский-ц2ш

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

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

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

  • @СофьяМаркова-щ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п

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

  • @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 Год назад

    Полный процесс создания приложения - ruclips.net/video/8LuWYFpwV3k/видео.html

  • @ИльяКривенков-у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 мин просмотрел и не заметил как время пролетело, красава! Понравилось как все объяснил без всякого нудного шума