Курсовая работа Яндекс Практикум Дизайнер интерфейсов (ux/ui) Спринт 4

Туристический клуб, с которым тебе предстоит работать в этом проекте, существует давно и имеет отличную репутацию, но до сих пор очень мало людей знает про него. Поэтому к тебе обратились с задачей сделать лендинг для десктопной версии с одним из их туров. Но сначала нужно разобрать письма от клиента, понять, что он хочет, и сформировать чёткое ТЗ.

Задание

Тебе предстоит составить ТЗ на основе брифа от заказчика и создать лендинг.

Что конкретно нужно сделать

1. Изучи информацию о проекте и письмо от заказчика.
2. Заполни ТЗ в таблице, составь ассоциативное поле, собери мудборд и референсы.
3. Найди и проанализируй материалы, связанные с походами: тексты, фотографии, схемы маршрутов и иллюстрации.
4. Придумай, как расположить на странице элементы сайта. Главное, чтобы повествование было логичным.
5. Выстрой визуальную иерархию:

• Выдели композиционный центр — доминанту.
• Создай на странице последовательное повествование: от главного к второстепенному.
• Выбери размеры элементов и отступы между ними.

1. Настрой сетку. Наведи порядок в макете. Выровняй по сетке все элементы.
2. Выбери значение базовой единицы и сделай размерности и отступы кратными этому значению. Приведи в порядок отступы и размерности, проверь, чтобы повторяющиеся отступы были консистентны, избавься от дробных значений в интерфейсе.
3. Распредели текст по блокам и добавь заголовки.
4. Подбери и распредели изображения по блокам. Изображения должны подходить стилистически. При необходимости кадрируй их, меняй цвет и стиль.
5. Определись с цветовой палитрой. Покажи фоновые и акцентные цвета. Можешь выбрать любой из этих вариантов или предложить свою палитру:

• монохроматическая
• контрастная
• контрастная триада

1. Подбери подходящие шрифты. Продумай, какие будут размеры и начертания у заголовков и текста. И сразу занеси эти начертания в текстовые стили Figma.
2. Сделай обложку для проекта и наведи порядок в Figma, прокомментируй все решения.
3. Обрати внимание на порядок в слоях. Убери лишние артефакты на отдельную страницу в Figma.