48 lines
2.2 KiB
Markdown
48 lines
2.2 KiB
Markdown
# Шаблоны экранных форм приложения "По грибы"
|
||
|
||
## Описание
|
||
|
||
Этот каталог содержит HTML/CSS шаблоны экранных форм для мобильного приложения "По грибы".
|
||
|
||
## Файлы
|
||
|
||
- `template.html` - базовый шаблон экранной формы
|
||
- `template.css` - стили для шаблона
|
||
|
||
## Как использовать
|
||
|
||
1. Откройте `template.html` в браузере
|
||
2. Измените размер окна браузера до мобильного формата (375px ширина) или используйте режим разработчика (F12) для эмуляции мобильного устройства
|
||
3. Сделайте скриншот для отчёта
|
||
|
||
## Структура шаблона
|
||
|
||
Шаблон включает:
|
||
|
||
- **Шапка (Header)**: логотип и название "По грибы"
|
||
- **Основной контент (Main)**: прокручиваемая область с примерами карточек и элементов списка
|
||
- **Нижняя навигация (Navigation)**: 5 кнопок для основных разделов
|
||
- **Кнопка SOS**: плавающая красная кнопка в правом нижнем углу
|
||
|
||
## Технические параметры
|
||
|
||
- Ширина: 375px (стандартный мобильный экран)
|
||
- Высота: 812px (iPhone X и выше)
|
||
- Шрифт: Inter или Roboto
|
||
- Базовый размер шрифта: 16-18pt
|
||
|
||
## Цветовая палитра
|
||
|
||
- Зелёный (основной): #2D5F3F
|
||
- Оранжевый (акцент): #E67E22
|
||
- Красный (SOS): #C0392B
|
||
- Голубой (информация): #3498DB
|
||
- Серый текст: #7F8C8D
|
||
- Тёмный текст: #2C3E50
|
||
- Светлый фон: #FAFAFA
|
||
|
||
## Для разработки новых экранов
|
||
|
||
На основе этого шаблона можно создавать конкретные экраны приложения, заменяя содержимое блока `.content-container` на специфичные для экрана элементы.
|
||
|