← Ресэрч: карта маршрута

Карточки и превью трека

Силуэт трека + картинка · референсы: Gran Turismo, Forza, NFS + Komoot/Strava/RWGPS · полный документ: docs/designs/track-preview-references.md

Gran Turismo (GT7) главный паттерн

Список трасс + карточка: одноцветный «проводной» силуэт трека (не карта, а стилизованный outline) + фотография трассы. Форма трека сама — иконка маршрута, фото — эмоция.

GT Sport — ежедневные гонки
GT Sport, Sport-режим (скрин Ивана): карточки гонок — фото-фон, белый силуэт трека по центру, класс (N300/GR.4) крупно внизу слева, тёмная полоска статистики

gran-turismo.com · вики трасс: High Speed Ring, Trial Mountain

Экран track-select в GT7 — нужен скрин от Ивана.

Forza Horizon / Motorsport

Карточка: фотореалистичный фон + мини-схема трека тонкой линией поверх (затемнение/тень для контраста, точка старта). Силуэт не вместо картинки, а поверх.

Forza Motorsport — Suzuka
Forza Motorsport (скрин Ивана): Сузука как светящаяся 3D-лента на тёмной карте — роуд-сеть призрачная, трек — единственный яркий объект

forza.net · Wikipedia FH5 (скрины UI)

Выбор события с мини-схемой — скорее всего нужен скрин от Ивана.

Need for Speed (Heat / Unbound)

Карточки событий с фото локации; при выборе маршрут рисуется жёлтой линией с шевронами прямо на карте города — тот же приём, что у Komoot, в игровом масштабе.

NFS Most Wanted — выбор трассы
NFS Most Wanted (скрин Ивана): слева фото + статы, справа тёмная мини-карта с белым outline маршрута
NFS Underground 2 — Calypso Coast
NFS Underground 2 (скрин Ивана): размытое фото-фон + плоский оранжевый силуэт трека по центру
NFS Underground — полупрозрачная лента
NFS Underground 1 (скрин Ивана): маршрут как полупрозрачная 3D-лента с оранжевыми краями поверх приглушённого фото
NFS Underground — закрытая трасса
NFS Underground (скрин Ивана): закрытая трасса — замок поверх силуэта, паттерн для «недоступных» маршрутов

ea.com/games/need-for-speed

Пресс-кит даёт арт, не UI — нужен скрин от Ивана.

Спортивные приложения — карточки в списках

Komoot — карточка тура
Komoot (скрин Ивана): фото на весь экран, пилюля сложности слева сверху, мини-карта с треком — маленькая скруглённая плитка внизу справа
Komoot — карта на весь экран
Komoot (скрин Ивана): наоборот — карта с синим треком на весь экран, фото уменьшено в плитку. Паттерн «фото ↔ карта» меняются местами
Komoot — Highlights
Komoot (скрин Ивана): карусель фото-хайлайтов, круглые кнопки скачать/лайк, мини-карта в скруглённой плитке

Выводы — направления для нашей карточки

1. «GT-силуэт» + фото. Стилизованный одноцветный outline трека (SVG из геометрии) как идентификатор + фото/градиент для эмоции. Дёшево, самый узнаваемый паттерн.
2. «Forza» — трек поверх превью карты. Статичный тайл OpenFreeMap с вписанным треком + брендовая линия с кантом. Связность списка и экрана карты (как у RWGPS).
3. Гибрид «Komoot-кружок». Круглая мини-карта с треком + текст справа — компактно для горизонтальных карточек.
4. Направление на силуэте. Шевроны или точка старта прямо на превью-треке (NFS/Komoot).
5. Избегать. Фото без силуэта трека — красиво, но обезличивает маршрут.

Скрины, которых нет в сети