- Видео 20
- Просмотров 96 275
Влад Воронежцев: Веб-дизайн UX-UI
Россия
Добавлен 19 окт 2018
Привет! Меня зовут Влад, я веб-дизайнер. Занимаюсь дизайном сайтов и приложений с 2017 года. В диджитал я уже более 6 лет и решил что мне есть о чём рассказать. На данном ютуб канале я рассказываю о своём опыте в UX/UI, подпишись!
Как стать веб-дизайнером с нуля в 2024 году | UX-UI с чего начать?
В этом видео я расскажу тебе о веб-дизайне и как правильно начать свою карьеру в 2024 году. Сфера веб-дизайна обширная и имеет несколько направлений, таких как: UX/UI, графический дизайн, иллюстрации, моушен дизайн итд.
Чтобы ты не запутался во всех аспектах развития, я сделал небольшое видео которое поможет правильно стартануть в любом из этих направлений.
Ставь лайк и подписывайся на канал, это очень важно для развития и помогает мне делать ролики чаще.
#вебдизайн #веб-дизайн #дизайн #ux #ui #uxui #webdesign
Чтобы ты не запутался во всех аспектах развития, я сделал небольшое видео которое поможет правильно стартануть в любом из этих направлений.
Ставь лайк и подписывайся на канал, это очень важно для развития и помогает мне делать ролики чаще.
#вебдизайн #веб-дизайн #дизайн #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 - Дизайн шапки
Спасибо
спасибо. быстро, понятно, без воды и клянчанья лайков.
Спасибо, сэкономили мне кучу времени!
Как при создании навигации так быстро дублировать элементы и объединить их как на видео - чтобы была фиксация отступов и растягивания???
спасибо тебе!!
Что за программа?
Хорошо что я нашла это видео! всё по делу 👍
Как найти следующий этап7
Очень нравится ваша подача информации,все очень доступно.Только начинаю осваивать Figma и все в принципе очень понятно,где не понимаю пересматриваю по несколько раз,только потому что ранее не было опыта работы в графических редакторах.СПАСИБО)))))
Где продолжение бро?) очень интересно
Если из курсов, я бы посоветовала курс от Alice K. Я отучилась ещё в 2022, пришла с полным 0, а вышла уже специалистом, сейчас работаю на позиции миддл, учусь дальше самостоятельно. Но поначалу курс дал сильный толчок в развитии в этой профессии ❤
Красавчик, продолжай дальше и не останавливайся!
дизайн это база
Вячеслав, что посоветуете для начинающего дизайнера веб ?
Психолога
@@design-and-marketing а вы психолог?
Ставьте лайк если видео вам понравилось, это поможет продвижению канала ❣
Огромное спасибо! Просто супер.
Как программа для скринов называется ?
ShareX
Спасибо большое! Очень понятно объясняете!
Добрый день. Подскажите, что нужно сделать, если я хочу подгрузить изображение в Тильду, но такого окна/кнопки просто нет😭
Добрый, заходите в редактирование блока, выбираете фигуру и в правом окне - загрузить изображение.
Здравствуйте, спасибо большое за урок. У Вас много полезной информации на канале! Подскажите, пожалуйста, опцим space-between уже нет в обновлённой Фигме, или они её куда-то спрятали, как заменить эту функцию?
Да, немного изменили. Изучите последние обновления в фигме, там много чего перенесли сейчас
Господи, как полезно и круто всё объяснил. Храни тебя бог, чувак, счастья здоровья и жену богатую 😁 Мне очень помогло твое видео, вижу, что на канале давно не было твоих новых видео. Надеюсь, ты не бросил вести блог, потому что у тебя слишком круто получается! 💗
Спасибо, супер полезно!
Очень много геморроя!
Нет слова катАлог! Есть слово каталОг! Было познавательно смотреть, но ухо режет невозможно слушать)
Иди в кружок по русскому языку)
Супер, спасибо
Спасибо!
А как называется видео с продолжением этого проекта?
Нечаянно забыл поставить запись для продолжения, поэтому в этом проекте ограничился только видео с прототипом.
я новичок. собрал недавно сайт на Тильде и почти сразу заметил полное несоответствие по расположениям элементов между Фигмой и Тильдой (как по ширине, так и по высоте). Хотя для каждого блока был выбран размер width 1400пкс и сетка на 1200.Только высота у каждого блока разная. Правильно пронимаю, что единственным верным решением приблизиться к pxel perfect, это пользоваться таким импортом (css и html не занком)?
Да но часто у тильды всё идёт "не по плану". Поэтому сделать секцию 1920 пикселей в ширину и экспортировать её в тильду будет самым актуальным вариантом на текущий момент.
@@design-and-marketing весь блок 1920 заполнить по ширине контентом ? т е внутри не делается сетка на 1600, 1440 и т п?
какой ты молодец . Так красиво и эстетично все делаешь))))
всегда делал этот в пэйнте. Получалось быстрее
Главное чтобы получалось, а где и как уже неважно)
Оч благодарен вам за то, что погрузили нас в неизведанный космос, теперь понятно, как строится работа на этапе прототипирования в веб дизайне, спасибо вам!
здравствуйте! очень классный урок, но почему-то не открывается тренировочный материал, просто перекидывает на мой аккаунт в фирме. скажите пожалуйста, можно ли это как-то исправить?
Удалил случайно из фигмы, придётся простить и забыть.
И почему обязательно newbies не понял?
Почему у меня нихера не получилось? В вашем условии вы же пишете website, как она может выдать вам дизайн для мобилок не понял?
Я просидела неделю сутками в этих нейронках, чтобы более менее что то получить надо потратить уйму времени и вбивать правильно запросы, ключи и т.д. - всё что выдает ИИ это что то абстрактное, красиво у нее получается только крипота в одном экземпляре, если нужна серия картинок в одном стиле, с одним персонажем например - то такое не может. Сайты тоже так себе, на запрос косметолог выдавала пасту с помидорами😂, редко что то нормальное. Картинку вертикальную получить, пишем в конце -ar 1:2 (двойное тире ар пробел соотношение сторон)
идеальный урок, очень все подробно и понятно мне, спасибо за урок, побольше таких уроков, когда будет время пожалуйста
Хочу поблагодарить вас за отличный урок по созданию дизайна карточек товаров в Figma! Я увлечена изучением разного дизайна для повышения продаж, и ваш урок дал мне много полезной информации, которую я смогу использовать в своих проектах. Объяснения были очень понятными, без воды, легко следовать за каждым шагом. Смотрится на одном дыхании. Это незаменимый урок для всех, кто хочет создавать красивый лаконичный дизайн карточек на маркетплейсах. Спасибо еще раз! Очень вдохновляет.
не понимаю суть данных трюков. Ну сгенирировала нейронка референс. И что? как будто референсов до нейросетей было мало. Бери любой да копируй.
по сути вы просто повторили его сайт?? как с нуля строить в голове а не повторять с сайта как вы сделали
Всё так или иначе уже придумано до нас, не стоит изобретать велосипед особенно в UX. Делая по референсам у вас в конечном итоге получится что-то своё, отличное от примера. Даже в данном видео делая прототип по референсам другого сайта выстраивается немногая иная структура. Делать полностью своё можно только при большом количестве опыта и насмотренности, когда в голове есть понимание где и что должно находиться.
Спасибо :) Очень полезно для начинающих дизайнеров, кто понятия не имеет как будет строиться весь процесс создания прототипа, дизайна и верстки на тильде 😊
Как понятно все вы объясняете, спасибо за ваш труд. Просто супер!!!🌟🌟🌟
Сам генергул пару картинок остался вопрос как сделать картинку для монитора с разрешением на 4к
Апскейл увеличивает количество пикселей, но минус что изменяет работу (иногда корректит), возможно вам придется пару раз сделать апскейл
Есть ли какой-то способ сортировать только свои картинки, чтоб не искать среди хераллионов чужих в чате.
На оплаченном тарифе будут только твои картинки в канале и никто их не будет видеть, также ты не будешь видеть другие.
Нейросеть сделала картинку))
Которую надо еще дорисовать, потому что нейронка делает криво. А верстать, чтобы это было приложением, кто будет? )) Название кликбейтное) А на деле нужно поработать еще ручонками несколько часов и даже суток, чтобы сделать приложение, сайт и прочее ))
Полный процесс создания приложения - ruclips.net/video/8LuWYFpwV3k/видео.html
В целом кул, но вот пиццуха мыльновата, или я не прав? 😵💫
Ты прав, мыльновата, можно было добавить ключ слова: ultra quality, high fidelity, realistic. Тогда думаю было бы лучше качество фоток внутри интерфейса.
Если у вас остались вопросы, пишите их в комментариях я постараюсь на них ответить
Ставьте лайк если видео вам понравилось, это поможет продвижению нашего канала ❣
А как раскомпоненьтить?
Копируешь основной компонент и уже его раскомпоненчиваешь - i.imgur.com/LGH6hca.png
Не хватает в конце заставки с переходом на следующее видео или ссылки в описании, а так - было полезно, спасибо за видос )
23 мин просмотрел и не заметил как время пролетело, красава! Понравилось как все объяснил без всякого нудного шума