Что это?

Здесь храним договоренности команды по дизайну и процессам.

О чем договорились в дизайне?

  1. Для фона используем цвет Lower из ДС. Для “карточек” наверху используем Primary Elevated из ДС.

  2. Используем залитую иконку, когда говорим про навигацию (переход куда-то).

  3. Используем линейную иконку, когда говорим про действие (создать документ, пошерить).

  4. Используем Spinner размера 44 на экранах загрузки, когда он вмещается и стоит по центру экрана.

  5. Если экран новый и делается не на CMS-блоках, то рисуем accessibility-макет с увеличенными шрифтами.

  6. Используем персонажей Мой МТС в макетах.

    Персонажи Мой МТС

  7. Использовать на карточках скругления 24 px (либо если маленькие/большие карточки делать шаг от 8\16\24\32\48 px).

  8. Используем Modal Page, а не Modal Card.

  9. Охранные отступы модальных окон от вьюпорта:

    1. Desktop XL — Desktop M: 32 px сверху и снизу,
    2. Desktop S — Tablet: 24 px сверху и снизу,
    3. Mobile: 20 px сверху.
  10. Договорились в карточках бейдж поместить над заголовком в карточках каталога и в карточках на шаблонных страницах (блок Выберите подходящие и Доступные тарифы). Потому что, бейдж должен акцентировать внимание (не страшно, что заголовки скачут, это скорее плюс, прием нюанс в композиции).

  11. Если в Modal Page контент не помещается на экран (есть скролл) и есть кнопка основного действия (красная), то она должна отображаться внизу шторки (быть закреплена поверх списка). Если же кнопка имеет характер второстепенного действия (серая), то она НЕ должна фиксироваться поверх, а должна быть в конце скролла (списка) экрана (исключение: кнопка Закрыть).

О чем договорились в процессах?

  1. Включать камеру на звонах.

  2. Активно участвовать и общаться с разработкой в процессе работы над фичей. Ходить на командные синки.

  3. Если фича охватывает несколько больших разделов (и ещё у вас несколько продактов), то нужно заводить несколько отдельных файлов, а не вести один большой файл-эпик.

  4. Сами экспортируем всю графику из макета согласно инструкции и прикрепляем ZIP-архив в комментарии к дизайн-задаче в Jira.

    Как экспортировать изображения из макета?

  5. Если в процессе работы над макетом рождается компонент\блок, который потенциально пригодится всей команде, то заносим такой компонент в общую библиотеку (сообщить Дизайн-полиции).