Storydesk — мій неіснуючий диво-проектувальник


Позавчора, на другому тижні метушні з інструментами для проектування та анімації прототипів, у мене накипіло: мої початкові побажання до інструментів синтезувалися з тим, що я побачив і помацав, утворивши експериментальну модель проектувальника, з якою я поспішаю поділитися з вами.

***

Ключовий постулат моделі, по зальоту якого і почалося народження інструменту, полягає в іншому підході до організації цифрового робочого простору: я звик працювати не з екранами програми, а з його полотном в різних станах.

Екрани і полотно в різних станах

Це не питання звички, сформованої інструментом і часом: з самого дитинства я з задоволенням дивився на роботу мультиплікатора у якоїсь чарівної дошки, на якій листались кальки з персонажами, запечатляя різні сцени мультфільму, тому що такий підхід не тільки чарував дитячу уяву, але і здавався логічним для самого процесу. Чарівна дошка мультиплікатора, як виявилося, називається світловим (просвітні) столом або стеклофоном.

Просвітний стіл

Так, у процесі над створенням мультфільму використовується розкадровка (storyboard), щоб відобразити основний хід подій, але основна опрацювання ведеться на стеклофоне.

Сюжетна дошка «Піноккіо»

Таким чином, є два підходи до створення взаємопов'язаної історії: лінійний (storyboard) і суміщений (стеклофон). Другий підхід пізніше закріпиться мною під поняттям «лінія історії» (storyline), а «storydesk» стане кодовому словом концепції мого неіснуючого проектувальника.

***

Першим ділом я звернув увагу на те, що схожу реалізацію я періодично подекуди колись та використовував:

Layer Comps

Коли я розібрав на деталі механізм Layer Comps, побачив у ній зародок майбутнього функціоналу – об'єкт має поведінкою на певному екрані (стан полотна):

Поведінка об'єкта на певному екрані

Але мені захотілося не тільки наділяти об'єкт більш різноманітними рухами, ніж просте поява і зникнення в різних місцях полотна…

Варіація появи-зникнення об'єкта

… але і наділяти об'єкт чуйністю на мої дії, жести:

Об'єкт починає реагувати на мої дії

Реакція об'єкта в такій моделі складається з причини (мого дії, жесту) і слідства (що має статися або куди я повинен потрапити, якщо об'єкт має властивості звичайної посилання):

Складові реакції об'єкта: я вказую об'єкту на що (натискання) і як треба реагувати (перемикаємо екран)

Як і руху об'єкта, я б хотів не тільки задавати різноманітну реакцію, але і робити це неодноразово, тобто наділяти об'єкт мультиреакцией:

Різноманітна і комплексна реакція об'єкта

Наділення об'єкта поведінкою програмної парадигмі Фотошопу стає схожим на додання ефекту для шару:

Меню додавання поведінки і результат на шарі в Фотошопі

Таким чином, в моєму інструменті я хотів би бачити збагачений функціонал Layer Comps, задаючи об'єкту (акторові) не тільки різні рухи появи-зникнення, але і реакцію на мої дії в певних екранах (сценах) мого монументального полотна:

Робота з об'єктом у Layer Comps і в Storydesk

Зверніть увагу, як починають мутироваться поняття: шар стає об'єктом, екран – сценою.


***

Весь процес починає базуватися на управлінні сюжетною лінією історії мого програми, яка, як і будь-яка лінія твору, складається зі сцен, подібних або відмінних один від одного:


Зі сценами на такій лінії я зможу виконувати стандартні режисерсько-монтажерские операції:


Сцени будуть програватися і записуватися в чистовик по черзі або довільно:


Крім списку сцен, кликабельно і саме полотно з об'єктами:


Репетирувати і транслювати свою історію я зможу не тільки на екрані проектувальника, але і на інших програвачах:


Поступово підбираючись до функціоналу трансляції, я побачив схожість макросценарію Storydesk вийшов у березні Adobe Expirience Design, де в режимі Design я працюю з об'єктами, в Prototype – з сюжетом, на Share – транслирую свою історію в різних форматах.

Макросценарии Adobe XD і Storyline

Єдине і велике доповнення – наявність контролю зворотного зв'язку від моєї історії. Таким чином, робочий процес мого проектувальника-небилиці складається наступним чином:


Objects і Story можна об'єднати під одну вкладку, що позначає творчий аспект, щоб виокремити базові операції з будь історією: створювати, поширювати, отримувати зворотний зв'язок.


В ідеалі, створюючи універсальний продукт, я б додав можливість огляду сцен (екранів) стандартним лінійним (storyboard), додавши цей режим на вкладці Story, щоб можна було переключатися між режимами board і line, але вирішив поки залишити все як є.


І поки моя губа котиться так розкочується, крім додавання об'єктів з подгружаемым реальним контентом, я б хотів поширювати свою історію усіма можливими способами: вивантажувати і відправляти в різних видах і форматах, обговорювати з аудиторією і тестувати на ній.


***

Мрії повинні збуватися! І якщо для когось вищевикладена концепція проектування – мрія, яку можна втілити в реальність: буду радий почути, як і де це може статися ;)

І наостанок, поки я перекладаю цю статтю на мій интермедияте-англійська для Medium, можете поклацати прототип загальної моделі Storydesk – неіснуючого проектувальника історій ваших продуктів.

Прототип Storydesk

Джерело: Хабрахабр

0 коментарів

Тільки зареєстровані та авторизовані користувачі можуть залишати коментарі.