Дизайн интерфейса мобильной версии 2ГИС
Хочется рассказать о том, как мы делали дизайн для мобильной версии городского справочника ДубльГИС. Если вас не интересует дизайн, то пост все-равно может отказаться полезным тем, что на скриншотах можно увидеть функционал приложения, который будет реализован в будущем.
Мы начали с главного экрана, который позволяет переходить к основным функциям программы. Равнение было взято на яркий эмоциональный дизайн, но с учетом требований руководства по фирменному стилю ДубльГИС.
Главный экран мобильного приложения
Все пиктограммы статусов для главного экрана
Далее мы стали делать огромное множество «внутренних» экранов. Приложение хоть и мобильное, но имеет большие функциональные возможности. По ходу мы рисовали всякие кнопки, иконки, указатели и прочую графику.
Справочник и карточка компании
Виртуальная клавиатура и отображение организаций на карте
Плоская и трёхмерная навигация
Пиктограммы указателей движения для навигации
Прокладка маршрута и готовые маршруты для общественного транспорта
Пиктограммы для транспорта, объектов и другие
Браузер дополненной реальности
Каждый экран был нарисован для двух разрешений экранов, чтобы графика была красивой и чёткой на любом телефоне.