1 5SnhFNhLbEtjWslfmSOQHA 1160x620 - Использование Sketch 3 и Keynote для прототипирования

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Использование Sketch 3 и Keynote для прототипирования

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

Прежде всего, я думаю что Sketch – самый лучший инструмент для разработки пользовательского интерфейса, и я бы с радостью его обсудил, но это не суть моего сегодняшнего поста, так что давайте перейдем непосредственно к предмету…

Мой метод быстрого прототипирования

Да уж, использование динозавра Keynote вместе с современным Sketch может показаться странной затеей…

Но по сути, это очень эффективный и недорогой союз. И вот почему:

Вы можете сделать это меньше, чем за 30 минут.

Чтобы продемонстрировать простоту работы со Sketch / Keynote, я воссоздал небольшой эффект перехода из Google Inbox, чтобы посмотреть, как много времени это займет.

Результат = около 25 минут.

Это дешево.

Sketch обойдется вам в 99$.

Keynote полностью бесплатный.

Против этого трудно возразить!

Sketch > Keynote = C, V

Да, вы можете скопировать любой элемент Sketch и вставить его в Кейноут.

Это элементарно просто.

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

Работа с векторами, а не с пикселями.

Элементы, импортируемые из Sketch в Keynote будут иметь векторную форму (PDF).

Это значит, что вы сможете манипулировать ими в любом масштабе, используя любой нужный вам эффект перехода, доступный в Keynote.

Заключение.

Я не пытаюсь убедить вас в том, что Keynote – это идеальный инструмент для прототипирования. По сути, если ваша цель – полностью сымитировать работу какого-то продукта, включая уйму окошек, он, скорее всего, не справится.

Для такой задачи лучше использовать онлайн-инструменты, такие как хорошо известный InVision.

Но если ваша цель заключается в том, чтобы очень быстро анимировать отдельные элементы дизайна, протестировать некоторые важные эффекты перехода с минимальными затратами времени сил, я уверен, парочка Sketch + Keynote понравится вам также, как и мне ☺

Если вы работаете в Sketch, я буду рад узнать, как вы создаете прототипы.

Давайте обсудим это!

Титры: Исходник Sketch, используемый для прототипа Google Inbox был создан Erika Ito.

Свежие вакансии
                        Регистратор доменных имен РЕГ.РУ Регистратор доменных имен РЕГ.РУ UX/UI дизайнер Удаленно Москва
                        MYTONA MYTONA Game UI/UX Designer Удаленно Санкт-Петербург
                        ООО "Компания В.И.К." ООО "Компания В.И.К." Дизайнер (в офис) Офис Краснодар 35 000 ₽
                        ООО РЖД-Технологии ООО РЖД-Технологии Графический дизайнер Офис Москва
                        Ак Барс Цифровые Технологии Ак Барс Цифровые Технологии UI/UX дизайнер Офис Казань от 70 000 ₽
Все вакансии

Оригинал: Florent Gosselin

Если вы нашли ошибку, выделите фрагмент текста и нажмите Ctrl+Enter

Похожие записи

Новый подход к подбору цвета интерфейса

Совместное использование нового способа построения цветовых систем для доступных пользовательских интерфейсов. Создайте…

7 фундаментальных приемов психологии в дизайне, которые должен знать каждый дизайнер

Для продуктового дизайнера недостаточно быть экспертом в области интерактивного дизайна. И вот почему…

Базовая сетка 4px для достижения визуальной точности

Я пользуюсь базовой сеткой 4px уже более 2-х лет и пытаюсь заставить мою команду начать использовать ее.