05
UX/UI-дизайн интерфейсов
Для тех, у кого разработка своя, а дизайна не хватает. Проектируем структуру, рисуем экраны и собираем дизайн-систему — и отдаём макеты в виде, из которого верстают без вопросов и уточнений в чате.
Figma
макеты, из которых верстают
UI-кит
компоненты и состояния
адаптив
десктоп, планшет, телефон
Состав работы
Прототипы экранов и логика переходов
Дизайн-концепция на главном экране
Отрисовка всех экранов проекта
Состояния: наведение, нажатие, ошибка, пустой экран
UI-кит и дизайн-система
Адаптив под ключевые разрешения
Спецификация анимаций для разработчика
Сопровождение вёрстки: отвечаем на вопросы команды
01
Макет, из которого можно верстать
Разница между красивой картинкой и рабочим макетом — в том, что не нарисовано. Что происходит при ошибке, как выглядит пустой список, куда девается длинное название в две строки, что с кнопкой при нажатии.
Если этого нет, решения принимает разработчик на ходу, и продукт расходится с задумкой. Поэтому состояния и краевые случаи мы рисуем наравне с основными экранами.
02
Дизайн-система вместо набора экранов
Когда экранов больше десятка, набор отдельных макетов начинает противоречить сам себе: кнопки разной высоты, четыре оттенка серого, отступы на глаз. Дальше это переезжает в код и остаётся там надолго.
Дизайн-система задаёт единые компоненты, шкалу отступов и типографику. Новые экраны после этого собираются быстрее, а команда перестаёт спорить о мелочах.
03
Мы не бросаем макет на пороге разработки
Самое частое место потери качества — передача в вёрстку. Мы остаёмся на связи с вашей командой, пока экраны собираются, и разбираем спорные места по ходу.
Если нужно, пишем спецификацию анимаций: что, откуда, за сколько миллисекунд и с какой кривой. Без этого движение на сайте всегда получается случайным.
Как идёт проект
Вводные
Разбираемся в продукте, пользователях и ограничениях вашей разработки.
Структура и прототип
Схемы экранов и переходов. Проверяем логику до того, как рисовать.
Концепция
Рисуем главный экран и согласуем визуальное направление целиком.
Экраны и система
Отрисовываем остальное, собираем UI-кит и состояния компонентов.
Передача
Отдаём макеты и сопровождаем вёрстку, пока команда собирает интерфейс.
Живые сайты, а не картинки в презентации
Спрашивают чаще всего
Вы работаете, если разработка у нас своя?
Да, это основной сценарий для этой услуги. Мы отдаём макеты и дизайн-систему в Figma и остаёмся на связи с вашей командой на время вёрстки.
В каком виде отдаёте макеты?
Figma: экраны, компоненты, состояния, шкала отступов и типографика. Плюс спецификация анимаций, если движение в интерфейсе важно.
Сколько правок входит в работу?
Правки на этапе концепции и структуры входят — там они и должны происходить. Переделка согласованного направления после отрисовки всех экранов считается отдельно, и мы предупреждаем об этом заранее.
Можете доработать существующий дизайн, а не рисовать с нуля?
Да. Часто разумнее привести к системе то, что уже есть: собрать компоненты, выровнять отступы и типографику. Это дешевле полной перерисовки и меньше ломает привычки пользователей.
блог
Последние статьи
Мем «3 сентября»: почему он ломает интернет пятнадцатый год
Шутке пятнадцать лет, и она собирает охваты, которых не видать новым идеям. Разбор механики: почему дата в календаре сильнее темы.
3 сентября 2026
Откуда взялись значки bluetooth, ⌘ и «выключить»: истории восьми знаков
Руна викинга, дорожный знак из Скандинавии, единица внутри нуля и дискета, которой никто не держал в руках. Восемь знаков, которые ты жмёшь каждый день.
1 сентября 2026
Ошибки в дизайне форм: шесть причин, почему с формы нет заявок
Форма выглядит нормально, а заявок с неё нет. Шесть дефектов, которые не видно на макете: подписи полей, контраст, кнопки, ошибки, размер целей и отступы.
29 августа 2026
Команда Reut
сегодня
Здравствуйте, нужен дизайн интерфейса
есть примеры, что нравится
с чего начнём?
Здравствуйте! Пришлём бриф под вашу нишу
а по ответам — КП со сроками и сметой
Начнем обсуждение вашего лучшего проекта?
Подписаться на рассылку
Согласен получать письма о новых работах и статьях и на обработку персональных данных
Reut Art
© 2026 Reut · reut.art
ИП Реут Артём Юрьевич · ИНН 910402081314 · ОГРНИП 320911200026247