Наш канал в

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.

Подпишитесь на рассылку

Раз в неделю мы будем присылать на почту дайджест с лучшими материалами

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

Каллиграфия и леттеринг для начинающих

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

Zeplin.io – способ подружить дизайнера и верстальщика

Zeplin – это новый и очень перспективный сервис, цель которого подружить и ускорить взаимодействие дизайнеров и других разработчиков. На данный момент сервис вышел с бета тестирования и уже его испытать в действии. Поддержка Sketch уже есть из коробки, а Photoshop появится немного позже.

Руководство дизайнера по DPI и PPI

Этот лонг-рид создан для продвинутых дизайнеров, которые хотят узнать больше о кросс DPI и кросс-платформенном дизайне с самых азов. Никакой сложной математики и нечитаемых графиков, только простые объяснения, разбитые на короткие разделы для лучшего понимания и быстрого применения в вашем дизайн-процессе.