Messenger/docs/android-ui-batch-1-checklist.md

Android UI Checklist — Batch 1 (Telegram Reference)

Дата: 2026-03-09
Источник: первая пачка скринов (настройки, приватность, контакты, профиль, архив, общий список чатов)

P0 — Navigation + Layout Shell

• Floating bottom navigation в rounded контейнере с полупрозрачным тёмным фоном.
• Активный tab в фиолетовом pill-состоянии, неактивные — белые/серые.
• Глобальная панель Chats / Contacts / Settings / Profile на уровне app-shell (одна на все 4 страницы).
• Поведение панели: скрывается только при скролле вниз, возвращается при скролле вверх/в начале списка.
• Safe area для status/nav bars на всех экранах списка/настроек/профиля.

P0 — Settings Visual System

• Экран настроек из секционных rounded cards (а не плоский список).
• Унифицированная строка настройки: leading icon + title + subtitle + trailing value/switch/chevron.
• Тонкие разделители внутри карточек.
• Переключатели в фирменном фиолетовом состоянии.
• Header-типографика: крупный title, back-иконка, actions справа.

P0 — Chat/Contacts List Styling

• Поисковая плашка-пилюля сверху.
• Chat row: avatar + title + preview + time + unread badge.
• Состояния pinned/muted и mention/read indicator в preview-строке.
• FAB справа снизу (compose/add contact).
• Архив вынесен из верхних tab и отображается отдельной строкой списка.

P1 — Privacy/Data/Notifications Screens

• Privacy screen: value справа фиолетовым текстом ("Все", "Контакты").
• Data & memory screen: grouped cards + reset row + streaming toggle rows.
• Notifications screen: плотные секции, много switch-row без визуального шума.
• Экраны энергосбережения/прокси/звуки в едином компонентном стиле.

P1 — Profile Screens

• Profile hero header (фон + аватар + имя + статус/online).
• Action-кнопки (выбрать фото/изменить/настройки) в rounded cards.
• Инфо-секции: телефон, username, bio, birthday как отдельные cards.
• Tab-like блок под профилем (публикации/архив/подарки).

P1 — Contacts Screen

• Верхний app bar "Контакты" + action справа.
• Секции: quick actions (пригласить друзей/звонки), затем список контактов.
• Контакт-строка: аватар + имя + secondary last seen.

P2 — Polish

• Плавные переходы между секциями/скролл-хедерами.
• Микро-анимации switch/chip/FAB в пределах 120-180ms.
• Консистентный ритм вертикальных отступов 12/16dp.

UI Tokens (из Batch 1)

• bg: #0B0B0D
• surface: #17181B
• surfaceAlt: #1D1E22
• accent: #9B6BDF
• textPrimary: #F2F2F4
• textSecondary: #9A9AA1
• Радиусы: cards 20dp, search/input 18-20dp, nav container 26-30dp

Definition of Done (Batch 1)

• Основные list/settings/profile экраны визуально совпадают с Telegram-паттерном.
• Bottom nav, cards и row-компоненты унифицированы и переиспользуются.
• Нет пересечений с системными панелями на жестовой навигации.