SHA256
42 lines
4.7 KiB
Markdown
42 lines
4.7 KiB
Markdown
# Дизайн SHiNE
|
|
|
|
Статус: направление выбрано, спецификация 0.2 от 22.09.2026. Основа — Ночной SHiNE; дневная тема — тёплая палитра; компактная шапка канала; полноэкранный ответ. У лайков только общий счётчик, оглавление в меню.
|
|
|
|
- [Общий дизайн-документ](DESIGN.md) — актуальная спецификация выбранного стиля, обе темы, общие компоненты, сценарии и критерии приёмки.
|
|
- [Открыть исходную HTML-галерею](channels-v1/index.html) — четыре варианта, четыре экрана в каждом; история выбора.
|
|
|
|
Галерея сохранена без изменений и ещё не отражает итоговое сочетание решений. Для последующего переноса источником истины служит `DESIGN.md`, а не детали одного старого варианта. Код приложения не менялся.
|
|
|
|
## Как посмотреть
|
|
|
|
Откройте `channels-v1/index.html` в обычном браузере. Сервер, сборка, вход в аккаунт и интернет не нужны. Стили и JavaScript лежат рядом, поэтому при передаче макетов сохраняйте всю папку `channels-v1`.
|
|
|
|
Вверху переключаются экраны всех вариантов одновременно. Стрелка возле названия открывает один вариант. На узком экране галерея выстраивается вертикально.
|
|
|
|
Отдельные варианты:
|
|
|
|
1. [Чистый монохром](channels-v1/index.html?variant=mono).
|
|
2. [Тёплый SHiNE](channels-v1/index.html?variant=warm).
|
|
3. [Ночной SHiNE](channels-v1/index.html?variant=night).
|
|
4. [Компактный клуб](channels-v1/index.html?variant=club).
|
|
|
|
## Что попробовать
|
|
|
|
1. Нажать на канал и открыть обсуждение через значок комментариев.
|
|
2. Ответить на исходное сообщение или конкретному собеседнику.
|
|
3. Набрать ответ, закрыть редактор, открыть его снова: черновик сохраняется в памяти страницы.
|
|
4. Прикрепить файл, удалить вложение, отправить текст или только вложение.
|
|
5. Включить «Макет клавиатуры», чтобы оценить оставшееся место. Это иллюстрация, настоящая клавиатура телефона работает отдельно.
|
|
6. Переключить роль на владельца: в канале появляется постоянная кнопка публикации.
|
|
7. Проверить поиск и фильтры списка; открыть оглавление и меню сообщения.
|
|
|
|
Все действия демонстрационные. Выбранный файл не читается и никуда не загружается: отображается только имя. После перезагрузки страницы демонстрационные сообщения, реакции и черновики исчезают. Уведомления, подписка и поиск не обращаются к API. Другие разделы нижней навигации показывают пояснение о границах макета.
|
|
|
|
## Границы
|
|
|
|
Макеты намеренно изолированы от `shine-UI`: они не импортируют приложение и не участвуют в его сборке. Здесь допускаются экспериментальные компоненты; при переносе утверждённого дизайна нужно использовать существующие владельцы AppShell, TopBar, Dropdown, Avatar и Composer.
|
|
|
|
## Проверка
|
|
|
|
Результаты проверки и ограничения приведены в [VALIDATION.md](VALIDATION.md). Визуальная проверка в браузере в текущей сессии недоступна: подключённых браузеров нет. Это рабочие HTML-макеты для обсуждения, не проверенная на устройствах реализация приложения.
|