F7cloud Mobile
fd17df80a8
Kotlin/Compose client for F7cloud (mail, files, talk, calendar, contacts, tasks, support). Current version: 0.5.113 (build 121).
67 lines
2.3 KiB
Markdown
67 lines
2.3 KiB
Markdown
# Дизайн мобильного приложения (F7cloud)
|
|
|
|
Папка для макетов из Figma и материалов для вёрстки APK.
|
|
Файлы лежат в репозитории — не нужно прикладывать их в чат.
|
|
|
|
**Figma:** [Forbion — облачное рабочее место](https://www.figma.com/design/ocVUCYCrfFUoqYYvlcLPBF/Forbion-%D0%BE%D0%B1%D0%BB%D0%B0%D1%87%D0%BD%D0%BE%D0%B5-%D1%80%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5-%D0%BC%D0%B5%D1%81%D1%82%D0%BE?node-id=1-90)
|
|
|
|
## Структура
|
|
|
|
| Папка | Что класть | Формат |
|
|
|-------|------------|--------|
|
|
| `screens/` | Целые экраны (фреймы Mobile) | PNG @2x |
|
|
| `icons/` | Иконки, которые нет на сервере | SVG (лучше) или PNG @2x/@3x |
|
|
| `tokens/` | Цвета, шрифты, радиусы, отступы | `.txt`, `.json` или скрин |
|
|
| `references/` | Ссылки на фреймы, PDF, заметки | `.md`, `.pdf` |
|
|
|
|
## Именование файлов
|
|
|
|
Используйте латиницу и дефисы, например:
|
|
|
|
```
|
|
screens/menu.png
|
|
screens/mail-list.png
|
|
screens/mail-detail.png
|
|
screens/files-list.png
|
|
icons/bottom-bar-chats.svg
|
|
tokens/colors.txt
|
|
tokens/typography.txt
|
|
references/figma-links.md
|
|
```
|
|
|
|
## Экспорт из Figma (кратко)
|
|
|
|
1. Выделить **Frame** мобильного экрана (не группу внутри).
|
|
2. Справа **Export** → **+** → **PNG** → **2x** → **Export**.
|
|
3. Сохранить в нужную подпапку.
|
|
|
|
Иконки: выделить слой → Export → **SVG**.
|
|
|
|
## Токены (пример `tokens/colors.txt`)
|
|
|
|
```
|
|
Primary: #70B62B
|
|
Background: #FBFBFB
|
|
Surface: #FFFFFF
|
|
Text primary: #151515
|
|
Text secondary:#808080
|
|
Border: #E6E6E6
|
|
```
|
|
|
|
## Ссылки на фреймы
|
|
|
|
Добавляйте в `references/figma-links.md` — **Copy link to selection** в Figma.
|
|
|
|
## Приоритет экранов (редактируйте по мере работы)
|
|
|
|
- [ ] Меню приложений
|
|
- [ ] Почта — список
|
|
- [ ] Почта — просмотр письма
|
|
- [ ] Файлы
|
|
- [ ] Нижняя панель (bottom bar)
|
|
- [ ] Вход / логин
|
|
|
|
## Код
|
|
|
|
Реализация в коде: `core/designsystem/`, экраны — `feature/*/`.
|