Неон в дизайне: куда применить и какие шрифты брать

Неон снова в моде — и не только в вывесках. Сегодня его используют в веб-дизайне, упаковке, рекламе и даже в UI. Главное — не переборщить и подобрать правильный шрифт. Где уместен неон: — тёмные сайты с ночной атмосферой — постеры, афиши, ивенты — digital-обложки — футуристичные лендинги — проекты с ностальгией по 80-м 💡 Что важно: — Неоновый эффект хорошо работает на тёмном фоне — Шрифт должен быть простым — без засечек и лишнего декора — Добавь немного свечения или дублируй слой с блюром Кириллические шрифты, которые подойдут для неонового стиля: Neon Tubes, Futurico, Metropol, Neon Vortex, Lineat III Рекомендация для сочетания: тёмные градиенты, ретро-иконки, глитч-анимации #вебдизайн #шрифты #неон #типографика #эффекты #дизайнсоветы #webminute
Изображение поста

Отключите дизайнерам Самоката Дрибл пожалуйста 💀

Я с новыми обновлениями нереальную когнитивную нагрузку испытываю. Поиск убрали вниз (причём сначала он по центру, потом переезжает влево). Зачем-то фиксируют сверху кружочки-пагинацию баннеров (ни одного юзкейса придумать не могу), и, по ощущениям, приложение раза в 2 хуже работать стало. Подозреваю, что всё из-за ублюдского бекграунд блюра, который жрёт ресурсы. У Самоката и так был не самый дружелюбный каталог, а теперь вообще труба. Я покушац захожу купить, а не ребусы ваши отгадывать. @uxlead
Изображение поста

тест слоу-мо, исходник в 60 фпс, замедленный до 30 со спидрампами в монтаже, моушн блюр добавлен в АЕ (pixel motion blur)

Как видно блюр не справляется, местами выглядит дико. Нативный мармосетовский блюр выглядит в разы лучше, но рендерится сильно дольше, плюс скипает волосы и одежду, потому что это покадровые алембики и у них нет вектора движения (втф) В общем дилемма.
Video is not supported

📌 Добавляем блюр к движущимся объектам в Photoshop

Автор: Vimal Krishnattri #ps
Video is not supported
🐻 Базовые наборы в трендовых цветах 2025 по версии Pinterest
Залью одним паком, чтобы не растягивать) Первый пак Cherry Red тут ↩️ https://t.me/png_ak/16465">https://t.me/png_ak/16465 Для самостоятельных: •Butter Yellow: Hex # FFEDA8 RGB 255, 237, 168 CMYK 1, 4, 41, 0 •Aura: Hex # B0A6DF RGB 176, 166, 233 CMYK 30, 33, 0, 0 Dill Green: Hex # 4E6813 RGB 78, 104, 19 CMYK 69, 38, 100, 27 Alpine Oat: Hex # F0E7DA RGB 240, 231, 218 CMYK 5, 7, 13, 0 ➖➖➖➖➖➖➖ #элементы #плашки #рамки #новый_пост #новый_рилс #новое_видео #инфографика #стрелки #реакции #eng #градиент #пятна #блюр #уведомления ➖➖➖➖➖➖➖ ✈️ тг•канал со стикерами 🌐 про маркетинг и не только 💚💚💚💚💚💚💚
Изображение поста
Изображение поста
Blurred Effects — коллекция текстур с блюр-эффектом.
🔗 Figma Community ▫️ #assets
Изображение поста
Изображение канала: Полезное дизайнеру
Реалистичные тенюшки сделаны на CSS!
Отдаляясь от поверхности, становятся и светлее и блюрнее. Вот так сделано: .layer:hover { transform: translate3d(0, 0, 10px); } .layer:hover .sibling-shadow {/* translate + opacity */ }
Video is not supported
Изображение канала: Сейф Дизайнера
blur text effect
Эффект блюра #action @seif_designera 🗄
Video is not supported
Изображение канала: Немонтаж
Одна из топ функций в Блюррр, которую заметил, можно совмещать пресеты для текста. В данном случае я наложил 4 разных пресета, и у каждого могу регулировать кривые скорости.
А заготовок в программе достаточно, представьте сколько комбинаций и интересных анимаций можно с ними сделать?!)
Video is not supported
Изображение канала: PSD.ец
📱 Необычный эффект блюра
#уроки | PSD.ец
Video is not supported
Изображение канала: PNG - СТИКЕРЫ ▪️ СТОРИС ▪️ВИДЕО ФОНЫ
📌 В опросе лидирует Cherry red / Вишнево-красный 🍒
С него и начнем эту неделю) 2 пака в этом сочном цвете гружу в комментарии, ловите 🤫остальные тоже будут Для самостоятельных: Hex # 74070E RGB 116, 7, 14 CMYK 31, 100, 100, 43 ➖➖➖➖➖➖➖ #элементы #плашки #рамки #новый_пост #новый_рилс #новое_видео #инфографика #стрелки #реакции #eng #градиент #пятна #блюр #уведомления ➖➖➖➖➖➖➖ ✈️ тг•канал со стикерами 🌐 про маркетинг и не только 💚💚💚💚💚💚💚
Изображение поста
Изображение поста
Изображение канала: Adobe After Effects
#smaslom_stories
пару дней назад я опубликовал опросник, в котором большинство пользователей проголосовало за типсы и истории из профессиональной жизни. Последнее будет даваться сложнее, так как в век перенасыщения информации мои переодически всплывающие графоманские замашки будут попросту зарезаться непостоянным вниманием зрителя. поэтому разобью некоторые истории на короткие отрезки по паре-тройке абзацев) история про причиндалы собаки Когда я только начал заниматься моушен-дизайном(это 12 лет назад уже, получается), мне довелось поучаствовать в продакшене рекламного ролика для нового приложения Тинькофф банка. позвали приглашенных актеров, сняли огромный павильон на один съемочный день, я на площадке помогал по звуку и чуть по всяким по сюжету, семья сидит в обычной квартире и ужинает. у всех стеклянные банки на голове, под столом скулит собачка, у нее тоже на голове банка. вдруг стену пробивает мужик и рекламирует приложение онлайн банка со слоганом “хватит жить в банках”. ну, креативная игра слов. все прошло на ура слом стены получился с первого раза! но когда дошло до пост-продакшена, то выяснилось, что в монтаж попал ракурс собаки, где у нее причиндалы трясутся на весь кадр. собственно, так как в команде один я был моушен-дизайнер на тот момент, то мне пришлось трекать, блюрить , одним словом клинапить собачью бабулдыгу. но получилось весело) режиссером был Андрей Панфилов, сейчас у него тоже свой полновесный продакшн, и мы периодически сотрудничаем до сих пор) - режиссер Андрей Панфилов - оператор Никита Рытов - звук, моушн-дизайн и клинап собаки - ваш смиренный слуга))
Video is not supported
Изображение канала: Адовый UX
Как правильно реализовать эффект матового стекла на сайтах
Популярный эффект матового или «замёрзшего» стекла почти на всех сайтах, что я встречал, реализован с заметными недостатками: дрожанием, мерцанием и тому подобными дефектами Джош Комо написал кайфовую статью с разбором всех таких недостатков и, главное, с примерами его грамотной реализации в CSS Например, он показал, как сделать так, чтобы блюр захватывал элементы, находящиеся рядом с плашкой, как избежать мерцания, как сделать прозрачную фаску, как правильно добавить стеклу визуальной толщины и другие хитрости В статье есть фрагменты готового кода и интерактивные примеры В общем, читайте, добавляйте в закладки и отправляйте своим технологам: joshwcomeau.com/css/backdrop-filter #awd_article #awd_web
Изображение поста
Изображение канала: Философия дизайна с Филипповой Софьей
🆕 Новый плагин с крутым эффектом блюра
Он делает интересный эффект, который я использовала для текста Плагин Progressive Blur
Изображение поста
Изображение канала: ARTMANAZ
🩶 Стикер-тайм 🩶
Накачала стикеров из Canva (некоторые платные) и разбила по тематикам. Встречайте первый пак- стикеры с блюром⭐️ 40 стикеров в комментариях💋 Скачивайте и оформляйте свой контентик💋
Изображение поста
Изображение канала: Проекты After Effects
Blace - AI Face Detection & Blurring Plugin for AE
Плагин позволяет распознавать лица на видео и блюрить их. 💾 СКАЧАТЬ #Plugins #Effects #AfterEffects
Video is not supported
Изображение канала: Digital Artist
Blace - AI Face Detection & Blurring Plugin for AE
Плагин позволяет распознавать лица на видео и блюрить их. 💾 СКАЧАТЬ #Plugins #Effects #AfterEffects
Video is not supported
Изображение канала: Мокапошная
Drifter Motion Blur Effect
Динамичный блюр эффект с шестью вариантами цвета на выбор. 🦄 Скачать: t.me/mokaposhnayazip/797
Video is not supported
Изображение канала: Профессия Дизайнер
☄️ Делаем блюр фона в фотошопе
#уроки 💙 Профессия Дизайнер
Video is not supported
Изображение канала: Людочка, дизайн!
Playlists
Подборки музыки, собранные дизайнерами специально для дизайнеров. Для вдохновения, работы и творческого настроя. Блюр, контраст или, может, дедлайн — какой плейлист сейчас ближе?) #прочее Людочка, дизайн – ресурсы для дизайнеров
Изображение поста