Что такое invision зал
14 советов по использованию Sketch и InVision в работе дизайнера
Инвижн позволяет дизайнеру продемонстрировать заказчику прототип дизайна приложения, сделав его интерактивным. Кроме того, благодаря Инвижн, можно организовать слаженную работу внутри команды, между дизайнером, менеджером проекта, верстальщиком и программистами, независимо от платформы (macOs, Windows, Linux). Предлагаю вашему вниманию удобные сценарии использования связки Sketch + InVision.
Советы по подготовке прототипов в Sketch
1. Установите набор плагинов «Craft»
Craft — это великолепный набор плагинов, созданный компанией InVison LABS. Нас интересует плагин Sync, который позволяет прямо из редактора Скетч загружать артборды в Инвижн. Для этого, вначале нужно создать проект на сайте Инвижн, указав тип интерфейса (приложение для десктопа, планшета, телефона или часов).
После этого возвращаемся в Скетч, выбираем созданный проект из списка, и можно выгружать дизайн. Артборды выгружаются или все сразу, или только выбранные, что бывает весьма кстати, когда их много.
Кроме того, дизайн можно выгружать в разрешениях @1x или @2x. Благодаря этому, ваш прототип будет великолепно смотреться на устройствах с ретина-дисплеями.
2. Один раздел — одна страница
Если проект крупный и предполагает большое количество артбордов, то лучше, для каждого большого раздела создавать отдельную страницу в Скетче. Тогда удобно выгружать сразу все экраны одного раздела, не загружая артборды других разделов.
3. Модальные окна на отдельных артбордах
Инвижн позволяет показывать модальные окна «перекрывая» контент. Раньше, для того чтобы показать модальное окно, копировался артборд с контентом, сверху рисовался полупрозрачный оверлей, сверху которого создавалось само модальное окно. Теперь, лишних телодвижений можно не делать. Создайте модальное окно на отдельном артборде. Положение окна, степень прозрачности и цвет оверлея можно будет указать в Инвижн.
Обратите внимание, что если у окна есть тень, то она должна быть внутри артборда, иначе она «обрежется» и не будет видна.
Важно в Скетче сразу правильно называть артборды, т. к. в Инвижн экраны получат такое же имя. А если арборд переименовать после синхронизации, то в Инвижн создадутся 2 одинаковых экрана с разными именами, один из которых придётся удалять вручную.
На мой взгляд, это бага. Надеюсь, в скором времени её исправят, но пока этот момент надо иметь в виду.
4. Состояния элементов
Если вы разрабатываете интерфейс для десктопа, то для выпадающих списков, и других элементов интерфейса нужно изобразить состояние «hover» (наведение курсором). Для этого, так же как и с модальными окнами, на отдельном артборде изобразите список в раскрытом виде и загрузите в Инвижн. У вас создастся отдельный экран с этим списком.
Далее, создаём область над заголовком списка, при наведение на который будет отображаться развёрнутое меню, выбираем «Screen as overlay» и экран со списком в раскрытом состоянии. Для того чтобы всё размещалась ровно, выбираем «Position — Top Left», «Transition — Fade in» и указываем координаты, которые можно подсмотреть в Скетче в панели Position.
5. Статусбар рисовать не нужно
В дизайне приложений для мобильных и планшетов не изображайте Статусбар, но оставьте для него место. Дело в том, что Инвижн покажет свой статусбар при просмотре через браузер. Вы сможете выбрать оформление статусбара из 2 вариантов: тёмный и светлый.
6. Подготавливайте иконки и графику для экспорта
Благодаря недавним нововведениям в Инвижн появился Inspect Mode, через который верстальщики и программисты могут смотреть описание любых элементов, а так же экспортировать их. Какие элементы будут доступны для экспорта из Инвижн, и их размеры, определяет дизайнер в редакторе Скетч. Просто выберите элемент, укажите форматы и размеры для экспорта. Теперь этот элемент можно скачать в указанных форматах прямо из Инвижн.
Забыли настроить экспорт для какого-либо объекта? Не беда. Идём в Скетч, настраиваем экспорт элемента и синхронизируем артборд через плагин «Craft Sync». Готово, объект можно экспортировать из Инвижн.
Советы по работе в InVision
Инвижн весьма демократичны в ценовой политике. Для того, чтобы ознакомиться с функционалом, платить ничего не нужно, создание одного прототипа — бесплатно. Если вы фрилансер, который одновременно ведёт не больше трёх проектов, то вам подойдёт «Стартовый» тариф, за 15 долларов в месяц. На этом тарифе можно создавать до 3 активных прототипов. Причем, сколько прототипов у вас в архиве — не важно, главное, чтобы активных было не больше трёх. Я использую тариф «Professional» за 25 долларов в месяц. Он позволяет создавать неограниченное количество проектов. Более дорогие планы нужны для компаний, в которых над прототипами работает больше одного дизайнера.
7. Создавайте иконку приложения
Для прототипов мобильных приложений в Инвижн можно добавить иконку. Для этого нажмите на «Плюс» около названия проекта и выберите вашу иконку. Она будет отображаться при просмотре в браузере, а так же если «установить» приложение на мобильный (об этом в следующем совете).
8. «Устанавливайте» приложения на iOs
Если скопировать ссылку на проект в «Public share link» и вставить в браузере Сафари на мобильном, то в нём откроется ваше приложение. Нажмите на иконку «Поделиться» в браузере и выберите «На экран „Домой“». Теперь у вас на рабочем столе мобильного появилась иконка приложения, а само приложение можно посмотреть без адресной строки браузера. Трудозатрат — минимум, заказчик — в восторге, он может перемещаться между экранами на своей мобилке.
9. Создавайте хедер и футер в приложениях
Зачастую контент занимает больше одного экрана, и при его прокрутке необходимо закрепить хедер и футер. Для этого в режиме «Build Mode» перемещайте ползунки «Fixed Header» и «Fixed Footer». Теперь контент проматывается между ними.
Пока в Инвижн нет возможности закреплять сайдбар слева или справа в прототипе, что бывает весьма полезно в десктопных интерфейсах. Надеюсь эту фичу тоже когда-нибудь добавят.
10. Используйте шаблоны (templates) для навигации
Долгое время я не обращал внимания на эту мега-полезную возможность и для каждого экрана по новой создавал «кликабельные» области. На самом деле, для сквозных меню (тех, что есть на всех страницах сайта) нужно «кликабельные» области добавлять в «Шаблоны». Создаём область, выбираем куда ведёт клик по ней и добавляем в шаблон, например, «Sidebar».
В одном шаблоне может быть любое количество «кликабельных» областей. Теперь для того чтобы установить области из шаблона на новом экране, просто выбираем нужный шаблон.
11. Inspect Mode
Ранее я упоминал об этом нововведении Инвижн, но оно достойно отдельного пункта. Невозможность открыть файл в Виндоус до недавнего времени было большой проблемой для дизайнеров, вынуждающей использовать Фотошоп вместо Скетча. Для передачи файлов использовались различные сервисы, например Avocode или плагин Marketch. Также, недавно появилось бесплатное решение от ребят из Icons8, позволяющее открывать Скетч-файлы из-под Виндоус, за что им отдельное спасибо!
Как вариант решения проблемы подойдёт Inspect Mode в Инвижн. Он предоставляет такой же функционал как и перечисленные решения.
Для того чтобы он правильно работал — используйте плагин Craft Sync для выгрузки экранов. Добавляйте разработчиков к проекту и они получат доступ к этому режиму.
Причём, разработчику достаточно иметь бесплатный аккаунт, чтобы получить доступ в режиме Inspect Mode к любому количество ваших прототипов.
12. Создавайте комментарии и туры
Когда проектов и экранов много, масса времени уходит на выяснение в каком именно экране интерфейса нужно внести правки. Эта проблема легко решается если предоставить заказчику доступ к комментариям. Он кликает в нужном месте, и создает текстовый комментарий. Уведомление о нём упадёт вам на почту и будет доступно в Инвижн во вкладке «Comments». На комментарий можно написать ответ или уточняющий вопрос, а можно выполнить задачу и отметить комментарий как выполненный (Mark as resolved).
Бывает, нужно сделать не полноценный интерфейс, а обзорный тур по нему. Для этого в Инвижн есть функционал создания туров. Он работает по принципу комментариев. Вы создаёте одну или несколько точек на экране с текстовым описанием. Точки последовательно «проведут» пользователя по экранам, при помощи кнопок «Prev» и «Next». Пример маленькой презентации.
13. Храните историю версий
Если у вашей комнады нет необходимости в Inspect Mode и достаточно загрузки экранов в виде картинок, то есть возможность использовать хранилище версий в Инвижн. Для этого загружайте макеты при помощи программы «Desktop Sync App», а не плагина «Craft Sync». Вся история изменений вашего макета с возможностью скачать предыдущие версии будет доступна в разделе «Assets». Вот короткое видео об этом функционале.
Очень жаль, что история версий не создаётся при выгрузке данных плагином «Craft Sync». Надеюсь, и эта фича когда-нибудь заработает.
14. Презентуйте дизайн онлайн (LiveShare)
Хороший дизайнер должен уметь не только создавать качественный интерфейс будущего продукта, но и грамотно презентовать его. Очень важно обосновать и донести до заказчика свои идеи и решения. Конечно, лучше это делать при встрече в уютном конференц-зале, но такая возможность есть не всегда. В таких случаях весьма полезен интерфейс «LiveShare», позволяющий в режиме реального времени показывать экраны, перемещаться между ними, обсуждая увиденное. Вот как это работает:
Скетч и Инвижн позволяют создавать, обсуждать и улучшать пользовательские интерфейсы. Бесспорно, в Инвижн есть что доработать, но уже сегодня это отличный продукт для презентации ваших дизайн-решений. А если учесть, что над Инвижн постоянно ведётся осмысленная работа и регулярно внедряются отличные решения, то стоит попробовать его в своей работе!
Высокая четкость изображения.
За качественное изображение на экране отвечают сразу 2 кинопроектора последнего поколения с разрешающей способностью матрицы 4К. С их помощью мы добились максимальной реалистичности изображения! Для сравнения: другие кинотеатры оснащены цифровыми проекторами с разрешающей способностью 2K.
Совершенно потрясающие впечатления вы получите от просмотра фильмов, снятых с высокой частотой кадров, как например «Хоббит: пустошь Смауга HFR 3D» с частотой 48 кадров/сек.
Пассивные очки «Master Image» для просмотра фильмов в 3D формате.
Для показа фильмов в 3D формате используются новые пассивные очки от «Master Image», которые просто великолепны: легкие пластиковые, очень удобны и комфортны как для взрослых, так и для детей.
Бесспорно, просмотр в новом кинозале «INvision» всех голливудских блокбастеров, сделанных с учетом последних новинок в киноиндустрии доставит истинное наслаждение настоящим любителям качественного кино.
На сегодняшний день новый зал «AMBAR CINEMA» с технологией «INvision» является уникальным кинозалом в России.
Внимание! Кресло активизируется только при покупке билета! Занимать место необходимо строго согласно купленному билету.
Live Chair («Живые» кресла) — это вибрирующие кресла, сделанные по технологии live, т.е они реагируют на звук и во время экшен сцен вы будете чувствовать их вибрацию, как будто находитесь внутри действия фильма. Почувствуйте звук телом!
Внимание! На правом подлокотнике находится кнопка включения/отключения вибрации кресла.
Совершенный звук Dolby Atmos — это абсолютно новая звуковая технология, которая помогает создать ни с чем не сравнимое впечатление от звукового ряда, которое можно получить только в кинотеатре! Система Dolby Atmos позволяет звуку появляться из любой точки кинозала.
Отктытие уникального кинозала INvision в кинотеатре «Баргузин»
Кинозал INvision — абсолютно новая концепция показа кино — открывается в большом зале кинотеатра Баргузин в январе.
В январе «Баргузин» приготовил поистине грандиозный новогодний подарок для всех любителей кино нашего города. После глобальной реконструкции открывается Большой зал. Но вы его не узнаете! Это будет абсолютно новый кинозал INvision — кинозал 21 века, оборудованный с учетом самых последних достижений в области кинопоказа, аналогов которому нет. В чем его уникальность?
Формат INvision вовлекает зрителей в действие на экране, позволяет значительно усилить впечатление от просмотра фильма, за счет объединения самых современных технологий:
Экран
В новом кинозале мы будем смотреть кино на одном из самых больших экранов в стране — 22*12 метров. Этот экран сравним с экраном IMAX, но имеет ряд преимуществ, ведь на нем нам будут показывать все новинки кинопроката, а IMAX всегда ограничен фильмами, сделанными специально для IMAX. К тому же цены в кинотеатры IMAX неоправданно завышены, а в новом зале «Баргузина» цены на билеты останутся почти на прежнем уровне.
Кресла
Их будет около 500, и в таких креслах вы еще не сидели ни в одном кинотеатре. Это динамические кресла, сделанные по технологии live, то есть они реагируют на громкость звука и во время экшен-сцен вы будете чувствовать их вибрацию, как будто находитесь внутри действия.
Еще 56 кресел в новом кинозале — это уникальные кресла D-box, которые вибрируют и умеют наклоняться в разные стороны, тем самым повторяют движения, взрывы, падения и другие действия на экране, от которых у вас «захватывает дух». Особенные впечатления вы получите в креслах D-box на фильмах в жанрах экшен, фэнтези, где много зрелищных спецэффектов.
Звук Dolby Atmos — абсолютно новая звуковая технология — помогает создать ни с чем не сравнимое впечатление от звукового ряда, которое можно получить только в кинотеатре! Система Dolby Atmos позволяет звуку появляться из любой точки кинозала, создавая максимально реалистичную картину происходящего.
Высокая четкость изображения
За суперчеткую «картинку» на экране отвечают сразу 2 кинопроектора последнего поколения с разрешающей способностью матрицы 4К и с их помощью мы добились такого реального изображения, что кажется, что герои фильма сейчас сойдут с экрана прямо в зал! Для сравнения, кинотеатры IMAX оснащены цифровыми проекторами с разрешающей способностью 2K.
Также совершенно потрясающие впечатления вы получите от просмотра фильмов, снятых с высокой частотой кадров, как например «Хоббит: пустошь Смауга HFR 3D» c частотой 48 кадров в секунду.
Для показа фильмов в 3D формате будут использоваться новые пассивные очки, которые просто великолепны – легкие пластиковые, очень удобные и комфортные как для взрослых, так и для детей.
Бесспорно, просмотр в новом кинозале INvision всех голливудских блокбастеров, сделанных с учетом последних новинок в киноиндустрии, доставит истинное наслаждение настоящим любителям качественного кино. Это, и уже идущий в прокате «Хоббит: пустошь Смауга 3D» с частотой 48 кадров в секунду и креслами D-box, и будущие премьеры — продолжение «Аватара», в котором будет использоваться частота 60 кадров в секунду.
Бесспорно, на сегодняшний день новый зал Баргузина с технологией INvision является уникальным кинозалом в России.
Заказ билетов по телефону: (3952) 22-98-55.
Публикуется на правах рекламы.
Сайт содержит материалы, охраняемые авторским правом, и средства индивидуализации (логотипы, фирменные знаки). Использование материалов сайта в интернете разрешено только с указанием гиперссылки на сайт www.irk.ru. Использование материалов сайта в печати, ТВ и радио разрешено только с указанием названия сайта «Твой Иркутск». К нарушителям данного положения применяются все меры, предусмотренные ст. 1301 ГК РФ.
КиноМолл, мультиплекс
(3952) 550-454 Автоответчик
(3952) 787-787 Касса
Современный цифровой кинотеатр «КиноМолл» расположен на третьем этаже торгово-развлекательного комплекса «ЯркоМолл». Включает в себя десять кинозалов общей вместимостью более 1 400 человек.
Концепция кинотеатра подчеркивает основную идею торгово-развлекательного комплекса: современный, большой, комфортабельный. Кинозалы оборудованы кинопроекторами Christie, комфортабельными креслами, динамическим креслами от канадской компании D-BOX и объёмным звуком Dolby.
О залах:
— Залы 1, 2, 3, 4, 8 Classic. Кинозалы для любителей кино всех жанров. Вместимость 1, 2, 3, 4 кинозалов — по 122 места. Вместимость залов 7 и 8 — по 136 мест.
— Зал 5 INvision. Идеальная чёткость изображения на большом экране. Кинопроектор с разрешением 4К предназначен для просмотра блокбастеров и фильмов со спецэффектами. Для полного погружения и создания дополнительных спецэффектов зал оборудован «живыми» креслами и звуком Dolby Atmos. Вместимость — 274 места.
— Зал 6 Love. Создан специально для влюблённых пар. Расположившись на уютных диванчиках для двоих, комфортно смотреть комедии, драмы или мелодрамы. Вместимость зала — 60 диванов (120 посадочных мест.)
— Зал 7 Relax. Кинозал с креслами-мешками.
— Залы 9, 10 Classic D-BOX. Кинозалы, оборудованные динамическими креслами D-BOX. Вместимость — по 130 мест, из которых 12 мест — кресла D-Box.
InVision: мощная система командной разработки макетов сайтов и приложений
Создание прототипов для приложений и сайтов — довольно трудоемкий процесс, требующий оперативного реагирования всей команды (разработчики, дизайнеры и тестировщики). Причем зачастую как небольшим командам, так и крупным корпорациям нужны гибкие универсальные инструменты для командной работы над UX-проектами. Сегодня редакция «Интернетных штучек» предлагает вам посмотреть на платформу командного прототипирования с очень ярким портфелем именитых клиентов — InVision.
О проекте
InVision — это платформа для совместной разработки макетов интерфейсов. При помощи InVision как небольшая команда, так и крупная корпорация, могут получить мощный инструмент для разработки программного продукта так, чтобы все этапы могли видеть и контролировать как разработчики, так и менеджмент компании и даже заказчики готового продукта.
В основу положена философия Agile-разработки и разбиения всех задач на итерации и версии. За развитие и функционирование платформы отвечает команда из всего 7 человек, при этом в числе постоянных клиентов платформы такие монстры, как Adobe, Evernote, AirBnB, Box, SAP, eBay.
Основные характеристики InVision
— Работа с базой вопросов и задач с возможностью уведомления всей команды или отдельных разработчиков
— Контроль версий и правок в рамках единой онлайн-платформы
— Вся технология работы с макетами и прототипами построена на итерациях
— Возможность разработки и совместной работы из любого местоположения, что особенно удобно для распределенных и удаленно работающих команд и сотрудников
— Возможность ориентироваться по дедлайнам и стадиям готовности проекта, а не по личному присутствию на рабочем месте или онлайн
— Применение облачных технологий и технологий защиты данных
Работа с проектами и задачами в InVision
Прототипирование осуществляется на основе браузерного drag-n-drop-интерфейса и пакета инструментов для быстрой обработки. Они позволяют загружать через учетную запись пользователя новые прототипы, скетчи и графические материалы, а также работать с ними прямо в браузере.
При этом можно делиться как отдельно взятым одностраничным эскизом, так и демо-версией или структурированным прототипом. Фактически, у разработчиков и дизайнеров появляется возможность практически ничем не ограниченной работы в рамках единого закрытого пространства.
Кроме того, готовые эскизы и прототипы можно показать заказчику для обсуждения или утверждения. Достаточно загрузить проект и эскизы к нему, расшарить ссылку для участников обсуждения или отправить текстовое сообщение со ссылкой прямо на мобильный телефон — и все, у кого есть доступ к проекту, смогут увидеть работающий прототип. А потом уже можно высказать свое мнение в комментариях к проекту или в ходе голосового обсуждения.
Также есть возможность создавать онлайн-дискуссии и ветки комментариев по проектам и прототипам для конкретных разделов и точек проекта. Все замечания и пожелания при этом можно разбросать по списку задач для разработчиков и менеджеров.
Кстати, все заносится в список задач, доступный всей команде. Задачи можно редактировать и обновлять в режиме реального времени. Так что не имеет значения, где сейчас находится дизайнер или программист: дома, в офисе или в кафе. Участники проекта всегда будут в курсе задач, итераций проекта и предлагаемых правок.
Все интерфейсы и инструменты InVision отличаются интуитивной понятностью и простотой в работе, что позволяет сотрудникам, работающим над проектом, сосредоточиться на рабочем процессе, а не на освоении самой платформы.
По каждому проекту или дизайну, находящемуся в разработке, можно быстро просмотреть главные сведения о состоянии и параметрах проекта:
Командная работа при этом ведется удаленно, есть возможность почасового учета времени как по каждому проекту, так и по каждому отдельно взятому программисту или дизайнеру:
Для синхронизации задач и проектов есть бесплатное приложение для Mac, с помощью которого все проекты и варианты эскизов и прототипов можно сохранить в отдельной папке на локальном ноутбуке или компьютере Apple. А дальше произойдет автоматическая синхронизация с вашей учетной записью. Настольный клиент позволяет получать уведомления о новых загруженных файлах и оставленных комментариях от других сотрудников. Таким образом, на вашем Mac вы получаете тот же уровень оперативности в работе с прототипами и демо-версиями, что и в браузере.
Можно также включить или отключить историю правок и версий, делиться загруженными материалами и использовать гибкую настройку синхронизации.
Стоимость InVision
Выводы
InVision — современный и динамичный сервис для командного прототипирования и создания приложений и веб-проектов. Возможность работы из любого браузера и гибкого доступа к материалам менеджеров и заказчиков наряду с дизайнерами и программистами позволяет использовать эту платформу как мощный онлайн-инструмент для UX-тестирования и разработки.
Плюсы InVision:
— Гибкость и облачная синхронизация
— Наличие настольного клиента и возможность работы в браузере
— Ориентированность на удаленную работу специалистов
— Возможность показать демо или эскизы заказчику прямо из системы
— Использование drag-n-drop в работе с инструментами и эскизами
— Защищенность данных
Минусы InVision:
— Только английская версия интерфейса
— Нет настольных клиентов для Windows и других ОС
— Скудные возможности бесплатного аккаунта