Обновить

Дизайн

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

5 ошибок accessibility в дизайне интерфейсов, которые ломают UX

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

Доступность часто воспринимают как техническую тему. ARIA, WCAG, скринридеры — будто это зона разработчиков. Но правда в том, что большая часть проблем появляется ещё в макетах. И если дизайнер не заложил структуру, смысл и сценарий — разработчик это уже не исправит без редизайна.

Читать далее

Новости

Эволюция инструментария: как плагины Figma меняют профессию дизайнера интерфейсов

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

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

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

В данной статье вы можете увидеть собранный топ плагинов дизайнеров «Северстали» для Figma.

К топам плагинов →

18 решений для фильтрации и сортировки товаров в интернет-магазине, которые упростят выбор и повысят конверсию

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

Всем привет! Меня зовут Саша, и последние 12 лет моя жизнь — это дизайн. Сегодня я руковожу дизайн-командой в KISLOROD, а в прошлом — помогал крупным брендам и миллионным сервисам обрести их уникальный голос и форму.

Сегодня расскажу о реализации удобного функционала фильтрации и сортировки товаров.

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

Читать далее

От одного магазина к омни-сервису: как мы объединили 5 форматов в одном приложении

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

Привет, Habr!

Я — Оля, продуктовый дизайнер в Lenta tech («Группа Лента»). В команде Growth отвечаю за привлечение новых пользователей и развитие омниканальных сценариев в «Онлайне». Вместе с командой нашей задачей было превратить приложение из сервиса для заказа продуктов на неделю в единое омни-приложение, которое закрывает другие покупательские сценарии: повседневные покупки с быстрой доставкой, эконом-формат, товары для животных и алкоголь (в самовывозе). В статье расскажу, что мы сделали в этом направлении, с какими сложностями столкнулись и какие результаты получили.

Читать далее

Рецензия на книгу «UX-презентация: как представить дизайн убедительно»

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

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

Читать далее

Множество Мандельброта. 32-бит TrueColor. 60 FPS. 80-бит long double. OpenMP. Суперсэмплинг 2x2 (4 прохода). И цвета

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

Множество Мандельброта. 32-бит TrueColor. 60 FPS. 80-бит long double. OpenMP. Суперсэмплинг 2x2 (4 прохода). И цвета. Я хочу сказать. Это самая нужная вещь во Вселенной. Самая глубокое. И я сейчас за всю жизнь наконец стал писать код и сделал. Довольно сложное. И самое прекрасное. Скачайте и посмотрите! Это экзешник, в ГитХаб.

github: Download Latest Version Windows And Source code

Читать далее

Нейрофотосессия для менеджеров клиентского сервиса: как создать 32 похожих аватара и усилить эмпатию в коммуникации

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

Привет! Я Ксюша, дизайнер в ЮMoney. Ранее мы с коллегой рассказывали, как создаём дизайн карт с применением ИИ. В этой статье — продолжение: я покажу, как система для создания одинаковых изображений с помощью нейросетей помогает ускорить работу дизайнера, поделюсь способом создания персональных аватаров для службы поддержки. Также моя коллега Марина раскроет метрики, которыми мы измерили итоги эксперимента. Эта статья будет полезна тем, кто работает цифровым дизайнером и пробует применять в работе искусственный интеллект.

Читать далее

Продуктовая колористика: рабочий инструментарий

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

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

Этот набор инструментов будет полезен дизайнерам, потому что превращает работу с цветом из «на глаз» в системный процесс. Также часть из этих инструментов могут работать с OKLCH и помогать в сборке палитры, пока Фигма нам даёт только расширенный гамут в виде переключателя на P-3, но не обзавелась переключателем на OKLCH внутри окна цветовой палитры.

Читать далее

Промты для оживления и улучшения старых фотографий: краткий гайд

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

Невзирая на огромную популярность оживлений старых снимков и новые возможности популярных моделей ИИ — реализовать поставленную задачу не так просто, как хотелось бы. У моделей типа OpenAI Sora и Nano Banano Pro встроенная логика: «если лицо оживает, нужно добавлять микромимику», а понимание красоты у каждого — разное. Тем не менее, есть ряд рабочих инструкций и решений для оживления старых фото, которые помогают воссоздать архивные снимки, оживить их, и не испортить оригиналы. 

Читать далее

Отверстия в печатных платах: 8 ошибок, которые делают плату более дорогой и менее надежной

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

Каждый день я открываю десятки проектов, и первое, на что смотрю это  файл сверловки. Можно сразу сказать, где разработчик понимал, чтоделает, а где просто «нарисовал как в прошлый раз». Самое обидное, когда ошибки в проектировании отверстий всплывают уже на производстве: плату приходится переделывать, сроки горят, бюджет летит в трубу.

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

Прежде чем начнем: какие вообще бывают отверстия?

Для начала договоримся о терминах. Отверстия в печатных платах бывают:

Читать далее

Реализация прототипов взаимодействующих движков Forth класса тактовых генераторов

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

1.      Предыстория

Месяц тому назад я реализовал интерпретатор Forth на Elixir, о чем поведал на Хабре (https://habr.com/ru/articles/985894/). Этот гибрид получил составное имя Forth-ibE в честь своих родителей (Forth in-build Elixir).

Следующим шагом разработки стало определение API обмена сообщениями в распределенной команде движков Forth для совместной работы.

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

Во–первых, в [1] говорится, что

«наряду с однозадачными существуют и мультизадачные Форт-системы. Они могут работать с произвольным числом задач. Задача может быть либо терминальной, при выполнении которой вся интерактивная мощь Форта передается оператору, сидящему за терминалом, либо управляющей, которая обеспечивает управление аппаратным средством, не имеющим терминала.

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

Внешне, формально это похоже на мою задумку команды движков Forth, но понятно, что в [1] описаны движки, размещенные в памяти одного компьютера. В Elixir/Erlang процессы движков Forth получают в распоряжение виртуальные машины BEAM, а следовательно, и узлы.

«Узлы можно запускать как на одном хосте, так и на нескольких. После установления связи между узлами процессы одного узла могут взаимодействовать с процессами других узлов с помощью стандартного механизма обмена сообщениями.»[2]

Читать далее

ТОП 10 полезных промптов для Nano Banano Pro – как писать промпты для Gemini в 2026 году?

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

Сегодня только «ленивый» не продает курсы по промпт‑инжинирингу. И большая часть такой аудитории понятия не имеет о движке и логике разных языковых моделей, которые ко всему прочему постоянно развиваются и меняются. Наша команда пошла по другому пути — мы сделали бота на базе Nano Banano Pro, в который уже интегрирована языковая модель GPT, которая и является автором большинства лучших курсов, которые Вам продают «эксперты». 

Да‑да, именно разработка Open Ai является автором большинства курсов и промптов, которые Вы видите в Интернете, а не опытные дизайнеры или программисты. Остальное — вопрос экспериментов и таланта автора. Мы предлагаем не удочку, а рыбу, а также возможность на этом заработать вместе с нами.

Читать далее

Как оживить фото нейросетью бесплатно и без регистрации? Нормально никак, но пойдем смотреть варианты

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

Рынок Image‑to‑Video (I2V) все еще находится на этапе развития, где каждый инструмент старается закрепиться в определенной нише: одни нейросети рисуют шедевры, но не дают загрузить свое фото; другие предлагают нам $200 за подписку, но выдают «мыло; третьи хороши только в танцах. Мы отсеяли маркетинговый шум и составили список инструментов, которые реально работают с вашими исходниками, а также представили несколько решений, которые позволяют оживить фото онлайн без ВПН и регистрации.»

Люди готовы платить любые деньги, чтобы увидеть, как их молодые предки снова улыбаются, кивают или танцуют. Это уже не просто контент, это цифровая магия. Поэтому мы собрали ТОП лучших нейронок для оживления фотографий в 2026 году, выявили победителей и на их движке сделали собственных ботов, которые работают прямо в Telegram без ВПН и танцев с бубном.

Читать далее

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

Будь Uniqlo: сложность и простота в работах Сато Касива

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

Один из известнейших современных японских дизайнеров Сато Касива, автор как графических работ, так и архитектурных, родился в Токио в 1965 году. Учился и окончил Университет искусств Тама по профильной специальности. Долгое время работал в компании Hakuhodo Inc. Уйдя оттуда, основал собственную фирму SAMURAI. Сегодня расскажем о его творческом пути и принципах работы.

Читать далее

Сгенерировать картинку / фото нейросетью: какими AI лучше создавать картинки в 2026 году?

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

Рынок жестко разделился: с одной стороны – тяжелый западный люкс, требующий валютных карт и VPN, с другой – доступные, но специфические инструменты. Мы взяли 10 лучших нейросетей для генерации картинок и прогнали их через один тест на логику и детализацию. 

Для чистоты эксперимента мы ввели запрос, как большинство обычных пользователей, не указывая стиль, ракурс камеры, освещение, фон – все возложено на участников теста.

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

Читать далее

От миграции к сотрудничеству: опыт перехода на Pixso

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

Привет, Хабр! Меня зовут Григорий и я руковожу департаментом продуктового дизайна в «Лаборатории Касперского». Хочу рассказать историю, которая началась как форс-мажор, продолжилась как управленческий челлендж и закончилась как хорошая тренировка, позволившая нам проверить устойчивость процессов, силу команды и надежность новых технологических партнёров.

Речь пойдёт о том, как в один момент может перевернуться жизнь целого дизайн-департамента (и не только), вынужденного сменить основной рабочий инструмент с Figma на Pixso и как грамотная организация работы помогает минимизировать влияние на непрерывность бизнес-процессов при экстренном переходе на другое решение.

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

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

Читать далее

Сюр без купюр: как жидкие часы, огромные улитки и другие странные образы изменили дизайн

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

Привет! Я Сергей Багрецов, коммуникационный дизайнер в AGIMA. Чтобы выделиться на фоне всеобщей стерильности и минимализма, многие мировые бренды всё время ищут новых подходов к дизайну. И свежие решения, как ни странно, иногда находятся в прошлом. Одно из них — классический сюрреализм, идеи которого еще в начале XX века разрабатывали Сальвадор Дали и Андре Бретон. В этой статье поговорим, что же это за идеи и почему они так хорошо себя чувствуют в современном дизайне. 

Читать далее

Как войти в IT через дизайн

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

Перейти в IT-сферу можно не только через код — ранее мы писали, что влиться в процессы можно через маркетинг или HR-направление. Ещё один реальный способ попасть в индустрию — дизайн. Он подойдет тем, кому по душе работа с визуалом, логикой интерфейсов и работой с пользователями.

Но дизайн в IT — это не просто красивые карточки, но еще и продукт, метрики и пользовательский опыт. Поэтому если у вас амбициозные карьерные цели, присмотритесь к IT.

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

Читать далее

UX против тикетов: как продукт может отвечать вместо поддержки

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

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

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

В этой статье разберём:
• какие типы запросов в поддержку можно убрать дизайном;
• как находить точки, где продукт «ломается»;
• какие UX-решения реально снижают нагрузку на поддержку;
• с чего начать, если ресурсы ограничены.

Читать далее

«Цифровое обрезание» для ВК Видео

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

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

Снова, снова и снова, речь пойдет о утерянной технологии древних Pan-N-Scan. 

Оставлю прелюдии на потом. Чё делать то? 

Добавляем всего одну иконку. Ставим ей два статуса вкл/выкл. Растягиваем контейнер с видео. И вуаля — наслаждаемся по настоящему Полноэкранным режимом, занимающим всю полезную площадь матрицы приобретенного устройства.

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