Дизайн-система Paradigm

· · 996

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

Так единая дизайн-система разработана у таких компаний, как Microsoft - Fluent Design SystemAirbnbUber и многих других.

В компании Mail.Ru Group дизайн-система стандартизирующая сайты, медиа-проекты и сервисы компании сформировалась в течение нескольких последних лет.

А вчера дизайн-команда, занимающаяся разработкой и обновлением продуктов Mail.Ru представила справочник по основным законам и принципам дизайн-системы Paradigm

Дизайн-система Paradigm 

Дизайн-система Paradigm 

В понимании дизайнеров компании дизайн-система представляет из себя визуальный язык, который определяет то, как выглядят интерфейсы. За основу был взят принцип обычного языка — алфавит (переменные), слова (элементы интерфейса), предложения (компоненты) и цельные тексты (экраны и продукты). Алфавит не изменяется, словарный запас может меняться со временем, предложения же и тексты создаются всегда разные.

В визуальной системе описаны базовые и дополнительные цвета, типографика, иконки, принцип построения сетки, элементы интерфейса, анимация и другие наработки. Также компания выработала ключевые принципы этой дизайн-системы, такие как модульность, параметричность, «супер-пиксель» 4dp, адаптация.

Поле ввода

Поле ввода

Сетка

Сетка

Начав внедрение дизайн-системы в 2012 году, в 2015 году дизайн-команда Mail.Ru Group сформировала её целостное видение. Работа еще не завершена. Будем дальше следить за развитием нового языка дизайна Paradigm.

1

подписаться

Чтоб оставить комментарий нужно войти или зарегистрироваться

Интересные материалы