ИнтТех3

1.

Информационно-развлекательное
мобильное приложение для Профком
ГУАП
Группа 1045
А.В. Титова
А.С. Лабутин
Ю.В. Ануфриев
2024

2.

Визуальные референсы
2

3.

Функциональные референсы
«Мой профсоюз», «Мобильный профсоюз», приложения ВУЗов
3

4.

Мудборд
4

5.

Цветовая палитра
5

6.

Шрифты
Для оформления приложения выбраны шрифты Arial Black для крупных надписей и
заголовков и Arial жирный для мелих надписей.
Цвета шрифтов соответствуют основным выбранным цветам для оформления приложения:
Цвет текста на светлом фоне - #0B1957
Цвет текста на темном фоне - #FAF3EB или #FC9FBC
Размеры шрифтов:
Заголовки: 20–24 pt
Подзаголовки: 16–18 pt
Основной текст: 14–16 pt
Мелкие подписи: 10–12 pt
6

7.

Техническое задание
1. Общая концепция и настроение
Настроение: Приложение должно выглядеть дружелюбным, молодежным и профессиональным, чтобы сразу
привлекать внимание студентов, но при этом передавать организованность и надёжность профсоюза.
Эмоции: Цветовая палитра и дизайн должны вызывать ощущение комфорта, доверия и активности, отражать
современность и динамичность студенческой жизни.
Стиль: Минимализм, легкость и акцент на удобство пользователя. Интерфейс должен быть чистым, с простыми
навигационными элементами и визуальными подсказками.
2. Основные цвета:
#F8F3EA (Мягкий бежевый): Фоновый цвет, создающий комфортную и приятную основу для чтения информации.
#0B1957 (Глубокий темно-синий): Основной цвет для заголовков, иконок и основных акцентов, символизирующий
профессионализм и надёжность.
#FFDBD1 (Мягкий розовый): Цвет второстепенных акцентов для кнопок и небольших декоративных элементов,
придающий дизайну легкость и тепло.
#FA9EBC (Яркий коралловый розовый): Цвет для акцентных элементов и кнопок действий, привлекающий
внимание пользователей и стимулирующий взаимодействие.
7

8.

Техническое задание
3. Элементы интерфейса
Иконки: Простые, без лишних деталей.
Карточки и кнопки: Мягкие закругленные углы, насыщенный цвет для акцентных кнопок. Фон карточек и основных
блоков светлый, чтобы текст был легко читаем.
Навигация: Вертикальная навигация методом скролла тематических вкладок на главной странице.
8