Обновить
128K+

Дизайн

Дизайн спасёт мир

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

Генерируем разрушаемые объекты для 2D-игры

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

В прошлых частях мы тестили и сравнивали разные модели, которые рисовали игровые ассеты по референсу из Пейнта. А что насчет разрушаемых декораций? Отправляемся на нейро-полигон.

Читать далее

Новости

Что мы поняли про детей, когда делали детские задания в приложении

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

Что будет, если платить детям за то, что они помыли посуду? Будут ли их мотивировать только деньги? Или есть что-то важнее?

Однажды мы сделали в приложении Альфа-Банка раздел «Детские задания». Это одна из ключевых фич детского банка, которая позволяет родителям и детям создавать задания, договариваться о награде и отмечать их выполнение. Но почти сразу стало понятно, что главный вопрос здесь совсем не про интерфейс, а про то, какую роль вообще должны играть такие задания в отношениях между ребёнком и родителями.

И, кажется, ни одна функция детского банка не вызывала столько споров, как задания: «А что дальше? Будем платить детям за уборку комнаты? За пятёрки? За то, что они вообще соизволили вынести мусор?»

Для многих детских задания выглядят именно как семейный маркетплейс, где ребёнок выставляет счёт за каждое полезное действие. Когда мы начинали делать эту фичу в Альфа-Банке, мы тоже боялись скатиться к «Вынеси мусор — получи 50 рублей». Но что, если это будет не про оплату действий, а про развитие самостоятельности?

У нас две аудитории: родители (которые хотят быть наставниками, а не банкоматами) и дети 6–13 лет (для которых карта — первый опыт обращения с деньгами). Привет, меня зовут Алексей Богомолов, я дизайнер цифровых продуктов, я расскажу, как мы стартовали с парой неочевидных гипотез и о том, как некоторые результаты нас сильно удивили.

Читать далее

Слоёный пирог против F‑паттерна: как подзаголовки решают, дочитают вас или нет

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

Пользователи не читают ваши страницы — они их сканируют. Взгляд прыгает по подзаголовкам, как по слоям пирога, и от того, что он там находит, зависит, останется человек или уйдёт. Разбираю паттерн layer-cake, F-паттерн и почему всё решается на этапе вёрстки, а не редизайном.

Читать далее

AI в дизайн-процессе в 2026: что вижу в индустрии — и как это устроено у меня

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

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

Читать далее

Тёмные паттерны: как закон в России впервые прямо запрещает манипулятивный дизайн

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

В 2025–2026 году в России впервые появились законы, которые прямо запрещают тёмные паттерны — предустановленные галочки, подписки-ловушки, склеенные согласия, манипуляции с выдачей на маркетплейсах. Разбираю все четыре закона по датам и штрафам, сравниваю с тем, что уже происходит в ЕС и США.

Читать далее

Бренд работодателя: как можно ли защитить свое «HR-лицо»

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

Слоганы, фирменные цвета бренда и даже мерч всё чаще становятся объектами интеллектуальной собственности. Компании пытаются зарегистрировать своё «HR-лицо», чтобы повысить узнаваемость, усложнить жизнь конкурентам и защитить себя от переманивания кадров. Рассказываем в нашей статье об этом новом тренде.

Читать далее

Tg базового материала печатной платы: что это и почему важно

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

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

В этой статье разберём, что такое Tg, почему он важен и как правильно выбрать материал под конкретную задачу.

Читать далее

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

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

Привет, Хабр!

На связи Андрей, продуктовый дизайнер Garage Eight.

В июле собрал много интересного: от промышленного дизайна и громких ребрендингов до немного космических новостей от OpenAI.

В этом выпуске:

1. Награда Red Dot для техники Tuvio;

2. Микро-клавиатура для работы с Codex;

3. Возвращение Coca-Cola к истокам;

4. Обновленный Tinder;

5. Превращение Freepik в Magnific;

6. Ребрендинг Stack Overflow;

7. Новые модели GPT 5.6;

8. Библиотека дизайн-студий со всего мира;

9. Неоднозначная айдентика ФК «Родина».

Погнали!

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

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

Я Лиза, UX-исследователь в Экстерне. Не так давно я организовывала тест-сессию в нашем продукте. В статье расскажу, что мы делали в рамках пилота такого формата исследования, с какими проблемами столкнулись и какие преимущества выделили.

Дизайнеры в Контуре уже пытаются возродить формат тест-сессий для исследований. Поэтому в нашем b2b-продукте мы тоже решили попробовать впервые провести его в этом году.

Опыт получился интересным — мы отловили проблемы интерфейса, как и хотели. Но еще больше поняли про сам формат исследования.

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

Читать далее

Как гуманитарий без опыта в кодинге собрал инди‑игру с AI‑агентом за полтора месяца

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

От концепт-дизайна велосипедного магазина до релизной web-игры на GitHub Pages — и почему документация оказалась важнее промптов.

Читать далее

Сравниваем ИИ‑модели для генерации игровых ассетов

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

В первой части мы превращали дилетантские почеркушки из Пейнта в нечто приятное для глаз игрока в нашу потенциальную космическую стрелялку. Но в эксперименте была задействована лишь одна модель Nano Banana Pro.

Сегодня мы сравним сразу несколько моделей и в пул конкурсантов войдут Seedream 5.0, снова Nano Banana Pro, GPT Image 2, Nano Banana 2, Grok Image и Krea 2.

Условия: один и тот же референс, один и тот же промт, чтобы править ими всеми и никаких допиливаний, чтобы выяснить какая модель лучше всех понимает сходу, что мы хотим от нее.

Читать далее

Как я продумал планировку огорода и воплотил его в жизнь

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

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

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

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

Читать далее

Основы вёрстки для дизайнера. Часть 4. Инструменты разработчика: как заглянуть «под капот» сайта

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

Мы уже разобрали анатомию страницы (HTML) и её визуальное оформление (CSS) (1, 2, 3). Но как увидеть это всё вживую? Как понять, почему кнопка на сайте съехала на два пикселя ниже, чем в вашем макете?

Ответ прост — инструменты разработчика (Developer Tools, или сокращённо DevTools). Это встроенный во все современные браузеры набор утилит, который позволяет в реальном времени просматривать код, стили и структуру любой веб-страницы. Для дизайнера это не просто любопытная игрушка, а незаменимый инструмент для проведения авторского надзора.

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

Читать далее

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

Пошаговая инструкция по внедрению скелетон-загрузки в ваше приложение

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

В этой статье в блоге ЛАНИТ хочу поделиться опытом нашей команды по внедрению скелетон-загрузки в приложение с семилетней историей. Мы столкнулись с плохой отзывчивостью нашего интерфейса и решили, что необходимо исправить эту проблему, чтобы улучшить жизнь пользователей, а заодно и сделать приложение более современным. 

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

Читать далее

Декомпозиционный подход организации пространства в Фигме

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

Этот подход плзволяет избавиться от таких проблем, как: неактуальность макетов для разработки, долгий поиск макетов и задач в фигме, протухание информации в макетах, увеличение memory usage и долгая загрузка файлов.

Больше подробностей

Симулятор дальтонизма для сайта, Figma и Chrome: как девять чисел из статьи 2009 года разошлись по четырём инструментам

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

Девять чисел из научной статьи 2009 года сегодня работают у меня в четырёх местах: на HTML-странице, в canvas, в двух плагинах Figma и в чужом расширении для Chrome. Разбираю, как одна и та же матрица цветовосприятия ведёт себя в четырёх средах, где каждая среда сопротивляется по-своему — и почему честные ограничения инструмента важнее его возможностей.

Читать далее

«Четыре дня смерти» и другие трудности перевода: как культурный код ломает локализацию

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

Весной 2026 года Starbucks в Южной Корее запустила промо Tank Day со скидками на большие термокружки (одно из значений слова tank по-английски — резервуар для жидкости). Идея выглядела безобидной ровно до запуска. Старт пришёлся на 18 мая. В этот день в Корее вспоминают восстание в Кванджу: продемократический протест, который военные подавили танками; в результате погибли сотни людей.

«День танка» прочитали как издёвку над национальной трагедией. Дальше по нарастающей: бойкот, публичные извинения руководства, увольнение главы Starbucks Korea, день закрытых кофеен по всей стране ради лекций сотрудникам по истории. Позже компания призналась, что придумывать кампанию помогал искусственный интеллект. Сути это не меняет. Название просто никто не сверил с календарём.

Привет, Хабр! Меня зовут Диана Фионина, я исследователь клиентского опыта и рынка в экосистеме ит-продуктов Лукоморье. В этой статье расскажу, почему клиентский опыт часто нельзя просто «перевести» с одного рынка на другой и что стоит делать вместо перевода. На реальных кейсах, от Starbucks в Японии и WeChat в Китае до службы поддержки в трёх странах СНГ, я разбираю, как культура влияет на восприятие сервиса и как превращать культурные наблюдения в проверяемые продуктовые гипотезы.

Читать далее

Проектирование экранной клавиатуры для промышленного интерфейса «Инспектор»

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

Подробнее разобрала, почему выбрала ЙЦУКЕН, как адаптировала клавиатуру под разные типы полей, работу оператора в перчатках и ограниченное пространство 15-дюймового экрана.

Читать далее

Основы вёрстки для дизайнера. Часть 3. CSS — стили как в макетах

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

В первых двух частях (1, 2) мы разобрали, зачем дизайнеру знать основы вёрстки, и поближе познакомились с языком разметки HTML. Сегодня давайте подбробнее обсудим, как из простой разметки рождается дизайн: поговорим о CSS.

Читать далее

Как некрасивую таблицу в Excel'е превратить в красивый редактируемый слайд в помощью ИИ

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

Допустим, у вас есть сложная и неаккуратная таблица в Excel, которую нужно разместить на слайде презентации. Обычный копипаст из Excel в PowerPoint здесь не слишком помогает. На помощь приходит ChatGPT.

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