Дизайн схемы проезда
Очень часто на сайте необходимо указывать не только контактную информацию с владельцами сайта, но и показать наглядную схему проезда. Иногда эти схемы проезда становятся маленькими шедевриками, которые дизайнеры кропотливо рисуют. Хотим представить вам небольшую подборку состоящую из 25 таких схем проездов.
Так выглядит небольшая и понятная схема, на которой можно разглядеть некоторые постройки, в том числе торговый комплекс и McDonalds
Простая и понятная схема проезда
Телекоммуникационная компания «Караван» предоставляет услуги доступа в интернет, хостинга, фиксированной телефонной связи и построения сетей передачи данных, а так же схему проезда к своему офису
Ещё одна простая и минималистическая схема проезда
Архитектурное бюро «ТРИАРТ 2000» предлогает добираться к ним по такой карте
Дизайн-студия «X-Project». В контактной информации этой студии можно найти не только адрес и e-mail, но и на каком транспорте можно к ним добраться и саму схему проезда
Салон красоты «ДэВиль». К нему можно добраться по этой схеме
Оригинальная карта проезда «Городского кафе 317» в стиле handmade.
Так можно добраться до офиса продаж компании “Зеленая роща”
Сайт студии веб-дизайна Ladio со своей схемой проезда
Схема проезда в Царьград:
Вид с высоты птичьего полёта:
А эти схемы находятся на сайте Альфа-Банка
Схемы проезда сайта МДМ-Банка в 2004 году выглядели так
А теперь вот так
А у Международного московского банка в 2004 году схема проезда была такой
На сайте Студии Артемия Лебедева (которая делала схемы для этих банков) можно найти схему проезда к их центральному офису, выполненную в пиксельной графике.
Это не схема проезда, но тоже прикольно 🙂
На сайте компании «Центр каминов» дизайнеры сделали целый фильм со спецэффектами.
Свежая и зеленая схема проезда к офису и складу компании:
Офис 536 создал на своем сайте яркую и простую схему проезда
На сайте Московского агентства недвижимости можно посмотреть как добраться до 6-го микрорайона города Видное.
Схема проезда компании Технарь (кто-то с вертолёта сфотографировал)
А эта футуристичная схема студии веб-дизайна «Водолей»
А если дизайнер не может нарисовать ничего хорошего — то лучше использовать Яндекс.карты.
Автор – Dejurka.ru
Комментарии
Оставить ответ
Похожие статьи
Случайные статьи
www.dejurka.ru
Креативная схема проезда — повышаем привлекательность сайта, буклета, каталога
Дизайн
В статье мы пройдемся по примерам статичных карт-схем от простейших до креативных, но для начала определим, какую роль играет на сайте карта проезда, что это такое и зачем она нужна. Для корпоративных сайтов, сайтов-визиток, буклетов, каталогов разрабатывается страница или блок Контакты. С самого начала это была страница, на которой указывался адрес. С появлением поисковых систем и карт на сайтах стали размещать интерактивные карты.
С чего все начиналось:
Но это были лишь карты-схемы, они представляли определенную местность с указанием здания офиса и основных ориентиров – дорог, метро, автобусных остановок и т.п. Это было упрощенное изображение, которое содержало минимальную информацию для ориентирования. При использовании интерактивных карт Яндекса и Гугла можно было работать с масштабом, прокладывать маршрут. Но визуальная ценность данного типа информации была очень низкой.
Следующим этапом можно назвать отрисованные карты проезда, которые, зачастую, еще более запутывали посетителя.
Карта-схема проезда со временем менялась. Дизайнеры стали понимать, что чем более понятной и привлекательной она будет, тем больше шансов будет на то, что дорогу к офису или производству все-таки найдут.
Поэтому стали появляться 2D карты, где уже можно увидеть намек на художественную составляющую и эстетическую привлекательность.
Креативная карта проезда требует к себе особого подхода. Здесь дизайнер-график должен в одном изображении соединить привлекательность и функциональность карты, при этом она должна полностью отвечать своему назначению – ориентировать человека на местности, помогая ему найти нужный объект.
Мы подобрали для вас несколько интересных вариантов 3D карт проездов, которые могут претендовать на необычное, оригинальное и понятное решение поставленной задачи. Изображения расположены от простых до более проработанных и детальных.
Создание эффектной карты-схемы проезда даст дополнительное преимущество для сайта или рекламных печатных материалов, особенно, если основное целевое действие, которое должна совершить ваша целевая аудитория заключается в посещении офиса, магазина, медицинского учреждения, ресторана и т.п.
Сегодня можно с уверенностью говорить о новом тренде для сайтов – создании анимированной карты проезда. Об этом читайте в статье «Актуальный тренд в дизайне сайтов: анимированная карта-схема проезда».
Источник 1, источник 2, источник 3, источник 4, источник 5, источник 6, источник 7.
Если вам нужны креативные привлекательные схемы проезда, обращайтесь!
Агентство Triza-Media принимает заказы на разработку карт проездов для сайтов и печатных материалов.
|
Ознакомьтесь с дополнительной информацией |
triza-media.ru
Отрисовка схемы проезда в Illustrator
Довольно часто, в макете требуется разместить карту проезда, изобразить план-схему местности, показать нужные участки, нарисовать стрелочки-пути и т.д. Если копировать карту с интернета, например с Гугл-карты, то на ней плохо читаются названия улиц, номера домов. К тому же, она плохо подходит для вставки на макет.
Но так ли сложно отрисовать схему проезда самому, изобразить здания которые нужны, основные улицы, главные ориентиры, показать схемы проезда?
В этой статье я покажу, как нарисовать схему проезда в Adobe Illustrator. В итоге, получится вот такая карта с изображением пути от станции метро к магазину детских игрушек.
Поиск подходящей карты
Для рисунка, нужно взять за основу реальную карту, например, из интернета. Когда вы нашли нужный участок и он полностью отображается на мониторе, нажмите клавишу «PrintScreen», чтобы сделать фотографию экрана. По верх этой фотографии мы и будем рисовать основные ориентиры.
Откройте новый документ в программе Illustrator. И нажмите — Редактирование/Вставить… или сочетание клавиш CTRL+V. Теперь, фотографию нужно выровнять и заблокировать от перемещений.
Прорисовка основных элементов схемы
Почти все элементы схемы имеют прямоугольную форму, поэтому возьмем инструмент «Прямоугольник». Нарисуйте дороги и дома, чтобы дороги получились одинаковой толщины, копируйте их удерживая клавишу ALT. Тоже самое можно делать с другими одинаковыми элементами.
Но не все можно нарисовать прямоугольником или эллипсом. Бывают здания, парки или озера не правильной формы. В этом случае понадобится инструмент «Перо». Он позволяет расставлять точки, между которыми проходят прямые или изогнутые линии. Инструмент «Перо», при умелом использовании, позволяет получить практически любую форму.
Цвета вашей карты, по возможности, должны сочетаться с цветами макета. Она может состоять из нескольких цветов или быть вовсе черно-белой. Направления движения основные пункты в основном изображаются красным цветом.
Подписи улиц, номеров домов, достопримечательностей.
Когда все элементы нарисованы и раскрашены, нужно подписать названия улиц. По необходимости номера домов и все, что может помочь ориентироваться на местности.
Шрифт должен быть не слишком мелкий и хорошо читаемый. Поскольку карта схематическая, нет смысла подписывать абсолютно все, что на ней есть.
Добавление значков и стрелок на схеме проезда.
Помочь ориентироваться на местности могут также знаки остановки, пешеходные переходы, логотипы компаний и другие обозначения. Их тоже можно найти в интернете или нарисовать самому в стиле макета и карты.
Если вы не знаете на каком транспорте и откуда человек будет добираться, но стрелку можно не рисовать или сделать несколько версий пунктиром.
Такая отрисованная схема проезда используется при создании макета и ставится рядом с адресом и контактами. Глядя на такую схематическую карту, человеку легче сориентироваться на местности и найти нужное место.
Видео урок:
Как самому нарисовать схему проезда в Иллюстраторе.
Рисование схемы проезда в другом, более упрощенном стиле, можно посмотреть здесь.
(Visited 9 180 times, 2 visits today)
expert-polygraphy.com
10 бесплатных сервисов для создания и публикации пользовательских карт
Стоящая за окном зимняя стужа и заносы на дорогах не слишком радуют любителей активного отдыха и туризма, но дают достаточно времени, чтобы разобрать наконец-то снимки, маршруты и впечатления из прошлых походов. Поэтому именно сейчас самое лучшее время для составления отчетов о своих приключениях и разработки маршрутов на будущее. Разумеется, все путешественники знают и активно пользуются для этих целей прекрасным сервисом Google Maps. Однако на нем список картографических сервисов далеко не заканчивается, и в этой статье вы узнаете о достойных альтернативных инструментах для создания, публикации и анализа пользовательских карт.
Онлайновый сервис Scribble Maps отличает от множества конкурентов то, что этот сервис отлично подойдет как новичкам, так и экспертам в области картографии. Его простота и функциональность делают Scribble Maps одним из самых популярных картографических приложений в сфере образования и науки. Сервис предлагает пользователям широкий спектр возможностей, в том числе разметку карт, измерение расстояний, импорт данных в формате KML, импорт табличных данных, нанесение пользовательских меток, текста, изображений и многое другое.
В своей работе сервис использует карты не только Google, но также Street Map и Cloud Made, позволяя пользователям выбирать наиболее удобный для них вариант. Готовая карта сохраняется в галерее сервиса, при этом вы можете поделиться прямой ссылкой на нее, опубликовать в социальных сетях или встроить в виде виджета в свой сайт или блог. Есть возможность экспорта в виде изображения, KML и GPX файлов.
Сервис Open Street Map (OSM) исповедует те же принципы, которые легли в основу создания всемирно известной Википедии. Вся информация здесь собрана усилиями десятков тысяч добровольцев, предоставляющих в распоряжение проекта данные с персональных GPS-трекеров, аэрофотографии, видеозаписи, спутниковые снимки и панорамы улиц. Хотя точность этих данных значительно отличается в зависимости от региона, все же можно уверенно сказать, что OSM для некоторых районов содержит более детальную и актуальную информацию, чем Google Maps.
Для всех зарегистрированных пользователей доступна функция редактирования карт. Вы можете экспортировать данные из своего GPS-устройства, рисовать маршруты вручную, ставить маркеры, отмечать интересные и памятные места, давать описания и комментарии. Возможен экспорт карт в формате OpenStreetMap XML или в виде изображения (PNG, JPEG, SVG, PD), также можно получить HTML-код для вставки на любой сайт.
Хотя Build-A-Map производит несколько несерьезное впечатление своими большими яркими иконками, все же перед нами вполне взрослый инструмент для создания карт и схем. Источником картографической информации здесь является Google Maps, поверх которого пользователь может создавать свои слои и наносить на них необходимые данные.
Сервис Build-A-Map позволяет добавлять не только банальные метки и треки, но и текстовые надписи, круги, полигональные фигуры, лайтбоксы с фотографиями, прокладывать маршруты и так далее. Ко всему этому вы можете внедрить сведения о погоде, точки Google Places, снимки фотохостинга Panoramio. Полученную таким образом карту можно сохранить в хранилище сервиса и демонстрировать ссылку на нее, или получить код для встраивания в веб-страницу.
Сервис Tripline вряд ли сможет помочь в разработке маршрута для серьезных путешествий, но вот для создания мультимедийной презентации о пройденных дорогах он подойдет просто идеально. В своей работе сервис объединяет три составляющие: трек вашего маршрута, фотографии и музыкальное сопровождение, наилучшим образом отображающее дух вашего приключения.
Соединив все это воедино, сервис сгенерирует эффектный рассказ о ваших впечатлениях, во время которого зритель будет перемещаться по карте по проделанному вами маршруту и лицезреть привязанные к месту съемки фотографии. Все это под замечательную музыку, разумеется. Потратив один раз усилия после путешествия на создание такого интерактивного отчета, вы сможете вставить его на свою страницу или блог, разослать всем родственникам и опубликовать в социальных сетях.
ZeeMaps предоставляет пользователям быстрый и простой способ создавать и совместно использовать интерактивные карты мира. С его помощью вы сможете визуализировать на карте треки в форматах KML, KMZ или GeoRSS, добавить свои отметки и комментарии. Отличительной особенностью этого сервиса является возможность работы с табличными данными. Так, если у вас есть таблица с координатами нужных точек или, например, адреса проживания ваших клиентов, то вы можете скормить эти данные ZeeMaps, и он аккуратно нанесет их на карту.
Все карты хранятся на серверах сервиса и могут быть доступны в любое время по уникальной ссылке. Кроме того, есть возможность распечатать карту, сохранить в виде изображения и получить html-код для встраивания в сайт или блог.
Этот сервис интересен тем, что позволяет не только проложить трек по карте, но и увидеть, как он будет выглядеть в реальности. TripGeo использует данные Google Maps и Google Street View и объединяет их в одном интерфейсе, позволяя совершить виртуальное путешествие по выбранному маршруту.
Вам потребуется указать точку старта и финиша, а также желаемый способ передвижения (автомобиль, велосипед, пешком). Кроме этого, следует указать еще несколько параметров, касающихся скорости отрисовки и масштаба изображения, после чего TripGeo подберет вам оптимальную траекторию передвижения и тут же создаст специальный виджет, в котором нижняя часть будет отображать карту, а верхняя — реальный вид этого места. Вам остается только нажать на кнопку Play и отправиться в путешествие.
Сервис TripGeo может сослужить хорошую службу не только при подготовке путешествия, позволяя более точно узнать сведения о местности, но и в случае необходимости подробного объяснения, например гостям города, схемы проезда. Теперь вам не придется объяснять по телефону приметы улицы, на которую надо свернуть, вы просто высылаете ссылку на созданный в TripGeo маршрут, и человек точно доедет по назначению.
Сервис QuickMaps полностью оправдывает свое название: вы можете сделать здесь карту так быстро, как это только возможно. Для этого вам не понадобится даже регистрироваться — просто придумайте имя для карты, краткое описание и можете браться за дело.
Хотя на первый взгляд может показаться, что инструментов здесь не так уж и много, на самом деле все необходимое присутствует. Вы можете отмечать треки прямыми линиями или в режиме свободного рисования, делать текстовые пометки, импортировать файлы в форматах KML или GPX из Сети и загружать их со своего компьютера. А по части разнообразных маркеров QuickMaps может дать фору куда более серьезным сервисам.
Готовую карту вы можете сразу же сохранить и получить постоянную ссылку для просмотра, а также код для встраивания в любой сайт в виде виджета. Кроме того, возможен экспорт данных в формате KML или GPX.
Этот сервис является частью проекта Яндекс.Карты и черпает информацию, разумеется, именно оттуда. В очень многих случаях, особенно когда касается дело территории Украины или России, эти данные могут быть даже более верны и детализированы, чем у зарубежных конкурентов. Конструктор карт позволяет наносить маршрут, измерять расстояния, рисовать многоугольники, наносить точки на нужный вам участок карты. Маркеры здесь могут быть только одного вида, но каждый можно сопроводить номером и комментарием, который будет появляться при щелчке по точке.
Готовую карту можно сохранить и сразу же получить код для вставки в свой сайт или блог. Возможности сервиса наилучшим образом подходят для создания интерактивных карт, демонстрирующих, например, расположение вашей фирмы или магазина, маршрут движения или точку сбора на общественное мероприятие.
Как нам намекают создатели сервиса в его названии, он служит для создания анимационных карт. С его помощью можно создать настоящую мультимедийную презентацию, где по заданному вами сценарию будут прорисовываться маршруты, появляться и исчезать маркеры, демонстрироваться в нужных точках фотографии и даже видео. Чтобы оценить возможности сервиса, лучше всего посмотреть одну из карт, созданных его силами.
Главная особенность этого сервиса состоит в том, что вы можете с его помощью довольно точно отобразить не только события, произошедшие с вами в пути, но и временную динамику путешествия. Таким образом, Animaps является, вероятно, самым подходящим сервисом для создания интерактивного отчета, посмотрев который, каждый получит исчерпывающую информацию о вашем путешествии.
Картографический сервис Bing Maps долгое время находится несколько в тени своего основного конкурента. И совершенно зря — после начала дружбы Microsoft и Nokia этот сервис стал использовать данные из Nokia Maps, которые всегда отличались хорошим покрытием и отличной детализацией.
В рамках Bing Maps пользователь получает только минимум функций, необходимых для построения карты, а именно расстановку маркеров, рисование треков и многоугольников различными типами линий, добавление фотографий и комментариев.
Для демонстрации готовой карты вам необходимо ее сохранить, после чего можно получить прямую ссылку на карту и код для встраивания в любую веб-страницу.
Заключение
В этой статье мы рассмотрели десять сервисов, предназначенных для создания, редактирования и публикации пользовательских карт. Все они имеют свои особенности и разную функциональность, поэтому выбор самого лучшего из них сильно зависит от стоящих перед вами задач. Если вам необходимо просто сделать схему проезда для сайта, то проще и удобнее всего воспользоваться Конструктором карт от компании Яндекс или QuickMaps. При необходимости сделать информативный отчет о вашем путешествии лучше обратить внимание на Tripline и Animaps, которые позволяют не только привязывать к треку фотографии и видеоролики, но и заворачивают все это в эффектную оболочку. Ну а для действительно серьезной работы с картами стоит использовать Scribble Maps или Open Street Map, обладающие очень богатой функциональностью.
itc.ua