Дизайн для СМИ в Figma (подробное тз и референс)
Веб и мобильный дизайн
Бюджет: 20000 руб.
1. Общая концепция
Главный контент: текстовые статьи (упор на читабельность и удобство).
Дополнительный контент: аудио- и видеоматериалы (минимально навязчиво).
Основная платформа: мобильные устройства (Mobile First).
2. Главные требования к дизайну
Фокус на тексте:
Крупный, читаемый заголовок.
Оптимизированный основной текст (размер шрифта, межстрочный интервал, поля).
Минимум отвлекающих элементов.
Минималистичный стиль:
Светлая/чистая палитра фона (белый/очень светлый серый).
Акцентные цвета для ссылок, кнопок, плееров
Быстрая и интуитивная навигация:
Простая структура карточек на главной.
3. Структура основных экранов
3.1 Главная страница (лента статей)
Вертикальная лента карточек.
Карточка статьи:
Заголовок (большой шрифт, до 2 строк).
Краткий текст-превью (первые 2–3 строки).
Метка (иконка) "Аудио"/"Видео", если применимо (не яркая).
Миниатюрное изображение — опционально (если есть медиа).
Время чтения (например: «3 мин»).
3.2 Страница статьи
Верх:
Название статьи (очень крупный шрифт).
Дата публикации.
Основной блок:
Чистый текст, чёткая иерархия подзаголовков (H1, H2, H3).
Врезки для цитат (блочные, визуально отделены).
Низ:
Блок "Похожие статьи" (3–4 карточки).
Кнопки "Поделиться".
3.3 Поиск и фильтрация
Строка поиска.
Фильтры:
Категории.
Только текст.
Статьи с аудио/видео.
4. UI/UX особенности
Экраны не перегружены.
Простой скроллинг без резких анимаций.
Карточки реагируют на нажатие лёгким изменением цвета или тени.
