Dribbble meetup 2016 — Flinto for Mac

НИКОЛАЙ БЕРЕЗОВСКИЙДизайнер интерфейсов в Альфа-Лаборатории

unikolas.com

http://unikolas.com

Flinto for MacВИДЫ ПРОТОТИПОВ

Структура и состоянияАнимация интерфейсаРабота с данными

Flinto for MacСТРУКТУРА И СОСТОЯНИЯ

Блокнот, карандаш, голова, руки, ножницы…

Flinto for MacСТРУКТУРА И СОСТОЯНИЯ

Invision, Flinto, Marvelapp…

Flinto for MacАНИМАЦИЯ ИНТЕРФЕЙСА

Principle, Flinto for Mac, Pixate…

Flinto for MacРАБОТА С ДАННЫМИ

Framer, Fuse, Axure,Proto.io, Form…

Flinto for MacМОЙ НАБОР

Идеии обсуджения

Бумага

Sketch

Invision

Flinto for Mac

Principle

Framer, HTML, JS

Разработчики

Логикавзаимодействия

Интерфейсныерешения

Сложный прототип,логика, данные

Flinto for MacВ ДВУХ СЛОВАХ

Flinto for MacДВА ПРЕИМУЩЕСТВА

Flinto for Mac

Все экраны в одном флоу

ДВА ПРЕИМУЩЕСТВА

Flinto for Mac

Все экраны в одном флоу

Переиспользование анимаций

ДВА ПРЕИМУЩЕСТВА

ИМПОРТИз Sketch или ручками

ХОТСПОТЫ

ЖЕСТЫ

Из Sketch или ручками

ЖЕСТЫ

Несколько для одного объекта

ЖЕСТЫ

dribbble.com/upmitt

https://dribbble.com/upmitt

РЕДАКТОР

Для управления каждым элементом в интерфейсе

dribbble.com/bendunn

https://dribbble.com/bendunn

РЕДАКТОР

1

2 3 4

5

1

Поведениеи положение

1

2


Параметры анимации

РЕДАКТОР

Для управления каждым элементом в интерфейсе

dribbble.com/prukko

https://dribbble.com/prukko

dribbble.com/aaronkettl

ПЕРЕИСПОЛЬЗОВАНИЕ ПЕРЕХОДОВ

https://dribbble.com/aaronkettl

ЗВУКИ

То, о чем все обычно забывают

ВИДЕО

Для атмосферы

ВИДЕО

Спиннеры

3D

Просто есть

ШЭРИНГ

Видео

Вьювер для Mac OS и iOS

ИНСТРУМЕНТЫbit.ly/proto-tools

http://bit.ly/proto-tools

СПАСИБО

Николай Березовский

unikolas.comfb.com/unikolas

fb.com/groups/prototypingclub

Russian Prototyping Club

http://unikolas.com

http://fb.com/unikolas

http://fb.com/groups/prototypingclub

Альфа-Банк Стажеры и вакансии

alfabank.ru/design

http://alfabank.ru/design

Dribbble meetup 2016 — Flinto for Mac

Design

Transcript of Dribbble meetup 2016 — Flinto for Mac