subochev
d5aa844fa0
- design/mockups/ — 15 макетов (одно состояние = один файл), из /tmp перенесены в репо - design/screenshots/ — те же экраны PNG - design/PRINCIPLES.md — принципы: что берём у десктопа, что на телефоне иначе - design/BORROW.md — что откуда: ядро (Nexus), тема (десктопный макет), отрисовка Markdown (ai/assistent) - design/gen_mockups.py — генератор макетов, путь вывода теперь рядом с ним - README: разделы «Принципы» и «Откуда код» со ссылками
48 lines
3.2 KiB
Markdown
48 lines
3.2 KiB
Markdown
# Макеты Android-клиента agentik
|
|
|
|
**Здесь принятое.** Пятнадцать экранов, по одному состоянию на файл — рисовались
|
|
и одобрялись 2026-09-20. Это решение, на которое опираемся в реализации, а не
|
|
предложение к обсуждению.
|
|
|
|
Интерактивности в макетах **нет намеренно**: вместо переключений — отдельный файл
|
|
на каждое состояние. Так видно каждое состояние по отдельности и не надо ничего
|
|
нажимать, чтобы его показать.
|
|
|
|
## Что где
|
|
|
|
| Файл | Что показывает |
|
|
|---|---|
|
|
| `mockups/01-chats.html` | Диалоги — список |
|
|
| `mockups/02-chat.html` | Чат — открытый диалог |
|
|
| `mockups/03-streaming.html` | Чат — ответ идёт, кнопка «Стоп» |
|
|
| `mockups/04-recording.html` | Чат — запись голоса |
|
|
| `mockups/05-empty.html` | Диалоги — ни одного ассистента |
|
|
| `mockups/06-agents.html` | Ассистенты — список |
|
|
| `mockups/07-agent-color.html` | Ассистент — форма, отличие цветом |
|
|
| `mockups/08-agent-pic.html` | Ассистент — форма, отличие картинкой |
|
|
| `mockups/09-check-wait.html` | Проверка связи — идёт |
|
|
| `mockups/10-check-ok.html` | Проверка связи — отвечает |
|
|
| `mockups/11-check-fail.html` | Проверка связи — не отвечает |
|
|
| `mockups/12-new-chat.html` | Новый диалог — выбор ассистента |
|
|
| `mockups/13-groups.html` | Группы — список |
|
|
| `mockups/14-group-edit.html` | Группы — изменение |
|
|
| `mockups/15-group-delete.html` | Группы — удаление |
|
|
|
|
`screenshots/` — те же экраны картинками (PNG), чтобы посмотреть без браузера
|
|
и вставлять в переписку. `00-all.png` — общий лист, остальные по одному экрану.
|
|
|
|
`gen_mockups.py` — генератор макетов: CSS и оболочка телефона заданы один раз,
|
|
состояние — фрагментом. Экран телефона 390×844. **Цвета в макетах стоят числами
|
|
и так и надо** — иначе макет не будет выглядеть задуманным; в коде приложения
|
|
цвет берётся из схемы по смыслу (см. `../README.md`, раздел «Дизайн»).
|
|
|
|
## Как смотреть
|
|
|
|
Открыть файл `mockups/*.html` в браузере — самодостаточный, без сборки и без
|
|
зависимостей.
|
|
|
|
## Принципы и откуда код
|
|
|
|
- `PRINCIPLES.md` — как это должно работать и чем Android отличается от десктопа;
|
|
- `BORROW.md` — что откуда взято, в том числе отрисовка Markdown.
|