С Новым годом, Хабр! Настали долгожданные выходные, и пока я пишу статью про дизайн макропада и то, как он появлялся, хочу рассказать начало этого пути.
А в начале я не планировал становиться разработчиком макропада.
Для большинства из нас кубик Рубика — это популярная головоломка; для спидкуберов — спортивный снаряд; для художников и дизайнеров — пиксельный строительный блок в кубических мозаиках. Но если посмотреть на классический кубик 3×3×3 как на механическую систему со своей симметрией и жёсткими ограничениями, он начинает вести себя как математическая модель. Несколько лет я экспериментировал со свойствами куба, собирая мозаики из кубиков Рубика, и в процессе разработал метод, позволяющий создавать двусторонние паттерны — когда на противоположных сторонах мозаики формируются зеркальные изображения в инверсивных цветах. Я назвал этот метод Mirror Dual-Sided Inverse (MDSI). С его помощью любую мозаику из десятков и сотен кубиков Рубика можно превратить в «кубическую ткань» с лицевой и изнаночной сторонами. В этой статье я расскажу, как работает MDSI-метод и на каких принципах он основан.
Часто дизайнеры и разработчики живут в разных вселенных. Одни думают о пикселях и user flows, другие — о latency & database queries. Но именно на стыке этих дисциплин рождаются самые эффективные и надёжные продукты. Давайте посмотрим, как ваши дизайн-решения могут стать первым и самым важным рубежом обороны для бэкенда.
Вот фотография новогодней ёлки в том виде, в котором видит матрица камеры.
Она даже не чёрно-белая, а серо-серая.
Причина этого в том, что хотя аналогово-цифровой преобразователь (АЦП) камеры теоретически способен выдавать значения от 0 до 16382, данные не покрывают весь этот диапазон.
Привет, Хабр! Я Никита Черемисинов, руководитель продуктового дизайна микроядерной операционной системы KasperskyOS, изначально безопасной на уровне архитектуры, «по дефолту». Моя команда отвечает за весь пользовательский слой системы: от пикселя и виброотклика — до системных сценариев, дизайн-системы и базовых приложений. Если это видно, слышно, ощущается или в целом влияет на опыт работы с KasperskyOS — UI/UX это наша зона ответственности.
Система предназначена для использования в самых разных местах — от тонких клиентов и автомобильных шлюзов безопасности до мобильных устройств, через которые сотрудники предприятий управляют производственными процессами. KasperskyOS подходит, например, и механику, который проводит техническое обслуживание и ремонт оборудования, и обходчику, ведущему протоколирование и видеофиксацию событий.
И вот уже несколько лет мы с командой проектируем интерфейсы для этой ОС. И если кому-то кажется, что «ну подумаешь, еще одна оболочка Android», — спешим разочаровать: это совсем другая лига. Разрабатывать интерфейсы для KasperskyOS — это не просто нарисовать набор базовых приложений от SMS до галереи. Это как делать ремонт, начиная с фундамента, а не с обоев. И в этой статье я расскажу о нюансах нашей задачи и о пути, по которому мы пошли.
Новогодняя открытка СССР имеет особую атмосферу. Гуашь, бумажная фактура, пастельные тона, сказочные сюжеты — всё это создаёт ощущение уюта и праздника из детства. Советские новогодние открытки отличались искренностью и добротой, без лишнего пафоса.
Современные нейросети научились воссоздавать стиль советской открытки с удивительной точностью. Вы можете сделать новогоднюю открытку со своим фото или создать открытку с нуля по текстовому описанию — промпту.
В этой инструкции вы найдёте готовые промпты для создания советской новогодней открытки, узнаете какие нейросети лучше использовать и как сделать открытку из своего фото даже если вы никогда не работали с ИИ.
✨ Сделать новогоднюю открытку в советском стиле из своего фото
«Через год дизайнеры будут не нужны» — в конце 2023 года эту фразу мы слышали постоянно. В новостях, в чатах. Midjourney, Stable Diffusion, Кандинский — все это выглядело как начало конца профессии. Прошел год. И реальность, как это часто бывает, оказалась менее громкой, но гораздо интереснее. Сегодня я Дарина Костина, дизайнер с 10 летним опытом, практикующий преподаватель поделюсь с вами опытом использования нейросетей в нашей студии karma.web.
Привет, Хабр! Уже несколько лет я работаю с кубиком Рубика не как с головоломкой, а как с художественным медиумом и математическим объектом — собираю мозаики из кубиков, экспериментирую с формой, масштабом, двусторонними паттернами и оптическими эффектами.
Начиная заниматься мозаиками из кубиков Рубика шесть лет назад, я довольно быстро столкнулся с ощущением, что рубиккубизм — это гораздо больше, чем просто эффектные картины из десятков, сотен, а иногда и тысяч кубов. За этим явлением стоит визуальная логика, связанная с дискретностью изображения, ограниченностью цветовой палитры, масштабом и оптическим восприятием зрителя.
В этой статье я пробую разобраться, какие принципы лежат в основе рубиккубизма, и почему этот жанр близок пиксель-арту цифровой эпохи и пуантилизму конца XIX — начала XX вв. Меня интересует, как механическое действие — вращение граней кубика — становится художественным инструментом, а строгая кубическая структура соединяет математику, алгоритмы и визуальную выразительность.
Я Ольга, проектирую интерфейсы для «Экзон» — системы управления строительными процессами. В статье я расскажу, как я разработала новую функцию для этой системы, с какими трудностями столкнулась и как их преодолела. Мне поставили задачу: упростить процесс создания карточек документов. Раньше пользователи работали с Excel-шаблонами для создания карточек документов, теперь всё заполняют в удобном интерфейсе «Экзон» — быстро и без лишних шагов.
Мой опыт будет полезен тем, кто разрабатывает сложные интерфейсы и не боится строительных терминов.
Всем привет! Сегодня с вами Серёжа Сажин. Мы в команде дизайна сейчас активно работаем над эмоциональной составляющей в наших продуктах. Когда мы говорим про эмоциональность в интерфейсах, то чаще всего вспоминаем клиентские продукты: яркие иллюстрации, анимации и те самые «приятности», которые делают опыт живее. Но как только речь заходит о внутреннем продукте для сотрудников, в воздухе звучит: «Нам не эмоции нужны, нам надо, чтобы работало».
Нужна ли эмоциональность в интерфейсе, который решает сугубо рабочие задачи? Я попытался разобраться.
Привет, меня зовут Антон Григорьев. Мы с Дмитрием Ваницким поговорили о творчестве и дизайне, творчестве в дизайне, креативности в жизни продуктового дизайнера, дизайне творческого процесса, ну вы поняли.
Немного о нас: я веду телеграм-каналы UX Notes и UX Work и работаю продуктовым дизайнером в европейской финтех-компании. Дмитрий ведёт канал VanillaTime, работает принципал-дизайнером в международной аутсорсинг-компании, а ещё — написал книгу «Ремесло счастья», посвящённую феномену счастья.
В статье вы найдёте основные тезисы из нашей почти 2-часовой беседы, а также сможете послушать её запись и почитать отредактированный транскрипт (займёт 33 минуты), в котором речь переработана в более связный письменный текст.
Минимализм в UI часто воспринимается как эстетический выбор. Но на самом деле за ним стоят измеримые нейробиологические механизмы: ограничения рабочей памяти, дофаминовое подкрепление, гештальт-принципы восприятия и влияние цвета на уровень стресса.
В этой статье я разберу, почему минималистичные интерфейсы действительно проще для мозга, как это влияет на доверие и конверсию.
Будущее плиточных веб-макетов уже настало! После того, как Mozilla заложила фундамент, потребовались годы работы команды Apple WebKit и множество этапов обсуждений в CSS Working Group с разработчиками всех браузеров, чтобы стало понятно, как всё это должно работать.
Представляем вашему вниманию CSS Grid Lanes.
Привет, Хабр! А вот и финальный в этом году дайджест новостей из мира дизайна. С вами Андрей, продуктовый дизайнер Garage Eight, и десять новостей, которые зацепили мое внимание:
1) Редизайн Sketch для macOS.
2) Цвет года — 2026 от Pantone.
3) Ребрендинг японского института Chiba Tech.
4) Брендинг для любителей велоспорта.
5) Ребрендинг к 150-летию банка Hantington.
6) Новые инструменты Figma для редактирования изображений.
7) Брендинг для Музея советских игровых автоматов.
8) Удобный сайт для создания инвойсов.
9) Промышленный дизайн клавиатур и мышей.
10) Сборник с примерами использования Liquid Glass.
Дизайн-система (далее - ДС) стала признаком взрослого продукта. Ее хотят сразу: токены, компоненты, документация, идеальная консистентность и вот это всё.
Даже начинается одинаково: “Надо срочно навести порядок, у нас все разъехалось, давайте дизайн-систему”. Через пару недель появляются названия компонентов, правила, обсуждения, новые договоренности.
А потом выясняется, что главная боль не в радиусах и не в тенях от кнопки. Главная боль в том, что меняются сценарии, фичи, приоритеты и сама логика продукта, и вместе с этим приходится переписывать все стандарты.
Как отделить зрелую необходимость от красивой прокрастинации, и как построить минимальный UI-каркас так, чтобы он помогал выпускать версии, а не превращал каждую итерацию в бесконечные согласования?
Делюсь своим опытом и рассуждаю, почему сегодня важность ДС переоценена.
Привет, Хабр! Пришло время поговорить о дизайн-трендах наступающего 2026-го. Год назад я уже писал аналогичный материал с обзором тенденций 2025, и есть желание сделать это традицией. Меня зовут Максим Каркач, я продуктовый дизайнер Garage Eight, и в этот раз я подготовил статью в двух частях: одна про интерфейсы, другая — про графический дизайн.
Привет! Я - Инга, старший UX-исследователь в Атоме.
До этого два года разбиралась в роли CJE, как научить ИИ понимать людей, а последние полтора года проектирую голосового ассистента для электромобиля в команде Voice&Sound.
Мне всегда нравились сложные продукты и роль защитника пользователя. Но в мире разработчиков и менеджеров, где правят код, дедлайны и технические метрики, нас не всегда слышат.
В этой статье-рефлексии хочу углубиться в тему и попробовать разобраться, как можно найти выход из этой ситуации.
Привет, Хабр! Меня зовут Павел Литвиненко, я продуктовый дизайнер в группе проектирования пользовательских интерфейсов B2B «Лаборатории Касперского». Периодически нам приходится разрабатывать новые продукты с нуля. По сути, мы создаем интерфейс для MVP (minimum viable product), то есть продукта, обладающего минимальными, но достаточными для потребителя функциями. Как правило, это тот случай, когда больше всего необходим баланс между скоростью разработки и качеством: чтобы и гипотезы быстро обкатать, и не пасть в грязь лицом перед юзером. Время почти всегда работает против вас. Продуктовая команда хочет запуститься «вчера», но дизайн требует проработки, системности и исследований. Один друг описал мне этот подход так: «Тебе надо добраться из пункта А в пункт Б. Ты стартуешь пешком и развиваешь способы перемещения на ходу: бег, ролики, самокат, велосипед, мопед, мотоцикл, авто и так далее. Каждый новый метод — отдельный релиз».
Чтобы все это «поженить» и не нарушить баланс, нужен хороший инструментарий. Об этом и статья: поделюсь личным опытом, подходами и инструментами для дизайнеров B2B-продуктов, которые я применял сам в рамках разработки в «Лаборатории Касперского», в частности при работе над нашим NGFW (Next Generation Firewall). Поговорим о вездесущей ИИшке, дизайн-системах и прототипах для фронтенда.
Чем больше у команды проектов – тем сложнее сохранять контекст в работе над ними. В каждом из проектов своя архитектура, внутренняя логика, разная скорость. Детали неизбежно теряются.
Меня зовут Полина Рябчун, я тимлид дизайнеров в компании KODE, и я расскажу, что помогает всей команде быть в одном контексте.
Модульность, сетки, аккуратные блоки — всё это стало привычной частью интерфейсов. Многие из них визуально напоминают японские bento-боксы. Но ровные скругленные блоки сами по себе не делают дизайн bento. За визуально похожей компоновкой стоят разные принципы: где-то это удобная сетка, а где-то — осознанная композиция со своими акцентами.
В статье веб-дизайнер студии комплексной разработки цифровых решений CleverPumpkin Александр Попов вместе с лид-дизайнерами команд «Авито», «Альфа-Банк» и «Детский мир» разбирают, чем bento-стиль отличается от других модульных подходов к созданию дизайна; ситуации, где модульность помогает и в каких мешает. Внутри — примеры продуктовых интерфейсов, выводы и практические рекомендации по работе с bento.