Как стать автором
Поиск
Написать публикацию
Обновить
45.89

Графический дизайн *

Художественно-проектная деятельность

Сначала показывать
Порог рейтинга
Уровень сложности

Разработка 3D-аудиовизуализатора с помощью Three.js, GSAP и Web Audio API

Уровень сложностиСредний
Время на прочтение14 мин
Количество просмотров789

Визуализатор звука, в котором светящийся 3D-шар пульсирует и меняет цвет в такт музыке, а перетаскиваемые панели GSAP плавно перемещаются вокруг него по инерции.

Демо

Код

Звук — это волны, зрение — это волны, которые мы видим. Я всегда стремлюсь поймать момент, когда эти волны накладываются друг на друга. Для недавнего задания от сообщества Webflow и GSAP, посвященного плагинам GSAP Draggable и Inertia, я решил развить идею, создав футуристический визуализатор, реагирующий на звук. Идея заключалась в создании научно-фантастического интерфейса "детектора аномалий", который реагирует на музыку в реальном времени, совмещая атмосферные визуальные эффекты со звуком.

Поехали!

Новости

Как дизайнеру выйти на доход 300 000 рублей в месяц

Уровень сложностиПростой
Время на прочтение3 мин
Количество просмотров6.2K

300к в месяц — реальная цифра, к которой должен стремиться каждый. Да, это не произойдет сразу, но если вы системно развиваетесь, работаете в нужной сфере и умеете подать свой опыт — вы к ней придете. В этой статье — три главных составляющих, которые помогут достичь этой цели: сфера, навыки и подача.

Читать далее

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

Уровень сложностиПростой
Время на прочтение10 мин
Количество просмотров1.7K

Рассказываю, как мы разрабатывали концепцию и дизайн проекта по редизайну касс самообслуживания и искали баланс между требованиями бизнеса, пользовательским опытом и визуальным стилем.

Читать далее

Сделай удобно: подборка UI/UX-кейсов из цифровых и нецифровых продуктов (#19)

Уровень сложностиПростой
Время на прочтение5 мин
Количество просмотров1.5K

Продолжаю изучать различные UI/UX/CX кейсы в мобильных приложениях, веб-сайтах и в реальном мире. Дизайнерам и менеджерам по продукту, чтобы вдохновиться и добавить в заметки.

Под катом: Netflix, Duolingo, BBVA.

Читать далее

Больше 1600 товарных знаков: как создавал логотипы классик болгарского графического дизайна Стефан Канчев

Уровень сложностиПростой
Время на прочтение4 мин
Количество просмотров2.8K

Когда речь заходит о болгарском графическом дизайне, то у многих людей возникает непроизвольная улыбка на лице. Тем не менее он был и есть. И центральная фигура в его становлении и развитии — Стефан Канчев, создавший тысячи логотипов для компаний и организаций по всему миру. У него были выставки в Берлине, Москве, Варшаве и Нью-Йорке. О жизни и работах этого дизайнера мы и поговорим в сегодняшнем материале.

Читать далее

Обзор Waveshare ESP32-P4-86-Panel-ETH-2RO: новый уровень DIY-панелей в контексте ESPHome

Уровень сложностиПростой
Время на прочтение4 мин
Количество просмотров8.6K

Недавно на просторах AliExpress появилось интересное устройство от Waveshare — ESP32-P4-86-Panel-ETH-2RO. В этой статье я поделюсь своими впечатлениями о работе данного устройства, расскажу о плюсах и минусах, рассмотрю, какие задачи может решать эта панель и что уже можно сделать с ней через ESPHome прямо сейчас.

Читать далее

Авторское право: как не нарушить и как защитить

Уровень сложностиПростой
Время на прочтение9 мин
Количество просмотров956

Многие, используя материалы из интернета в своих проектах — будь то фото, видео, аудио, шрифты или что-то ещё — не задумываются об авторских правах и возможных последствиях. Особенно часто с этим сталкиваются начинающие специалисты, которые ещё не знакомы со всеми нюансами. Но встречаются и те, кто сознательно это игнорирует.

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

Читать далее

Нескучный дизайн: Figma и ее патенты

Уровень сложностиПростой
Время на прочтение3 мин
Количество просмотров2.5K

В современном мире цифровых технологий дизайн играет одну из ключевых ролей в успехе продуктов и сервисов. Figma — облачная платформа для совместной работы над интерфейсами и прототипами. Созданная студентами, она выросла из небольшого сервиса до многомиллиардной компании, которая собралась на IPO. Рассказываем в нашей статье про историю успеха и патенты Figma.

Читать далее

Девушки, котики и Flux Kontext: как выжать максимум из WebUI Forge?

Уровень сложностиПростой
Время на прочтение10 мин
Количество просмотров5.5K

У кошачьих лапок, женской анатомии и квантованных Checkpoint есть одно общее - все они начинают «страдать», если генератору не хватает шагов и VRAM.

В этой статье мы рассмотрим сравнение моделей Flux dev Q8_0.GGUF с новой, недавно вышедшей в открытый доступ комьюнити версией Flux Kontext dev Q8_0.GGUF и Flux Kontext dev bnb-nf4 + Hyper Flux.1 dev-8steps Lora и с Flux Kontext dev.safetensors для генерации одиночных изображений и совмещения одного изображения с другим.

Читать далее

Сделай удобно: подборка UI/UX-кейсов из цифровых и нецифровых продуктов (#18)

Уровень сложностиПростой
Время на прочтение4 мин
Количество просмотров2.9K

Продолжаю изучать различные UI/UX/CX кейсы в мобильных приложениях, веб-сайтах и в реальном мире. Дизайнерам и менеджерам по продукту, чтобы вдохновиться и добавить в заметки.

Под катом: Retro, Revolut, Uber, Glovo.

Читать далее

Как я встроил Telegram API в EXE и сделал плагин‑платформу с доступом для незрячих

Уровень сложностиСредний
Время на прочтение4 мин
Количество просмотров1.4K

После релиза первой версии стало ясно: Telegram порой ограничивает размер и скорость передачи файлов, а ещё появляется зависимость от внешнего API. Чтобы обойти эти ограничения, я решил встроить официальный сервер Telegram Bot API прямо в своё приложение.

Это позволило:

Читать далее

Сравнение Омни референса с Омни референсом и кое-что ещё

Уровень сложностиПростой
Время на прочтение4 мин
Количество просмотров818

Подробный анализ новой функции Midjourney. Разбираемся, как она работает с собственными генерациями и внешними изображениями, исследуем возможности сохранения лиц и объектов, а также выявляем основные ограничения.

Читать далее

Гипотеза про упадок рынка труда в UX/UI-дизайне: почему так сложно найти работу?

Уровень сложностиПростой
Время на прочтение4 мин
Количество просмотров969

Сфера дизайна выглядит привлекательно: курсы обещают лёгкий старт в IT, «золотые горы» и работу мечты, а сами задачи кажутся лайтовыми. Я осваиваю эту профессию уже второй год. В статье — мои неочевидные и, возможно, неудобные мысли о текущем состоянии рынка как в найме, так и на фрилансе. Спойлер: на мой взгляд, дело не только в работодателях.

Читать далее

Ближайшие события

Квадрат и косые линии: логотипы Антона Станковского

Уровень сложностиПростой
Время на прочтение4 мин
Количество просмотров2.8K

Антон Станковский (также встречается написание фамилии Станковски) — один из известнейших немецких дизайнеров XX века. Он создатель знаменитых логотипов, среди наиболее примечательных его дизайнов — лого Deutsche Bank. О его работах и творческих принципах мы сегодня и поговорим. 

Читать далее

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

Уровень сложностиПростой
Время на прочтение5 мин
Количество просмотров4.1K

Пока большинство разработчиков гонятся за технологиями и всё больше интегрируют нейросети в свой рабочий пайплайн, предлагаю обратиться к прошлому и поговорить о ротоскопировании — методе мультипликации, созданном ещё в начале XX века. А также о том, как, используя эту технику, повысить качество арта и анимаций в своих играх, особенно если вы не очень хорошо рисуете.

Читать далее

Классик испанского дизайна: Хосе Мария Круз Новилло и его логотипы

Уровень сложностиПростой
Время на прочтение3 мин
Количество просмотров2.6K

Новилло — представитель классического испанского дизайна, чьи работы оставили заметный след в мире графического искусства. Его стиль характеризуется элегантностью, гармонией форм и вниманием к деталям, что делает логотипы Хосе узнаваемыми и запоминающимися. Рассказываем в нашей статье о том, как он прошел путь от стажера в небольших студиях до создателя дизайна национальной валюты.

Читать далее

Дизайн за 5 минут. Дайджест июня

Уровень сложностиПростой
Время на прочтение3 мин
Количество просмотров960

Привет, Хабр! Встречаем новый месяц и вспоминаем, какими событиями из мира дизайна запомнился нам июнь. 

1. Apple Design Awards 2025
2. WWDC25
3. io от OpenAI
4. Дизайн ноутбука от Студии Лебедева
5. Сборник 3D-объектов Thiings
6. Liquid Figma 
7. Portrait — проект по созданию своего цифрового пространства

Погнали!

Base 44: как пет-проект сделанный ИИ, купили за $80 млн

Уровень сложностиПростой
Время на прочтение7 мин
Количество просмотров16K

Всё громче звучит идея, что следующий стартап на миллиард соберёт один человек. Или почти один. В случае Base44 — это Маор Шломо и восемь человек в команде. За шесть месяцев он вывел продукт в плюс, собрал 250 тысяч пользователей и продал его Wix за $80 миллионов. Это ещё не соло-единорог, но кажется мы близко.

Читать далее

Иван Чермаев и его знаменитые логотипы: NBC, National Geographic, Mobil и другие

Уровень сложностиПростой
Время на прочтение6 мин
Количество просмотров2.8K

Вы наверняка видели логотипы, придуманные Иваном Чермаевым. Среди его клиентов были Showtime, National Geographic, NBC, Mobil и многие другие. Он считается одним из наиболее одаренных американским дизайнеров XX века. О его работе и судьбе мы расскажем в нашем материале.  

Читать далее

Замесы с охранниками, анализ в 4 странах — как мы проводили исследования, чтобы сделать UX касс самообслуживания

Уровень сложностиПростой
Время на прочтение12 мин
Количество просмотров2.5K

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

Читать далее
1
23 ...