Когда брендинговое агентство сознательно делает дизайн менее эффектным
Самая эффектная концепция не всегда становится лучшей системой: где визуальная выразительность начинает мешать реальной жизни бренда
31 347
Дизайн‑системы
Токены, библиотеки, гайдлайны платформ и отдельные контролы: кнопки, поля, модалки, табы.
Я заменил дизайнера нейронкой. Вот так, сорян
Заранее извиняюсь перед дизайнерами, которые сейчас будут кидаться в меня Figma-файлами. Тема неприятная, но обсудить её надо.
Почему работа с цветом в дизайн-системах — это не про творчество
Привет, меня зовут Владимир Белов, продуктовый дизайнер.
Почему точки плохо отражают прогресс в слайдерах
Лучший способ показать прогресс
Как сделать поля формы удобными для восприятия без резкого контраста
Дизайн с акцентом на максимальной …
Как применять плейсхолдеры для удобного ввода данных в форму
Оптимизируйте формат полей Многие дизайнеры …
Как превратить 4 вложенных модальных окна в одно
Одно модальное окно для управления всеми операциями
Как сделать белый текст в названиях кнопок хорошо читаемым
Проектируем цветные кнопки удобными для восприятия
Как не дать пользователям перепутать форму регистрации с формой входа в систему
Сделайте похожие формы хорошо различимым
Date selector & Calendar
В прошлой статье я упоминала, что в интерфейсе может быть еще один тип ввода — ввод данных или выбор даты. С помощью этого ввода…
Как документация влияет на дизайн-системы в аспектах доступности
В дизайн-системах дизайнеры, разработчики и другие члены команды ориентируются на документацию. Она содержит пошаговые инструкции о том…
Как создать цветовую палитру для дизайн-системы
Что такое цветовая палитра?
Почему важно курировать, а не создавать дизайн-систему
Обзор того, как с помощью стратегического курирования и индивидуальной настройки повысить уровень вашей практики дизайна
Организация цвета в дизайн-системах
Возможно, вы давно задаетесь вопросами, как организовать цвета в дизайн-системе? Как управлять ими максимально гибко? Как сделать их…
Как собрать мастер-компонент. Реальный опыт
Атомарный дизайн и компоненты
Самая простая в использовании система отступов
У вас есть вопрос: как не запутаться в системе отступов самому и не дать в них запутаться фронтендеру? А если такого вопроса нет, то скорее…
8 популярных Figma-плагинов для создания и управления дизайн-системами
Первая часть многосерийного цикла…
Что такое дизайн-система и зачем она вам нужна?
Когда я делал свои первые шаги в роли дизайнера интерфейсов, то основным показателям успешности работы для меня было насыпать побольше…
Дизайн-токены: практическое руководство для начинающих
Дизайн-токены — строительные блоки дизайн-систем. Их внедрение помогает сделать дизайн-системы унифицированными, гибкими и готовыми к…
Text Input состояния
Данная статья рассказывает о том, какие состояния нужно продумать для компонента text input в дизайн-системе.
Разновидности UX кнопок. Ч.1
Кнопки заставляют людей действовать одним щелчком мыши. Они спроектированы и размещены по всему веб-сайту, и их легко идентифицировать.
Окей, Гугл. Как создать дизайн-систему? [Советы от практиков]
Как только этих ребят не называют: «менеджеры дизайн-систем», «смотрители дизайн-систем», «библиотекари», «DesignOps», но именно они…
Дизайн-система, и как мы ее используем.
Каталог российских дизайн систем привёл меня к одному выводу, и нет, не про гибкость и скорость тестирования гипотез и исследований, а про…
Лучшие практики модальных окон. Компоненты дизайн системы
В этой статье я рассказываю и показываю на примерах как должны работать модальные окна.
Улучшаем таблицы в большом продукте
Продуктовый байопик о команде дизайнеров из Ozon Performance
129 344
Как использовать свойства компонентов в Figma
Недавно Figma анонсировала новые функции, одно из которых это возможность задавать свойства компонентов (Component Properties). Чтобы…
Топ UI трендов 2022 года
Небольшая подборка актуальных трендов
Тултипы или всплывающие подсказки в интерфейсе
Привет! Я Владимир Белов — продуктовый дизайнер в Group-IB. Веду телеграм-канал «Заметки дизайнера», где делюсь полезными ссылками…
Отображение ошибок в интерфейсе, часть 1 – Как возникают ошибки
Виды ошибок и обстоятельства, при которых они возникают.
Отображение ошибок в интерфейсе, часть 2 – Выбор способа отображения ошибки в интерфейсе
Как связать техническую суть ошибок с элементами интерфейса.
