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

Несколько дней назад я сделал маленький инструмент для себя. Надоело каждый раз начинать новый проект с колеса оттенков: крутишь Coolors, листаешь Pinterest, смотришь на чужие палитры, которые «почти подходят». А ведь у проекта уже есть образ, это слово. Рассвет. Шторм. Тёмный лес. У каждого слова есть свой цвет, который чувствуешь интуитивно. Просто никто не переводит его в HEX за тебя.

Так появился Колорит: вводишь слово, ИИ собирает палитру. Я написал про него на Хабре. А потом поймал себя на новой мысли. Палитра это ведь только начало. После цвета всё равно нужно имя, слоган, шрифты, ощущение движения. Почему всё это должно начинаться с нуля, если отправная точка одна и та же?

Так Колорит перестал быть просто генератором палитр и стал маленьким конструктором бренда.

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

На связи Андрей, продуктовый дизайнер Garage Eight. Июнь выдался насыщенным: тут нам и долгожданная WWDC26 с переработанной Siri, и победители Apple Design Awards, и свежий кит от Apple в фигме, и целая россыпь ребрендингов — от KFC и Schweppes до Циана. А еще посмотрим на навигацию для Сестрорецкого курорта, новый кейс Koto для Norton Museum of Art и, конечно, CONFIG26.

Сегодня в выпуске:

1. Apple WWDC26

2. Apple Design Awards 2026

3. iOS and iPadOS 27 in Figma

4. KFC Rebrand

5. Schweppes Rebrand

6. Ребрендинг Циан

7. Навигация для Сестрорецкого курорта

8. Norton Museum of Art

9. CONFIG26

Не так давно я читал о протоколе Wayland и мне врезалась в память эта фраза:

Заявленная цель Wayland — «каждый кадр идеален».

Я считаю, что к этой цели должны стремиться мы все. В Wayland говорилось о технической стороне дела (современные стеки GPU очень сложные, а Wayland пытается вернуть себе контроль), но этот принцип можно применить и к UI.

Эмпирическое правило таково:

Если сделать скриншот приложения в любой момент времени, должно быть понятно, что на нём происходит

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

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

Как-то вечером я поймал себя на том, что трачу по 20 минут на поиск цветовой палитры для каждого нового проекта. Coolors, Adobe Color, случайные пины в Pinterest — и всё равно ощущение «не то». Тогда я задал себе вопрос: а что если вместо колеса оттенков начинать со слова? «Рассвет», «шторм», «лакшери» — у каждого слова есть интуитивный цвет.

Так появился Колорит — инструмент, который превращает слово или фотографию в цветовую палитру с помощью ИИ. В этой статье расскажу про технические решения, prompt engineering для DeepSeek и пару неочевидных браузерных API.

Autodesk не рекомендует 3ds Max на Apple Silicon. Я всё равно завёл 3ds Max 2022 + Chaos Corona 15 на Mac mini M4 через Parallels и отрендерил интерьер на CPU за 1 час 21 минуту. Внутри: полный порядок установки, фикс лагов вьюпорта, обход ошибки AVX2 и честные замеры.

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

Линия — это движение. Даже в самых простых интерфейсах линия почти всегда присутствует. Именно она определяет, как пользователь «читает» интерфейс и куда движется его взгляд. Исследуем, как линия управляет вниманием пользователя.

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

На прошедшем ПМЭФ-2026 мы представили финальную версию общеотраслевой Стратегии развития видеоигровой индустрии России – документ создавался совместно с участниками рынка. 

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

О том как он готовился и том, какие меры включает – рассказываю в этой статье.

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

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

Написал это для друга чтобы он не звонил мне с вопросом «почему Telegram не работает».
А теперь звонит с вопросом «когда обновление»... Прогресс)

NetFix - это GUI-приложение для Zapret и TgWsProxy с ПОЛНОЙ автоматизацией. Не просто запуск, оно само скачивает, само настраивает, само следит, само обновляет. Одна кнопка вместо батников, конфигов и консоли.

Что внутри, как это работает и почему там есть даже ритм-игра - читайте далее 👇

Итак, сколько же нужно времени, веб-дизайнеров и нейронок чтобы разработать целую коллекцию дизайнерских принтов? Как оказалось на практике, достаточно одного дизайнера интерфейсов, 2-3 нейронки, немного магии фотошопа и около 2 часов на один принт.

Делимся рабочим рецептом, который состоит из 4 этапов.

Продолжаю тему разработки своей игры формата «симулятор поддержки людей, столкнувшихся с аномально-паранормальным». В прошлом я уже затронул тему первых граблей и (не)использования ИИ, сегодня же хотел поделиться одной идеей. Идеей наверняка очевидной, но для меня она стала чем-то новым, так что…

Если вы хоть раз разрабатывали SCADA-интерфейс, то знаете эту боль: унылые стандартные элементы, примитивная графика, дизайн уровня 90-х и никаких особо альтернатив, кроме как использовать свои изображения .png.

Мы решили разработать свою библиотеку элементов для ОВиК. Взяли и "взломали" систему: наняли дизайнеров, отрисовали всё в Figme в SVG, а потом научили эти картинки анимироваться и управляться как родные блоки. Под катом — рецепт, как сделать диспетчеризацию вентиляции, освещения и водоснабжения красивой и функциональной

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

Май выдался очень насыщенным: тут вам и агенты в фигме, и Google I/O, и MCP от Mobbin, и финалисты Apple Design Awards, и сразу два очень красивых кейса от Pentagram. А еще — эстетичные библиотеки, почтовые приложения, энергетик в виде полена и, конечно, мои дорогие Panic.

Привет! Меня зовут Ксюша, я продуктовый дизайнер в MAGNIT TECH, и уже больше года работаю над карьерными сайтами. Я присоединилась к продуктовой команде, в которой были продакт-менеджер, продуктовый аналитик, исследователь и разработчики, но не хватало меня –  дизайнера :)

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

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

Начнём с простого текста без засечек, например, произвольно выбранного слова, написанного Eurostile Bold. Пока он выглядит, как будто действие происходит в 2016 году.

За долгие годы Eurostile, и в частности его вариант Bold Extended, появлялся во множестве научно-фантастических проектов. Дошло до того, что само присутствие Eurostile Bold Extended в названии заявляет, что дело происходит в будущем, намного эффективнее, чем кадр с дорогостоящими эффектами.

И в самом деле, Eurostile стал настолько быстрым способом задания временных рамок произведения, что когда я вижу этот шрифт в реальной жизни (а в Калифорнии это происходит довольно часто), то ощущаю, что попал в какую-то футуристическую антиутопию, в которой дом престарелых больше похож на зловещее правительственное учреждение для научных опытов.

Чаще всего в произведениях Eurostile встречается в виде Bold Extended, однако время от времени встречаются Regular, Bold и Regular Extended. В статье я решил показать как можно больше примеров.

Под катом рассказываю про 3a формат для ASCII анимаций, тулинг для работы с ним и коллекцию opensource ASCII артов для ваших cli/tui приложений, игр и постов в r/unixporn.

Точка — самый простой элемент дизайна. И один из самых недооценённых. Рассказываем, как точки работают в интерфейсном, графическом и веб-дизайне на примере цифровых продуктов «Северстали».

Организация развития видеоигровой индустрии (РВИ) вместе с Агентством креативных индустрий города Москвы проведет ежегодную B2B-конференцию для участников видеоигрового рынка России. В этом году главной темой события станут технологии, применяемые в разработке и то, как они выходят за пределы геймдева.

Заготовили 7 сессий, на которых поговорим о движках, графике, применении ИИ в разработке, онлайн-инфраструктуре и интеграции видеоигровых технологий в другие сферы.

Конференция состоится 22 мая по адресу Вознесенский переулок, 22. Мероприятие бесплатное – зарегистрироваться или подать заявку на участие в обсуждении в качестве спикера можно на сайте.