Тренды веб дизайна и UI дизайна в 2022 году (Design Trends 2022)

  Рет қаралды 44,675

Наука Дизайна

Наука Дизайна

Күн бұрын

Пікірлер
@Slava_Rosenthal
@Slava_Rosenthal 2 жыл бұрын
Ты съел 3,5 минуты моей жизни в начале видео (. А за обзор - лайк
@Maddson1995
@Maddson1995 3 жыл бұрын
ОГОНЬ! очень хочется урок, как вставлять покадровую анимацию к скроллу )
@Lend99
@Lend99 2 жыл бұрын
Бля, в вордпрессе это есть уже лет 5
@Maddson1995
@Maddson1995 2 жыл бұрын
@@Lend99 в смысле?
@Lend99
@Lend99 2 жыл бұрын
@@Maddson1995 В прямом смысле. Там в Элементоре хоть чертика на калибре можно отрисовать и скролить его колесиком))
@Maddson1995
@Maddson1995 2 жыл бұрын
@@Lend99 просто ВП, это д просто CMS система. Может плагины какие имеешь ввиду?
@Lend99
@Lend99 2 жыл бұрын
@@Maddson1995 Чем меньше плагинов, тем быстрее сайт) Уже давно все встроено в элементор.
@likey_dikey235
@likey_dikey235 Жыл бұрын
Некоторые тайм-коды (которые могут пригодится в моём проекте) 8:10 Вкладки 9:03 - 10:20 Скролл с покадровой анимацией 11:58 Область с видео + Микс шрифтов 14:52 - 14:57 Большое - маленькое. Фоновое видео 15:35 Заголовок в лого 17:20 - 18:08 Курсор-кнопка. Фото-видео и переход между ними по кнопке с анимацией 18:08 - 18:58 Переключение на следующий проект (в конце появляется курсор-кнопка) + Переход с анимацией линии и расширение по вертикали + уход заголовок на задний фон и постепенное исчезновение 19:27 - 19:44 Карточки под наклоном. Анимация со скроллом + Появление иконок, зарисовок, карикатур при наведении на кнопку, текст + Градиент зависящий от места курсора 19:47 Обьёмы из реальности (фото). Элементы сайта поверх такого фото. 20:40 - 21:13 Смена цвета фона + Бегущая, перетекающая подсветка линии, кнопки при наведении 21:53 Скролл сетки изображений 27:32 - 29:09 Композиция и сетка. Воздух как элемент дизайна + иллюзия форм + анимация хронологии (даты и всплывающий текст)
@raketa_vkosmos
@raketa_vkosmos 3 жыл бұрын
Спасибо! Конечно интересно про покадровую анимацию привязанную к скролу🤓
@igorgilewicz1549
@igorgilewicz1549 3 жыл бұрын
Спасибо за сводку. И да - хотим внедрения анимации в скрол (я как раз больше по блендеру чем по фигме)
@ДашаКоробкова-ь6щ
@ДашаКоробкова-ь6щ Жыл бұрын
Бомба! Интересно, зайдёт ли это клиентам клиентов, будет ли сайт понятный.
@Anton.d37
@Anton.d37 Жыл бұрын
Огонь, очень крутой лектор!
@НаталияРадченко-б9ю
@НаталияРадченко-б9ю 2 жыл бұрын
Контент просто круть! Спасибки
@Patrickstul
@Patrickstul 3 жыл бұрын
Что за плагин для плавного скрола?
@niki_lord7716
@niki_lord7716 2 жыл бұрын
Комментарии к работам и смыслам - на 5 баллов!
@yuliyastrembitskaya1441
@yuliyastrembitskaya1441 3 жыл бұрын
Спасибо! Интересное видео. Взяла идею для портфолио. Буду ждать видео про покадровую анимацию)
@codeforgames
@codeforgames 3 жыл бұрын
либо я один такой, либо хз. Не люблю такие сайты с этими модными дизайнами и зайдя один раз, больше не захожу никогда) Из всего выпуска нормальный только 27:57 :) Ещё более менее нормальные, которые получают ежегодные премии, как наша Воронежская red collar. Вероятно, я фан минимализма и максимальной простоты)
@АлесяОсадчук-л1и
@АлесяОсадчук-л1и 2 жыл бұрын
Вот согласна. Такие сайты для красоты. Ну вот для продукта годятся. Среднестатистическому пользователю он будет не удобен. Глаза разбегаются, сайт закрывается …
@nikolaysobolev7017
@nikolaysobolev7017 2 жыл бұрын
Страдает ux/ui, а это главное, дизайн предмет сугубо утилитарный
@happy_lion
@happy_lion 3 жыл бұрын
Огонь, я залип) подборка отличная и интересно разбираете
@an.sirovets
@an.sirovets 2 жыл бұрын
Супер. Покажииии как делать анимацию по скролу😻
@Alchemick-K
@Alchemick-K 2 жыл бұрын
УРАААА!!!!! 😃😃😁😅😅😁 я лайкнула 1000-ЫЙ ЛАЙК!!!! *Здоровья вам удачи, молодцы, ребята!!! ❤
@elenalevasheva3830
@elenalevasheva3830 Жыл бұрын
Спасибо за очень интересную информацию и превосходную подачу материала.
@evgeniynevelskiy9876
@evgeniynevelskiy9876 2 жыл бұрын
Классное видео!
@КристинаКолесник-ч9т
@КристинаКолесник-ч9т 2 жыл бұрын
привет, как тебя найти на беханс?
@Dora-hl6ih
@Dora-hl6ih 2 жыл бұрын
Какая шикарная подборка. Респект их создателям, нужно проделать большую работу, чтобы дойти до такого уровня. Спасибо за видео
@petraral8852
@petraral8852 2 жыл бұрын
ОООО жду урок про анимацию. Очень интересно, спасибо за видео!
@roxone314
@roxone314 2 жыл бұрын
про покадровую анимацию при скроле видос появился?
@andrsn959
@andrsn959 3 жыл бұрын
Отличные комментарии! Минус только в воде, многословие разжижает суть
@niki_lord7716
@niki_lord7716 2 жыл бұрын
Главные вопрос - зачем в примерах ты показываешь забугорные абстрактные сайты в минимализме причем большая часть с анимацией?? А будут практичные примеры и приемы - сайты компаний, лендинги и инет магазины за которые платят деньги а не за эту размазню художественную? Но парочку трендов, такие как скругление и работа с типографикой действительно годные. На практике все это - единичные кейсы у крупных опытных веб-дизайнеров.
@niki_lord7716
@niki_lord7716 2 жыл бұрын
@Владислав Голтвянский ++ тоже самое. Я хоть не крутой UX но всегда также в первую очередь задача провести юзера от А до Б и чтоб выглядело современно, ну то что и требуется. А такое разве что для псевдо проектов отстраненных от массового рынка.
@vladmax2366
@vladmax2366 2 жыл бұрын
Причем здесь забугорные абстрактные сайты? Вы совсем оторваны от мира дизайна? То что вы к своему позору называете "размазней художественной", а именно минимализм, стилизация шрифтов, смещение слов в заголовках, разделительные линии, строгие цвета и прочие приемы показанные в этом видео - все это самые актуальные тренды которые сейчас охватили весь мир веб дизайна и стремительно становятся отраслевым стандартом. Это и есть реальные и практичные примеры за которые платят. Все остальные стили сегодня уже превращаются в архаику и встречаются все реже. Особенно среди действительно профессионалов. То что вы безнадежно отстали от актуальных трендов, называя их "художественной размазней", говорит о том что вы либо новенький в этой сфере, либо совершенно не развиваетесь
@Inna260780
@Inna260780 2 жыл бұрын
Здравствуйте как с Вами связаться?
@WbTopFinds
@WbTopFinds 2 жыл бұрын
Есть ли вы на бихансе?
@pokitoescobaro4453
@pokitoescobaro4453 2 жыл бұрын
Дайте ссылки на эти сайты, пожалуйста
@nikel4015
@nikel4015 Жыл бұрын
отичный контент 🤗
@veronicakostycheva1274
@veronicakostycheva1274 2 жыл бұрын
Где вы находите такие классные сайты, не могу ничего найти похожего для вдохновения и насмотренности😢
@in2fractalout
@in2fractalout 3 жыл бұрын
Действую осознанно, мыслю скроллами, напряжение звенит, воздух контрастирует ~
@alexven5662
@alexven5662 2 жыл бұрын
привет) на 15:22 ты обозревал дизайн и наводил на разные текстовые блоки, где сразу появлялась инфа о шрифте, размере и тд. так вот, скажи пожалуйста, где, или как можно так же смотреть?
@naukadsgn
@naukadsgn 2 жыл бұрын
Привет. В браузере есть приложение WhatFont
@krisshaze4644
@krisshaze4644 2 жыл бұрын
Спасибо, очень круто, вдохновляет на работу и творчество)
@Roman_851
@Roman_851 2 жыл бұрын
Список сайтов бы еще
@СлаваУкраїні-э6ф
@СлаваУкраїні-э6ф 3 жыл бұрын
Я который занимался веб-дизайнов в 2008 году: О! Опять скругленные углы в тренде )))
@alyaanizuk3262
@alyaanizuk3262 2 жыл бұрын
крутая подборка, спасибо! а что за сайт про Украину на 19:32? не могу найти
@maxim_003
@maxim_003 2 жыл бұрын
Можно ссылку на сайт с 3Д самолётом
@menoirdieu
@menoirdieu 3 жыл бұрын
Долгожданное видео) спасибо!
@naukadsgn
@naukadsgn 3 жыл бұрын
Спасибо!)
@IrynaRomanova-d2m
@IrynaRomanova-d2m 3 жыл бұрын
Очень круто! Спасибо за видео, всё очень наглядно. Интересно узнать какделать анимацию скролом)
@nurjaxonismoilov3274
@nurjaxonismoilov3274 2 жыл бұрын
уважаю огонь)
@Denizes_
@Denizes_ 3 жыл бұрын
Спасибо, Роман! Очень полезная информация! Согласен с пердыдущим комментом, также буду ждать видео о покадровой анимации со скроллом!
@НатальяЯна-г5и
@НатальяЯна-г5и 2 жыл бұрын
Большое спасибо! 👍💗
@docammacod
@docammacod 3 жыл бұрын
Как вы смотрите размер шрифта и его семейство?
@naukadsgn
@naukadsgn 3 жыл бұрын
What font виджет в бразуер
@togzhART
@togzhART 2 жыл бұрын
Спасибо! Очень крутое видео! Прям глаза открываете и все становится понятнее!😍
@boriskuznetsov5475
@boriskuznetsov5475 2 жыл бұрын
Спасибо за видео очень много идей подчерпнул. Подскажите пожалуйста каким расширением в брауезере вы пользуетесь, чтобы определять шрифты на сайтах, на тайм лайне 15:30 ?
@boriskuznetsov5475
@boriskuznetsov5475 2 жыл бұрын
Спасибо еще раз, смог самостоятельно найти, если кого тоже заинтересовал этот вопрос, расширение для хрома называется WhatFont, а расширение которым можно определять трекинг в конце видео называется Visual Inspector.
@evgen0805
@evgen0805 3 жыл бұрын
Тильда не поддерживает отрицательный letter spacing? В Zero блоке не получается выставить отрицательное значение для заголовка :(
@naukadsgn
@naukadsgn 3 жыл бұрын
Используй вот такой код #rec393927494 .tn-elem[data-elem-id="1639905162503"] .tn-atom { letter-spacing: -1px; } в инспекторе кода посмотри идентификатор заголовка и название блока. Но можно сделать еще проще. в Зеро блоке кликни правой кнопкой мыши на текст и нажми Add css class и укажи необходимый класс. а потом вставь в блок T123 вот такой код .название класса { letter-spacing: -1px; }
@shvydkyi
@shvydkyi 3 жыл бұрын
За 3Д интересно)
@ksamsonov107
@ksamsonov107 3 жыл бұрын
Пожалуйста, расскажи, что за плагин ты используешь для измерения расстояния межстрочного?!
@naukadsgn
@naukadsgn 3 жыл бұрын
Visual inspector
@Yakramercom
@Yakramercom 2 жыл бұрын
Супер! Хочу урок про покадровую анимация
@LaLu85558
@LaLu85558 2 жыл бұрын
Спасибо. Очень ценная информация 👍
@sergiodesign4058
@sergiodesign4058 3 жыл бұрын
Полезный видос, спасибо бро! 😉
@naukadsgn
@naukadsgn 3 жыл бұрын
Завтра выйдет еще видео про сетки!
@nikel4015
@nikel4015 Жыл бұрын
только не понятно что это за штука справа вверху ) я думал у меня монитору конец ) а это у вас
@Дмитрий-ц5я1т
@Дмитрий-ц5я1т 2 жыл бұрын
Привет, а можно про тренды в мобилках ещё видосик ))
@mrNik0710
@mrNik0710 3 жыл бұрын
🔥🔥🔥 Спасибо за видос!
@AlbinaChernikova
@AlbinaChernikova 3 жыл бұрын
Очень полезное видео! А можно ссылки на сайты? спасибо!
@ЕкатеринаЗиберт-у1ю
@ЕкатеринаЗиберт-у1ю 2 жыл бұрын
А где же ссылочки на рассмотренные сайты?
@АннаРоманцова-й3у
@АннаРоманцова-й3у 3 жыл бұрын
😊спасибо!
@мамадлинныеношки
@мамадлинныеношки 2 жыл бұрын
Спасибо, было ОЧЕНЬ полезно!
@АшотОганесян-к6и
@АшотОганесян-к6и 3 жыл бұрын
Скролл с привязкой очень интересен, ждем!
@Andrewbolotin
@Andrewbolotin 2 жыл бұрын
Было ОЧЕНЬ полезно!
@goblin4089
@goblin4089 3 жыл бұрын
Го видео про блендер
@naukadsgn
@naukadsgn 3 жыл бұрын
С синемы сложно пересесть)
@selfclimbing
@selfclimbing 2 жыл бұрын
Снимайте про тренды мобильного дизайна тоже
@AlevtinaKostyan
@AlevtinaKostyan 3 жыл бұрын
Спасибо за такую классную информацию)
@kristopop2116
@kristopop2116 2 жыл бұрын
Лакос заслужил. Молодец.
@МарияВолкова-г6к
@МарияВолкова-г6к 2 жыл бұрын
покадровую анимацию по скролу хотииииим
@ЕленаЕлена-ь6о
@ЕленаЕлена-ь6о 3 жыл бұрын
Отлично! Полезно! Но как это сделать в дизайне? Расскажите начинающим)
@naukadsgn
@naukadsgn 3 жыл бұрын
nauka-dsgn.ru/composition или у нас в инстаграме есть в актуальных тема "Композиция", там оч много полезного материала
@ASebastianPereira
@ASebastianPereira 3 жыл бұрын
Сразу пишу интересно, пили видос новый :-)
@naukadsgn
@naukadsgn 3 жыл бұрын
Скоро скоро!
@vanmihaylovich
@vanmihaylovich 2 жыл бұрын
Много анимации и скрола на странице показывают навыки дизайнера, верстальщика и frontend разработчика, но не помогают клиенту достичь целей, которые ожидает бизнес. Как с параллакс - круто выглядит, но внимание не на предложении, а на эффектах фона страницы. Очередная фича, которая только вредит задачам бизнеса.
@VoiceSpeck
@VoiceSpeck 2 жыл бұрын
Так и надо было написать: Тренды по моему мнению… Ещё и на 30 минут 🤪
@niki_lord7716
@niki_lord7716 2 жыл бұрын
Типичный инфоциганист судя по вступительным словам. Если не веришь - я тебе могу за 2 минуты объяснить почему. Просто прежде чем рекламировать уточняй сразу что это для полных новичков ничего не соображающих в дизайне, а не для дизайнеров у которых что то не получается. Почему? Да потому что все что ты перечислил: работа с типографикой, ритмы, композиция и т.д. Нормальный уважающий себя дизайнер давно глубоко разбирается в этой теме, даже из бесплатных источников. И не получаться это может только из за отсутствия практики и маленького числа практики. От того что ты задашь определенные правила ученику, которых кстати не существует в дизайне, его работы не станут лучше. Все это приходит только исключительно с опытом и практикой и научить со стороны никто не способен этому) Максимум - это оценить работы и озвучить где именно косяки и над чем надо работать. Но на это способны не только учителя но и другие более опытные специалисты которые сделают это бесплатно, а вообще твой дизайнерский взгляд при сравнении себя с другими работами сам будет говорить тебе нравится ли своя работа или нет и чем она отличается от других мастеров. Это все только с опытом и практикой. Если есть стоящие аргументы против - готов выслушать. А за тренды в 2022 спасибо за идеи)
@Александр-ч6м5ш
@Александр-ч6м5ш 2 жыл бұрын
Неплохо.
@AlexeyLopushanskiy
@AlexeyLopushanskiy Жыл бұрын
Сайт с подъязычными тгк таблетками 😋
@CTILET
@CTILET 2 жыл бұрын
Покадровую анимацию по скроллу! Подписался жду !)
@gardenliken
@gardenliken 2 жыл бұрын
Обожаю смотреть эти модные приговоры, но занимаюсь всеравно вёрсткой. А за контент сп.
@asuskomp7767
@asuskomp7767 2 жыл бұрын
ууууууууууввввввжжжжжжж улетел
@EvgeniyNordman
@EvgeniyNordman Жыл бұрын
2% из 100 увидели эти сайты. Делайте обзор на моб
@AleksandrSizonenko_
@AleksandrSizonenko_ Жыл бұрын
1.25
@eugene1312
@eugene1312 2 жыл бұрын
А с рекламами не перебор? Коммерсант
@lxbcho
@lxbcho Жыл бұрын
долго ты рассказываешь
@marmanduke4878
@marmanduke4878 2 жыл бұрын
Ну и гавнище же, а не дизайн. У таких проектов жизни не будет. Деньги на ветер, фуфло. Никто не будет этим пользоваться
@siviwai
@siviwai Жыл бұрын
Как по мне это охренительный дизайн, гораздо лучше типовой сайтов с панелью сверху
@Artur_Bagaviev
@Artur_Bagaviev 2 жыл бұрын
как сложно слушать этого человека
@naukadsgn
@naukadsgn 2 жыл бұрын
Почему?
@veronicababiy5209
@veronicababiy5209 2 жыл бұрын
согл. я слушала на скорости 2х и все равно как-то с замедлениями было
@Lend99
@Lend99 2 жыл бұрын
Почему сайты на английском? Напишите русским огромным шрифтом))) Вот тогда и поговорим за дизайн бггг
Разбор ваших работ. 12
26:12
Наука Дизайна
Рет қаралды 3,2 М.
Всё об Auto Layout в Figma
12:57
Наука Дизайна
Рет қаралды 31 М.
It’s all not real
00:15
V.A. show / Магика
Рет қаралды 20 МЛН
Мясо вегана? 🧐 @Whatthefshow
01:01
История одного вокалиста
Рет қаралды 7 МЛН
ТОП 10 ТРЕНДОВ ВЕБ-ДИЗАЙНА 2022 года
7:38
Денис Верхоломчук
Рет қаралды 12 М.
Тренды в дизайне. Композиция и типографика. 2020-21
17:30
Prototyping and animation in Figma
29:47
Disarto
Рет қаралды 246 М.
🎨СТИЛИ В ВЕБ-ДИЗАЙНЕ
9:39
Sofya Filippova
Рет қаралды 50 М.