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

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

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

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

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

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

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

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

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

Поле ввода

Поле ввода

Сетка

Сетка

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

Пост опубликован пользователем. Чтобы поделиться своим проектом, написать новость или статью нажмите кнопку «Стать автором»

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