UXPUB 🇺🇦 Дизайн-спільнота

Редакція
Редакція

Опубліковано • Оновлено

Использование Sketch 3 и Keynote для прототипирования

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.


Перевод статьи Florent Gosselin

Топ коментарі (0)