ARTHand История дизайна Библиотека вместо стопки макетов

Библиотека вместо стопки макетов

Глава 4 · 2017

После редизайна главным объектом работы становится не страница, а система повторяющихся решений.
Досье
ВКонтакте: десять лет в одной рамке
Период
2006—2017

Компоненты собирают рядом все состояния: пустое, активное, длинное, мобильное. Это снижает риск, что новая функция случайно вернёт старую типографику или несовместимую кнопку.

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

07

Библиотека компонентов

Цвета, поля, списки и состояния собраны рядом: дизайн перестаёт храниться в отдельных макетах.

Команда дизайна ВКонтактеИсточник: VK by design ↗
09

Лента как семейство состояний

Разные ширины и типы записи показываются вместе, чтобы изменения проверялись не на одном идеальном примере.

Команда дизайна ВКонтактеИсточник: VK by design ↗