Навигация Краснодара

Городская навигация для Краснодара. Поможет жителям города ориентироваться в пространстве. Концепция и цель заключаются в том, чтобы побудить жителей к исследованию их города и помочь туристам посетить топовые места, чтобы получить приятное впечатление и не запутаться. Навигация создана, чтобы обеспечить прогулки по городу в режиме исследования, без применения онлайн-карт.

Навигация Краснодара — Изображение №1 — Графика, 3D на Dprofile
Навигация Краснодара — Изображение №2 — Графика, 3D на Dprofile

Настенный указатель 

Навигация Краснодара — Изображение №3 — Графика, 3D на Dprofile
Навигация Краснодара — Изображение №4 — Графика, 3D на Dprofile
Навигация Краснодара — Изображение №5 — Графика, 3D на Dprofile
Навигация Краснодара — Изображение №6 — Графика, 3D на Dprofile
Навигация Краснодара — Изображение №7 — Графика, 3D на Dprofile

Директивные указатели

Навигация Краснодара — Изображение №8 — Графика, 3D на Dprofile
Навигация Краснодара — Изображение №9 — Графика, 3D на Dprofile
Навигация Краснодара — Изображение №10 — Графика, 3D на Dprofile

Верстка настенного указателя

Навигация Краснодара — Изображение №11 — Графика, 3D на Dprofile

Верстка директивного указателя

Навигация Краснодара — Изображение №12 — Графика, 3D на Dprofile

Иконки внедрены для моментального понимания контекста места, это поможет быстро заинтересовать проходящего человека. Цветной английский текст добавляет красочности и не забирает внимание от основной информации.

Навигация Краснодара — Изображение №13 — Графика, 3D на Dprofile

В результате тестов и исследований, подобрана универсальная палитра для черного и белого вариантов.

Навигация Краснодара — Изображение №14 — Графика, 3D на Dprofile

Стрелки всех указателей выведены в общую толщину, чтобы сохранить целостность.

Навигация Краснодара — Изображение №15 — Графика, 3D на Dprofile

Обозначение интересных мест

Навигация Краснодара — Изображение №16 — Графика, 3D на Dprofile

Примерный вид карты в буклете для туристов. Связанная с указателями навигация.

Навигация Краснодара — Изображение №17 — Графика, 3D на Dprofile

Общий вид буклета.

Навигация Краснодара — Изображение №18 — Графика, 3D на Dprofile

Экономичное использование материала. Для реализации проекта достаточно листа ПВХ пластика, стандартный, шириной в 1000м, длина может отличаться от объема информации.

Навигация Краснодара — Изображение №19 — Графика, 3D на Dprofile

Вне зависимости от длинны названия, верстка рассчитана на любую длину и направление. Ширина не меняется, увеличивается только длинна блока указателя.

Процесс

Навигация Краснодара — Изображение №20 — Графика, 3D на Dprofile

Первый вариант выполнен черным цветом результате общего исследования контекста, так-как Краснодар очень промышленный город. В дальнейшем, после опросов, было выяснено, что город в большинстве ассоциируется со светом и теплом. Далее было решено спроектировать два варианта, с условием чтобы на черном и белом фоне верстка и информация выглядела равномерно и была читаемой.

Навигация Краснодара — Изображение №21 — Графика, 3D на Dprofile

Пространство перегружено, информация не читается. Предусмотрено много места для длинных названий, из-за этого с коротким вариантом оставалось много лишнего пространства. 

Навигация Краснодара — Изображение №22 — Графика, 3D на Dprofile

Попытка создать небольшие таблички для низкого стенда. Идея показалась излишней и неоправданной в реализации.

Навигация Краснодара — Изображение №23 — Графика, 3D на Dprofile

Решено разгруппировать информацию по направлениям, попытка придать красочности с помощью изменения цвета приписок, вдохновленного кубанским флагом. Красный цвет, в качестве самого заметного, был назначен главным для указания направления движения.

Навигация Краснодара — Изображение №24 — Графика, 3D на Dprofile

Указатели объединены в цельные поля, такое решение дешевле в реализации, также визуально собирает находящиеся радом объекты по "блокам". Для директивного, как и для настенного указателей, решено выделить направление движения заливкой и стрелкой, дополнив иконкой уточнения (спуск в подземный переход). Проблема заключалась в том, что красное поле занимает много места и съедает визуальное пространство, обращая на себя внимание больше, чем основная информация.

Навигация Краснодара — Изображение №25 — Графика, 3D на Dprofile

Проверка в реальном размере

В результате проверки, было решено уменьшить настенный указатель, он был слишком большой для чтения вблизи. Также с практической точки зрения, решено печатать настенные и директивные указатели из одного стандартного ПВХ листа шириной 1000мм. Для этого в дальнейшем настенный стал шириной 600мм, директивный 400мм.

Навигация Краснодара — Изображение №26 — Графика, 3D на Dprofile

Попытка "успокоить" красное поле для стрелки. Внедрен паттерн с перфорацией, отсылка на промышленность города (от металлообработки до туалетной бумаги). Единица измерения расстояния изменена на метры. После тестов решено привести толщину стрелки в стандартный размер.

Навигация Краснодара — Изображение №27 — Графика, 3D на Dprofile

Для настенных знаков также добавлен паттерн, чтобы поддержать директивные. Подобрана цветовая палитра. Обновлены иконки. Отказ от подкрашивания надписей на английском, чтобы не перегружать навигацию "цветастостью".

Навигация Краснодара — Изображение №28 — Графика, 3D на Dprofile

Тесты

Навигация Краснодара — Изображение №29 — Графика, 3D на Dprofile
Навигация Краснодара — Изображение №30 — Графика, 3D на Dprofile

Финальная версия. В результате использованы все наработки. Решено убрать отдельное поле для стрелки, теперь она сама выкрашена в очень яркий малиновый цвет, который заметен без вспомогательных элементов. За счет того больше не требовалось паттерна на настенном указателе, там он был лишним. В целом паттерн выглядел достаточно грубо и мог бы стать проблемой для верстальщиков, было решено пойти по пути практического упрощения. Освободив визуальное пространство, было решено вернуть красочность в навигацию за счет цветных надписей, которые дополнительно как иконки наделяют информацию быстрым смыслом. Для красочных надписей были использованы светлые тона, чтобы они не перетягивали на себя вес, а работали поддержкой визуального облика. Выведены правила верстки. Применена новая палитра.

Навигация Краснодара — Изображение №31 — Графика, 3D на Dprofile
Навигация Краснодара — Изображение №32 — Графика, 3D на Dprofile

Тесты и подведение итога.

СПАСИБО

Не коммерческий проект
Шрифт навигации: Kanit Cyrillic Regular

Автор шрифта: Александр Павленко

Автор проекта навигации: Мирон Фафонкин

Оценить

Добавить в коллекции...

От автора