Обновить

Дизайн

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

Lottie в интерфейсах: как мы оживляем 2ГИС с помощью анимаций

Уровень сложностиСредний
Время на прочтение10 мин
Охват и читатели7.2K

Анимация уже давно стала стандартным инструментом в дизайне и способна выполнять самые разные задачи: обеспечивает плавность и приятную отзывчивость — как в современных ОС (например, дизайн-система Android Material 3 или Apple, которые используют принципы Springs), транслирует голос бренда и становится частью айдентики (CashMoney, Instagram, Plex), добавляет продуктовым сценариям эмоциональность и значимость. Недавно и перед нашей командой встала задача «оживить» некоторые из них. 

Меня зовут Саша Гончаров, я моушен-дизайнер в 2ГИС. По просьбе продуктовых дизайнеров я подключился к работе над анимацией интерфейсов. В этой статье вместе с разработчиком Сергеем Львовым расскажем, на что стоит обращать внимание при создании интерфейсных анимаций, какие технические нюансы важно учитывать и как мы достигаем желаемых эффектов. Материал будет полезен моушен-дизайнерам, которые хотят работать с интерфейсами, а также разработчикам, интересующимся особенностями рендеринга объектов на карте.

Читать

Как мы переделали дизайн-ревью: от узкого горлышка к масштабируемой системе

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

В Точка Банк нет арт-директоров или лидов, которые принимают финальные решения по дизайну. Мы верим, что сильный дизайн рождается в совместной работе, а не в «указах сверху». Чтобы сохранять консистентность и высокое качество в экосистеме продуктов, нам нужен был процесс: как переопыляться, делиться хорошими решениями и держать планку. Так появилось дизайн-ревью — одни дизайнеры отсматривают макеты других и предлагают идеи по улучшению.

На старте небольшой команде хватало нескольких ревьюеров. Но когда команда выросла до 50+ дизайнеров, процесс начал буксовать. Ревью из помощника превратилось в узкое горлышко: сроки срывались, ревьюеры выгорали, качество проседало.

Мы прошли через это и перестроили процесс так, чтобы он масштабировался на десятки кейсов, прокачивал команду — и при этом не тормозил работу. Рассказываем, как.

Читать далее

Эпоха дизайнеров-ремесленников уходит

Уровень сложностиПростой
Время на прочтение2 мин
Охват и читатели9.9K

Современный бизнес-ландшафт в дизайне отличает высокая волатильность и сильное давление рынка. Дизайнерам все чаще приходится доказывать свою ценность как инвестиции. Руководители, в свою очередь, ищут новые формы ценности и стремятся к видимым показателям успеха, пытаются добиваться больших результатов при меньших затратах.

Читать далее

Невидимая рука интерфейса: как ИИ меняет дизайн и дизайнеров

Время на прочтение11 мин
Охват и читатели8.1K

Что я понял о будущем дизайна, пока наблюдал, как искусственный интеллект отбирает у человечества мышки

Читать далее

Как создать дизайн-систему для сайта, если ты не дизайнер

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

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

Я разработчик в компании bpm (ранее “ЛАНИТ - Би Пи Эм”). Столкнувшись с хаосом в интерфейсах и постоянными правками, я решила изучить, как можно организовать процесс создания дизайн-системы самостоятельно. Результат вы видите в этой статье. Очень надеюсь, что описанные правила помогут вам сделать первые шаги в создании дизайна для вашего проекта.

Читать далее

Как убедить стол не таскать за собой чашки. Пошаговая отладка промпта в txt2img-сервисах

Время на прочтение5 мин
Охват и читатели5K

Летнее утро на даче… Как такое не запечатлеть с помощью нейросетей! Цветущий сад, собака под ногами и тихо урчащая кофемашина, наливающая чашку крепкого ароматного напитка. Одну чашку.

Казалось бы, ничего сложного. Садимся и набираем простой линейный промпт «что вижу, то пою», а модель сама всё нарисует. Не тут-то было.

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

Исправить это можно либо с помощью множества итераций с применением средств отладки и перебором промптов. Но также интересно решить задачу через понимание и использование принципов работы нейросетей. Тут я покажу второй путь.

Читать далее

Как мы серфим на финансовых волнах: кейс HR-мерча и стендов Ozon Банка на IT-конференциях 2025 года

Время на прочтение3 мин
Охват и читатели4.6K

Привет, меня зовут Саша и я старший дизайнер коммуникаций HR-бренда Ozon Банка. Сегодня расскажу, как мы нашли запоминающуюся концепцию для линейки мерча — «Сёрфим на финансовых волнах».

Поймать волну

Улучшаю UX во Flipper Zero

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

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

Читать далее

5 задач, которые UX-исследователи Авито решают с помощью нейросетей

Уровень сложностиСредний
Время на прочтение7 мин
Охват и читатели8.7K

Привет! Меня зовут Маша Московкина, я UX-исследователь в Авито Работе. В UX часть задач — это рутина, а ИИ отлично справляется с однообразными задачами. Поэтому иногда с его помощью мы упрощаем работу себе и коллегам из других функций. В статье поделюсь идеями, как вы тоже сможете использовать ИИ в работе, а также покажу 5 примеров наших рабочих промптов. Статья будет интересна исследователям и дизайнерам, которые хотят использовать в работе искусственный интеллект.

Читать далее

Активация важнее ретеншена: почему нельзя оставлять пользователя один на один с интерфейсом

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

Привет! Меня зовут Богдан, я дизайн-директор в ВТБ и вот тут уже не первый раз натыкаюсь на материал про метрику Активации — и это очень хорошо, что дизайнеры начали про нее говорить.

Часто дизайнеры путают активацию с ретеншеном. Начинают проектировать пуши, скидки или «ежедневные задания», хотя пользователь в первой сессии так и не понял, зачем ему продукт.

Давайте разберемся как проектировать интерфейс от ценности и войти в топ самых эффективных продуктовых дизайнеров в Росиии.

Перед этим подпишитесь на мой тг-канал https://t.me/designfintech — тут я делюсь полезными материалами по дизайн-менеджменту, коомуникации и продуктовым кейсам. 

Читать далее

The role of a user persona in UX and how to create it

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

A lot of articles and guides on how to create an effective UX design for a software product mention “sticking to a user persona” in order not to waste efforts and resources on a non-target audience. What is a user persona, how to define it, and how can it help the UX team in finding the best design solutions for a product? 

Читать далее

Киоск самообслуживания McDonald's: машина на $2 миллиарда

Время на прочтение11 мин
Охват и читатели18K

Кажется, что установленные в ресторанах быстрого питания сенсорные экраны — просто удобный инструмент для быстрого заказа бургеров? Вот только на деле это — хитро просчитанная система, которая с момента внедрения в 2015 году увеличила средний чек на 30% и принесла компании миллиарды долларов. 

Но как получается, что интерфейс киосков самообслуживания подталкивает к покупке того, что человек не хотел заранее? Неужели эти раздражающие экраны вроде «Добавить десерт/соус/пирожок» реально работают? Ответ — да. Ведь на самом деле речь идет не просто о меню, а о круто продуманном алгоритме, заточенным под ваш голод и импульсивное поведение. Как именно автоматы способствуют набору вами лишних килограммов, а также денег на счетах компании — читайте под катом.

Читать далее

Лучше быть фрилансером, чем тонуть в бардаке маленького города

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

После работы в большом городе я вернулся в родной город по семейным обстоятельствам. Это решение далось нелегко, ведь там я уже успел почувствовать ритм большого рынка, постоянный поток задач и проектов, которые требовали скорости, качества и свежих идей. В родном же городе ситуация оказалась другой: профессиональных студий почти не было, а вакансии для специалистов по графическому дизайну были либо редкостью, либо предполагали совсем иной уровень задач. Поэтому целый год я занимался фрилансом: работал с клиентами через онлайн-платформы, выполнял проекты разного масштаба — от баннеров и листовок до брендированных календарей и видеороликов. Это был полезный опыт: я научился выстраивать процессы с клиентами напрямую, лучше оценивать стоимость своей работы и распределять время. Но со временем я понял, что для профессионального роста мне снова нужна команда — люди рядом, от которых можно учиться, и проекты, которые будут бросать вызов. Казалось, что офисная среда с её динамикой и живым обменом опытом даст новый толчок и позволит выйти на новый уровень в монтаже и дизайне.

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

Читать далее

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

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

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

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

Под катом: Райф, Т-инвестиции.

Читать далее

Цветовая модель OKLCH

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

OKLCH — это довольно новая цветовая модель, разработанная для обеспечения визуальной однородности. Это означает, что цвета гораздо точнее с точки зрения восприятия человеком, что упрощает работу с ними.

Читать далее

Nano Banana от Google: генерация и редактирование изображений на новой архитектуре Gemini 2.5

Уровень сложностиСредний
Время на прочтение2 мин
Охват и читатели29K

26 августа 2025 года Google представила новую preview-модель под кодовым названием Nano Banana — это часть экосистемы Gemini 2.5 Flash Image, ориентированной на генерацию и редактирование изображений с помощью текстовых и мультимодальных запросов. Несмотря на шутливое название, перед нами — серьёзный инструмент с претензией на роль нового стандарта в визуальном ИИ.

Читать далее

Артемий Лебедев позвал в Студию, а я отказался. Случай из архива

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

«Николай, вы готовы переехать в Москву?» — письмо с такими словами от Артемия Лебедева хранится у меня на почте. Это ещё одна история из серии «воспоминания деда о карьере», но с актуальными и применимыми выводами.

В 2013-ом Студии Лебедева не было равных, а Тёма ещё не успел собрать армию хейтеров. Предложение присоединиться к нему казалось билетом в зал славы. Как я получил это письмо и почему в итоге отказался — расскажу ниже. Надеюсь, история окажется не только любопытной, но и полезной для начинающих дизайнеров.

Читать далее

АНТИ-План по устройству в бигтех, или Как всё пошло не по плану

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

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

Читать далее

Дизайн за 5 минут. Дайджест августа 2025

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

Привет, Хабр! Заканчиваем лето дайджестом августовских новостей из мира дизайна. Это Андрей, продуктовый дизайнер Garage Eight, и восемь новостей, которые зацепили мое внимание: 

1. Новый раздел Mobbin с дизайнами сайтов
2. Ребрендинг кошелька Solflare
3. Figma вышла на IPO
4. Возвращение Рокетбанка
5. Telescope — проект с нерекламными рекомендациями от настоящих людей
6. Музыкальный генератор от ElevenLabs
7. Ребрендинг российского Subway
8. Нейронка для трансформации фото в персонажа от Ideogram

Погнали!

История жизни одного макета. Как мы унифицировали правила работы с дизайном

Время на прочтение11 мин
Охват и читатели4.2K

Привет! Меня зовут Анна, я маркетолог команды цифровой трансформации Ареал.

Более чем за 20 лет работы у нас сложилась система шагов и правил для дизайн-процессов. Единые стандарты позволяют команде говорить на одном языке, вести прозрачный диалог с клиентами, быстро ориентироваться в стартовавшем или новом проекте.

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

Мы работаем в Figma, но систему можно организовать в любом редакторе.

Читать далее