59 lines
3.6 KiB
Markdown
59 lines
3.6 KiB
Markdown
# Android UI Checklist — Batch 1 (Telegram Reference)
|
||
|
||
Дата: 2026-03-09
|
||
Источник: первая пачка скринов (настройки, приватность, контакты, профиль, архив, общий список чатов)
|
||
|
||
## P0 — Navigation + Layout Shell
|
||
- [x] Floating bottom navigation в rounded контейнере с полупрозрачным тёмным фоном.
|
||
- [x] Активный tab в фиолетовом pill-состоянии, неактивные — белые/серые.
|
||
- [ ] 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).
|
||
|
||
## 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-компоненты унифицированы и переиспользуются.
|
||
- [ ] Нет пересечений с системными панелями на жестовой навигации.
|