Позавчора, на другому тижні возні з інструментами для проектування і анімації прототипів, у мене накипіло: мої початкові побажання до інструментів синтезувалися з тим, що я побачив і помацав, утворивши експериментальну модель проектувальника, з якою я поспішаю поділитися з вами.
***
Ключовий постулат моделі, за залітом якого і почалося народження інструменту, полягає в іншому підході до організації цифрового робочого простору: я звик працювати не з екранами програми, а з його полотном в різних станах.
Екрани і полотно в різних станах
Це не питання звички, сформованої інструментом і часом: з самого дитинства я із задоволенням дивився на роботу мультиплікатора у якоїсь чарівної дошки, на якій горталися кальки з персонажами, відображаючи різні сцени мультфільму, тому що такий підхід не тільки зачаровував дитячу уяву, але і здавався логічним для самого процесу. Чарівна дошка мультиплікатора, як виявилося, називається світловим (просвітним) столом або склофоном.
Колір
Так, у процесі над створенням мультфільму використовується розкадрування (storyboard), щоб відобразити основний хід подій, але основне опрацювання ведеться на склофоні.
Сюжетна дошка «Піноккіо»
Таким чином, є два підходи до створення взаємопов'язаної історії: лінійний (storyboard) і поєднаний (склофон). Другий підхід пізніше закріпиться мною під поняттям «лінія історії» (storyline), а «storydesk» стане кодовим словом концепції мого неіснуючого проектувальника.
***
Насамперед я звернув увагу на те, що схожу реалізацію я періодично подекуди колись та використав:
Layer Comps
Коли я розібрав на деталі механізм Layer Comps, то побачив у ньому зачаток майбутнього функціоналу - об'єкт має поведінку на певному екрані (стані полотна):
Поведінка об "єкта на певному екрані
Але мені захотілося не тільки наділяти об'єкт більш різноманітними рухами, ніж проста поява і зникнення в різних місцях полотна...
Варіація появи зникнення об'єкта
… але і наділяти об'єкт чуйністю на мої дії, жести:
Об'єкт починає реагувати на мої дії
Реакція об'єкта в такій моделі складається з причини (моєї дії, жесту) і слідства (що має відбутися або куди я повинен потрапити, якщо об'єкт володіє властивостями звичайного посилання):
Складові реакції об'єкта: я вказую об'єкту на що (натискання) і як треба реагувати (перемикаємо екран)
Як і руху об'єкта, я б хотів не тільки задавати різноманітну реакцію, але і робити це не раз, тобто наділяти об'єкт мультиреакцією:
Різноманітна та комплексна реакція об'єкта
Наділення об'єкта поведінкою у програмній парадигмі Фотошопа стає схожим на надання ефекту для шару:
Меню додавання поведінки і результат на шарі у Фотошопі
Таким чином, в моєму інструменті я хотів би бачити збагачений функціонал Layer Comps, задаючи об'єкту (акторові) не тільки різні рухи появи-зникнення, але і реакцію на мої дії в певних екранах (сценах) мого монументального полотна:
Робота з об'єктом в Layer Comps і Storydesk
Зверніть увагу, як починають мутуватися поняття: шар стає об'єктом, екран - сценою.
***
Весь процес починає базуватися на управлінні сюжетною лінією історії мого додатку, яка, як і будь-яка лінія твору, складається зі сцен, схожих або відмінних один від одного:
Зі сценами на такій лінії я зможу виконувати стандартні режисерсько-монтажерські операції:
Сцени будуть програватися і записуватися в чистовик по черзі або довільно:
Крім списку сцен, клікабельно і саме полотно з об'єктами:
Репетирувати і транслювати свою історію я зможу не тільки на екрані проектувальника, але і на інших програвачах:
Поступово підбираючись до функціоналу трансляції, я побачив схожість макросценарія Storydesk з вийшло в березні Adobe Expirience Design, де в режимі Design я працюю з об'єктами, в Prototype - з сюжетом, на Share - транслюю свою історію в різних форматах.
Макросценарії Adobe XD і Storydesk
Єдине і велике доповнення - наявність контролю зворотного зв'язку від моєї історії. Таким чином, робочий процес мого проектувальника-небилиці складається наступним чином:
Objects і Story можна об'єднати під одну вкладку, що позначає творчий аспект, щоб вичленувати базові операції з будь-якою історією: створювати, поширювати, отримувати зворотний зв'язок.
В ідеалі, створюючи універсальний продукт, я б додав можливість огляду сцен (екранів) стандартним лінійним (storyboard), додавши цей режим на вкладці Story, щоб можна було перемикатися між режимами board і line, але поки вирішив залишити все як є.
І поки моя губа котиться та розкочується, крім додавання об'єктів з реальним контентом, я б хотів поширювати свою історію всіма можливими способами: вивантажувати і відправляти в різних видах і форматах, обговорювати з аудиторією і тестувати на ній.
***
Мрії повинні збуватися! І якщо для когось вищевикладена концепція проектування - мрія, яку можна втілити в реальність: буду радий почути, як і де це може статися;)
І наостанок, перед статтею на моєму інтермедіяті-англійській для Medium, можете поклацати прототип загальної моделі Storydesk - неіснуючого проектувальника історій ваших продуктів.
Прототип Storydesk