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)

Курси дизайну UX, UI

Вивчай UX, UI, дослідження, райтинг чи продуктовий бік дизайну, щоб створювати круті інтерфейси
Дізнатись більше