Біз Haiku Animator-тың артындағы бас директор және көреген Зак Браунмен сөйлесу үшін отырдық.
Бұл мақаланы мына өлеңмен бастағымыз келеді:
UX және UINot So Fun to AnimateBut, Now There's Haiku- School of MotionБұл 3-сыныптағы ағылшын тіліндегі әзілдер сізге бірдеңе істеп жатыр ма?
Қозғалыс дизайны және оның UI әлеміне қалай сәйкес келетіні туралы көп шу бар/ UX дизайны. UI/UX зерттеулерінің басында - Зак Браун, Haiku компаниясының бас директоры және Haiku Animator артындағы көреген.
Әлем өздерінің пайдаланушы тәжірибесіне экспрессивті анимацияларды қосуға дайын, бірақ UI және анимацияға арналған қазіргі жұмыс процесі. UX көп нәрсені қалайды. Енді Haiku Animator көмегімен бір жақсы реттелген бағдарламаны жобалауға, анимациялауға, жариялауға және ендіруге болады.
Бұл жай ғана кездейсоқ іске қосу емес, Хайку аңызға айналған Y Combinator бағдарламасынан өтті. . Y Combinator Dropbox және Airbnb сияқты біз білетін ең инновациялық брендтердің кейбірін бастауға көмектесуімен танымал. Демек, Хайку бірдеңені ойлап жүрген сияқты деп айтуға болады.
Подкастта біз UI/UX Animation әлемі туралы сөйлесу үшін Закпен бірге отырдық. Жолда сіз Зактың жарнама әлеміндегі тәжірибесі, оның Хайкуды қалай бастағаны және тез дамып келе жатқан стартапты басқарудың қандай екендігі туралы естисіз.
Хайку сонымен қатар подкаст тыңдаушыларына Animator қолданбасында жеңілдік ұсынады. Бұл жеңілдіктер дейін қолжетімді боладыБраун:
Және интернеттегі тегін ойындар қолданбалар дүкені мен оның қақпашысы арқылы төленетін ойындарға қайшы келеді. Оның үстіне техникалық себептер де көп. Осы кездегі кодтық база 15 жаста болды, ол әртүрлі көшбасшылардан өтті және сатып алу арқылы кейбір адамдар айналасында қалмады. Ешкім шын мәнінде кодтық базаны білмеді.
Зак Браун:
Ол Adobe ДНҚ-сымен және мен Flash қолданбасын дұрыс басқарушылық деп атайтын нәрсемен үйлескенде, оның өліміне әкелген дәл осы тамаша дауыл болды.
Джой Коренман:
Уау.
Зак Браун:
Иә.
Джой Коренман:
Бұл шынында да қайғылы және мен білмеймін. Осы оқиғадан және басқа ұқсас нәрселерден, компанияларды сатып алып, содан кейін баяу, баяу тұншығып өлетін нәрселерден алуға болатын біртүрлі параллельдер бар. Бұрын Shake деп аталатын шынымен, шынымен күшті, таңғажайып құрастыру қолданбасы болған, ол Nuke-тің прекурсоры болды, ол қазір стандартты визуалды әсерлер құралы болып табылады.
Джои Коренман:
Және Apple Shake-ді сатып алды, содан кейін ол жүзім бұтасында өлді және оның айналасында да ашу-ыза болды, сондықтан бұл сирек емес. Жарайды, менің келесі сұрағым, менің ойымша, қазір біз оның айналасында биледік деп ойлаймын, сіздің компанияңыз, Хайку, Animator деп аталатын құрал жасайды және біз оған тереңірек үңілеміз, бірақ барлығына шолу жасау үшін. , Animator дегеніміз не? Жәнеол шешуге тырысып жатқан мәселе қандай?
Зак Браун:
Әрине. Сондықтан, менің ойымша, After Effects жақсы анықтамалық нүкте. After Effects алғаш рет 26 жыл бұрын 1993 жылы шығарылды, сондықтан бұл ескі мектеп және ол фильмдер мен теледидарлар үшін арнайы қозғалыс графикасы құралы және ол әрқашан болды. Бір сәт елестетіп көріңізші, After Effects басынан бастап жасалған, бірақ фильм түсірудің орнына бағдарламалық жасақтама мен пайдаланушы интерфейстері үшін қозғалыс дизайнын жасау мақсатымен жасалған болса.
Зак Браун:
Және бұл медиа арасында кейбір негізгі айырмашылықтар бар, мысалы, интерактивтілік, кодтық базалармен интеграция, нұсқаны басқару сияқты нәрселер. Бұл алаңдаушылық кино және теледидар әлемінде мүлдем жоқ.
Джой Коренман:
Дұрыс.
Зак Браун:
Сонымен, бізде Sketch ұқсастығымен салыстыратын көптеген пайдаланушылар болды. Haiku аниматоры ретінде фотошоп - бұл After Effects. Атап айтқанда, бұл жаңарақ, ол UI анимациясы үшін жасалған, таза әрі қолжетімді, әсіресе қозғалыс дизайнына алғаш рет кіріп жатқан адамдар үшін.
Джои Коренман:
Мінсіз. Иә, менің ойымша, бұл тамаша сипаттама және мен онымен ойнадым және оны пайдалану өте қызық және After Effects қолданбасын пайдаланатын кез келген адам оның қалай жұмыс істейтінін бірден түсінеді. Animator бағдарламасының After Effects қолданбасында мүлдем жоқ басқа жағы бар және мен бұл туралы айтқым келеді, бірақ мен сіз бұл қолданбаны қалай құрастырғаныңыз туралы естігім келеді, өйткеніМенің ойымша, сіз және мен кем дегенде бір жыл бұрын кездестік және сол кезде қолданба бета нұсқасында болды және сіз оған көптеген мүмкіндіктерді қосып, оны дамыттыңыз.
Джои Коренман:
Мен әрқашан осындай күрделі бағдарламалық жасақтаманы құрастырып, осындай нәрсені қалай жасайтындығыңызға қызығушылық танытамын. Сонымен, сіз қолданбаның бастапқы нұсқаларын қалай жасағаныңыз туралы сөйлесе аласыз. Сіз оны кодтадыңыз ба? Сізде команда болды ма, бұл қалай жұмыс істеді?
Зак Браун:
Тағы да бүкіл оқиға сол агенттікке оралады және дизайн мен код арасындағы алшақтықты жою және осы мәселені түсіну. Бұл, шын мәнінде, Хайку хикаясының басы. Менің жеке мансабым осы мәселенің айналасында бірнеше түрлі жерлерде, әртүрлі жұмыс орындарында болды деп ойлаймын. Жолда мен құрылтайшымен таныстым. Біз бұрынғы компанияда бірге жұмыс істедік, ол да проблеманы көрді, сондықтан біз 2016 жылдың маусымында жолға шықтық.
Зак Браун:
Алғашқы алты ай эксперименталды болды. жай ғана ол Филадельфияда болды, мен SF-де болдым, сондықтан шын мәнінде жай ғана бейне қоңыраулар, дауыстық чат, Slack және нұсқаны басқару және алға-артқа және бірдеңе ойлап тапты. Бізде кез келген адамға пайдалы нәрсе болғанша бір жылдан астам уақыт өтті. Өйткені ол ғылыми зертханалық жағдайда басталды. Ой, мынаны істесек ше, олай істесек ше? Бұл бастама, тек көп эксперимент, қатыгез күш,барлау, содан кейін біз бірінші инвестициямызды 2016 жылдың соңына қарай алдық.
Зак Браун:
Содан кейін біз жақсы бола бастадық, менің ойымша, біз бұл нәрсені монетизациялауымыз керек, оған нақты қызметтік бағдарламаны құрастырайық, адамдар көңіл бөлетін және сайып келгенде төлейтін пайдалану жағдайын табайық және ол осылай дамыды.
Джой Коренман:
Керемет және мені қызықтыратын нәрселердің бірі - сіздің Y Combinator бағдарламасына қабылданғаныңыз. Тыңдап отырғандардың бәрі мұның не екенін біле ме, білмеймін. Технологиялық әлемде барлығы Y Combinator туралы біледі, бірақ қозғалыс дизайн әлемінде білмейтін адамдар бар екеніне сенімдімін.
Джой Коренман:
Олай болса, не екенін түсіндіре аласыз ба? Y Combinator - бұл бағдарламаға өтініш беруді не үшін таңдадыңыз?
Зак Браун:
Сонымен, YC, Y Combinator, YC - іске қосу үдеткіші. Олардың істейтіні - олар перспективалы деп санайтын стартаптар мен құрылтайшылардан сұхбат алады, содан кейін олар қабылдайтындар венчурлық капиталды тарту және стартап ойынын ойнау үшін ресурстармен және күтіммен байланыстырады. Және олар өздеріне біраз ақша салады, бірақ сіз YC-ті қолма-қол ақшаға алмайсыз, өйткені олар қымбат. Олар меншікті капиталдың үлкен бөлігін алады.
Зак Браун:
Қазіргі уақытта көптеген әртүрлі іске қосу үдеткіштері бар, бірақ YC түпнұсқалардың бірі, егер қаласаңыз, OG.
ДжойКоренман:
Дұрыс.
Зак Браун:
Менде тізім бар, кейбір басқа портфолио компанияларына Air Bnb, Stripe, Cruise, Dropbox, Coin Base, Instacart кіреді. , Reddit, Twitch TV және тізім жалғасуда. Бұл IPO-ның барлығы дәл қазір болып жатқан сияқты. YC мүлде шағымданбайды.
Джой Коренман:
Олар талантты жақсы көреді.
Зак Браун:
Олар. Олардың да бренді бар, сондықтан оларда көптеген адамдар жүгінеді және танымал, олардың қабылдау деңгейі Гарвардтан төрт есе төмен. Осылайша, YC арқылы өту сізге тіркелгі деректерінің ұқсас мөрін береді, мысалы, YC олар жақсы дейді, сондықтан олар жақсы.
Зак Браун:
Бұл тіркелгі деректері сияқты құнды. Менің ойымша, бұл Силикон алқабында солай жұмыс істейді.
Джои Коренман:
Иә, бұл шынымен де керемет. Мен де тәжірибе туралы естігім келеді, бірақ мен тағы біраз қазғым келеді, өйткені бұл мен ойлаған нәрсе және мен басқа кәсіпкерлермен және Қозғалыс мектебімен сөйлестім, қазір инвесторлар жоқ. Ол толығымен жүктелді, бірақ мен бұл туралы ойладым.
Джой Коренман:
Мен инвесторлармен сөйлестім және сіз оның жақсы және жаман жақтарын өлшеп көрдіңіз, сондықтан мен Капиталды тартудың орнына капиталды тарту үшін үлесті беруге тұрарлық ету үшін таразыға не себеп болғаны қызық.
Зак Браун:
Оның бір бөлігі қайтып ораладығылыми зертхана эксперименталды алғашқы күндері біз революциялық нәрсені ойлап табуға тырыстық және YC-ге қабылданған кезде бізде табыстылыққа жол болмады. Біз әлі ақша таппаған едік. Біз YC-ке қабылданғаннан кейін бір жыл өткенге дейін ақша таппадық, сондықтан қазіргі траекториямен емес, жүктеуге жол болмады.
Джой Коренман:
Дұрыс.
Зак Браун:
Біз достарымызды, отбасымызды және негізін қалаушы капиталды жинадық, сондықтан біз біраз VC жинаған едік, біз осы бағытта жұмыс істеп жатырмыз, қалаймыз? жай ғана жолымызды өзгертіп, ақша табатын бірдеңе алуға көңіл бөлесіз бе, әлде аздап көп жинап, басынан бастап үлкен немесе өршіл нәрсеге ұмтыласыз ба? Бұл VC құлағына музыка.
Зак Браун:
Иә, біз YC курсына кірген кезде бізде шамамен бес ай ұшу-қону жолағы болды, бұл алқапта тұқым өсіруге жеткілікті болуы мүмкін, бірақ бұл Егер сізде ғылыми жәрмеңке технологиясы бар болса және әлі капитал болмаса, қиын сату. Сонымен, біз басқа себептердің қатарында YC-ті таңдадық және жеке өзім тәжірибеге өте риза болдым.
Джои Коренман:
Иә, бұл тәжірибе туралы естігім келеді, өйткені бұл аңыздардың бір түрі. YC - әлемдегі ең танымал стартап акселераторы және Пол Грэм данышпан және Пол Грэм, бұл есімді білмейтіндердің барлығына тыңдау үшін, негізін қалаушылардың бірі.Басқа нәрселермен қатар YC және онда көптеген даналықтар бар таңғажайып блогы бар.
Джой Коренман:
Бірақ иә, бұл бағдарлама сіздікі сияқты компания үшін не істейді?
Зак Браун:
Біріншіден айта кетейін, YC, біз өткен кезде, біз 2017 жылдың соңында кірдік, 2018 жылдың басында кірдік, ол бұрынғыдан мүлдем басқаша болды. Олар басталған кезде 2005 ж. Олар жұмысты бастаған кезде, бұл шынымен аты аңызға айналған когорттар, Twitch TV, Reddits және Air Bnb бастаған кездегідей болды, ал қазіргі уақытта ол кеңейді.
Зак Браун:
YC өздерін де стартап санайды, сондықтан олардың мақсаты - масштабтау. Біз өткен кезде партияда 100-ден 200-ге дейін компания болды, ал бірінші партиядағы 10-ға жуық компания болды. Өте басқа, өте басқа тәжірибе. Айтпақшы, мен үлкен университетке бардым және университетте үйренгенімнің бірі, бастапқыда қиын жол болды, мұнда көптеген ресурстар бар, бірақ егер сіз оларға емес, артқа сүйенсеңіз, егер сіз сүйенсеңіз кері, сіз бұл ресурстарды алмайсыз.
Зак Браун:
Ал басқа біреу оларды алады және сіз жай ғана жағалаудан өтесіз. Дегенмен, егер сіз қолыңызды созып, ресурстарды тартып алсаңыз ...
Зак Браун:
Дегенмен, егер сіз үлкен университетте де, үлкен Y Combinator-да да ресурстарды белсенді түрде қолданып, басып алсаңыз , сонда сіз одан көп нәрсе аласыз.Ал мен қазір 30 жастамын деп ойлаймын. Мен өз өміріммен бірдеңе жасағым келеді, мен бұл білімге ие болу бақытына ие болдым, менің ойымша, бұл ресурстарға сүйеніп, оны пайдалану жақсы. Нәтижесінде мен одан көп нәрсе алғанымызды сезінемін, желі, тәлімгерлік, тек кеңестер сияқты нәрселер. Мен желіні жылтыраттым, бірақ бұл оның үлкен бөлігі. Осы 200-ден астам компаниялардың ішінде біз көптеген байланыстар мен адамдармен байланыс орната алдық. Сондай-ақ YC желісі де, олар кез келген басқа YC негізін қалаушымен байланысуға болатын ішкі қауымдастықты басқарады. Ол электрондық пошта мекенжайы мен телефон нөмірін көрсетеді. Сондықтан, егер мен қаласам, мен Airbnb үшін негізін қалаушы Dropbox-қа қол жеткізе аламын, егер менде мұны істеуге жақсы себеп болса. Бірақ бұл желі YC-тің үлкен бөлігі.
Джой Коренман:
О, бұл шынымен қызық. Және кейбір ұқсастықтар бар. Мен Motion мектебін YC-мен салыстырғым келмейді, бірақ бізде түлектердің желісі бар, ол шын мәнінде біздің сабақтарымыздың бірін алу тәжірибесінің ең құнды бөлігі болған шығар. Бұл бастапқыда күтпеген нәрсе болды, оның қаншалықты құнды болып шықты. Сондықтан бұл маған көп мағына береді. Сонымен, нақты қолданбаға, аниматорға көшейік. Барлығы тыңдап тұрса, біз веб-сайтқа, Хайку веб-сайтына сілтеме жасаймыз және сіз жүктей аласыз. Менің ойымша, қазіргі уақытта Animator қолданбасының 14 күндік тегін сынақ нұсқасы және оқу құралдары барсайтында. Көптеген тамаша ақпарат.
Джой Коренман:
Сонымен, басқа да анимациялық қолданбалар әзірленуде және жалпы әзірленуде көптеген қолданбалар бар сияқты, веб-қолданбалар, сонымен қатар веб-дизайн мен қолданба дизайнын жеңілдетуге көмектесу үшін жергілікті қолданбалар. Сонымен, Animator-тың ерекшелігі неде?
Зак Браун:
Аниматордың ерекшелігі - оның кодтық базаға арналғандығы. Бұл өндіріске жіберілетін қозғалыс дизайны. Сонымен, код бірінші дәрежелі азамат болып табылады, егер сіз Photoshop үшін .PSD сияқты бастапқы файл сияқты ойласаңыз, бастапқы файл сияқты қолданбаның ішінде де. Animator бағдарламасының бастапқы файлы тікелей код, қолмен өңделетін код. Сондықтан сахнада бір нәрсені жылжытқан сайын немесе Tween орнатқан сайын, ол шын мәнінде кодты оқиды және жазады. Және бұл өте әдейі жасалған, сондықтан оны кодтық негіздермен біріктіру өте оңай.
Джой Коренман:
Сондықтан сізге мынаны сұрауға рұқсат етіңіз. Өйткені, және мен бұл туралы өте күрделі емеспін, сондықтан егер мен бұны сойып алсам, кешіріңіз, бірақ After Effects-те бізде Bodymovin бар, ол сіздің After Effects комплектіңізді қабылдайды және сіз оны қолданғанда көптеген ескертулер бар, бірақ жалпы, пішін қабаттарын және сол сияқты заттарды пайдалансаңыз, ол JSON файлын шығарады. Сондықтан ол кодты шығарады. Сонымен, мұның Бодымовин істеп жатқан әрекетінен айырмашылығы неде?
Зак Браун:
Иә. Сондықтан 2017 жылы Лоттидің шыққаны есімде. БұлБіз Хайку үшін қозғалыс дизайн траекториясын құлыптап, жүктеп қойған кезде, Mac үшін Haiku, қазір Haiku Animator. Мен оны әрқашан керемет шабыттандыратын деп таптым. Сіз ойлағандай, After Effects, әсіресе пайдаланушы интерфейсі, бағдарламалық жасақтамаға арналған құрал ретінде, менде жеке алаңдаушылық бар. Bodymovin және Lottie After Effects бастапқы файлын кері инженериялау негізінде құрастырылған. Bodymovin ішінен шығатын JSON блобы After Effects файл пішімінің пішіні болып табылады.
Зак Браун:
Жеке мен бағдарламалық құралдың қозғалыс дизайнын елестеткенімде, сіз айтып өткендей, Джой, интерактивтілік түстерді өзгерту немесе түртуге жауап беру немесе осы күйден келесі күйге ауысудан басқа жолмен осы күйге өту мүмкіндігі сияқты маңызды. Бұл логиканы қажет етсе де. Информатика-y терминдерінде, ол толықтықты талап етеді. Ал сіз оны After Effects қолданбасынан ала алмайсыз.
Джой Коренман:
Дұрыс.
Зак Браун:
Дұрыс. Бұл ең үлкен айырмашылық, егер қаласаңыз, After Effects ауыстыру құралын нөлден бастап жасаудың артықшылығы да, керемет ауыртпалығы да бар деп ойлаймын. Бұл бізге кодты қайта жаңартудың орнына кодқа арналған код пішімін әзірлеуге мүмкіндік берді.
Джои Коренман:
Бұл өте жақсы түсініктеме. Аниматорды қолданып, а2019 жылдың 1 тамызы ! Жеңілдікке ие болу үшін төмендегі сілтемелерді басыңыз. Мұнда екі түрлі нұсқа бар:
- Ай сайынғы жоспардың үш айына 50% жеңілдік (27 доллар үнемдеңіз)
- Жылдық жоспардың бірінші жылына 25% жеңілдік ($45 үнемдеңіз)
Қызығушылығыңыз шарықтау шегіне жеткен соң, Закқа сәлем айтайық...
ZACK BROWN ШОУ ЕСКЕРТПЕЛЕРІ
Біз подкаст тәжірибесіне назар аударуға көмектесетін подкастымыздан сілтемелер алыңыз және сілтемелерді осы жерге қосыңыз.
- Зак Браун
- Хайку аниматоры
АДАМДАР/СТУДИЯЛАР
- Томас-стрит
- Пол Грэм
РЕСУРСТАР
- Эскиз
- Y Combinator
- Инспектор Spacetime
- Lottie подкаст эпизоды
- Unity
- Иссара Вилленскомер подкаст эпизоды
- Лоти
ӘРтүрлі
- Dreamweaver
- Фейерверк
- Шайк
ZACK БРОУН ТРАНСКРИПТ
Джой Коренман:
Мен бір нәрсені мойындауым керек. Мені UI және UX кеңістігінде қозғалыс дизайнына қатысты не болып жатқаны қызықтырады. Бұл керемет жобалармен, жұмыс мүмкіндіктерімен және анимацияны кодқа аударуды жеңілдететін жаңа технологиялармен жарылып жатқан сияқты. Дегенмен, 2019 жылғы осы жазбаға сәйкес, қолданбаларда интерактивті түрде оңай пайдалануға болатын анимация жасау әлі де қиын.
Джой Коренман:
Бүгінгі қонағымыз соны өзгертуді мақсат етіп отыр. Зак Браун, иәБұл маған Flash-тің қалай жұмыс істейтінін еске салады. Және бұл шынымен де қызық. Мен сіз Flash пайдаланған терминологияны пайдаланып жатқаныңызды байқадым, Tween және сахна және сол сияқты нәрселер. After Effects бағдарламасында біз қолданатын әртүрлі сөздер бар. Бірақ сізде негізінен комп бар және сізде қабаттар бар және сіз олардың белгілі бір нәрселерге әрекет етуіне және орналасуға жауап беруіне себеп болатын сол қабаттарға код биттерін орналастыра аласыз және жауап беретін нәрселерді орнатуға болады. Және бұл шынымен де керемет. Сонымен, кейбіреулері қандай... мүмкін, сіз бізге Animator сияқты құралды басқа жолмен орындау қиын нәрселерді қалай қолдануға болатынына мысал келтіре аласыз.
Зак Браун:
Қайтадан, Animator мақсаты қозғалыс дизайны мен код арасындағы алшақтықты жою болып табылады деген алғышартқа сүйене отырып, сіздің қолыңыздағы нақты қуат кодтың сиқыры сияқты код болып табылады. Сонымен, Animator қолданбасының ішінде кодтаудың бірнеше жолы бар. Бұл сонымен қатар After Effects-тен түбегейлі айырмашылық. Және кодтаудың үш жолы бар. Бізде өрнектер деп аталатын конструкциялар бар, олар After Effects өрнектеріне өте ұқсас. Олар негізінен Excel электрондық кестесінің функциялары. Осылайша сіз Excel бағдарламасында A3-тен A14-ке дейінгі ұяшықтардың қосындысын қосындыға тең жазу арқылы алуға болады [естілмейді 00:27:15], сол жақсы кішкентай өрнек, сіз Animator бағдарламасында дәл сол әрекетті жасай аласыз, бірақ жауап беру үшін, мысалы, тінтуірдің орнынемесе түрту, түрту. Бұл мағынасы бар ма?
Джой Коренман:
Иә, бұл өте мағыналы.
Зак Браун:
Жарайды. Ал содан кейін басқа жолмен, сондықтан бұл қарапайым, бірақ сонымен бірге өте күшті болуы керек. Ол функционалды, реактивті бағдарламалауды жүргізеді. Және бұл өрнектерді кез келген сипатқа қолдануға болады. Осылайша, мен элементтерімнің бірінің X позициясын пайдаланушы тінтуірінің X картасына жасай аламын және Y позициясының картасын пайдаланушының Y тінтуіріне жасай аламын және масштабты менің уақыт тізбегімнің орны мен пайдаланушының Y тінтуірі сияқты синус функциясы сияқты жасай аламын, егер бұл мағынасы болса. Осылайша сіз жазуға өте оңай, бірақ өзара әрекеттесудің өте күшті түрлерін жасай бастай аласыз. Шығармашылық мүмкіндіктің бұл түрі Flash шынымен де, шынымен де керемет және әлемде жетіспейтін нәрсе, солай емес пе?
Джои Коренман:
Иә. Сіз Animator ішінде кодтау кезінде қандай тілді пайдаланасыз?
Зак Браун:
JavaScript.
Джой Коренман:
О, тамаша. Жарайды, егер сіз After Effects өрнектеріне үйренген болсаңыз, оның бөліктері бірдей екеніне сенімдімін. Аниматорға тән мүмкіндіктерді қосу үшін JavaScript-те кеңейтілген кейбір реттелетін нәрселер бар деп ойлаймын?
Зак Браун:
Дәл солай, иә.
Джой Коренман:
Мен бұл үшін жалпы пайдалану жағдайын ойлауға тырысамын. Мысалы, егер сіз өзіңіздің веб-сайтыңызда кейіпкердің мінез-құлқын қаласаңыз және көздегі қарашықтар сізге ергенін қаласаңыз,тінтуірді айналып өту сияқты. Сіз мұны After Effects бағдарламасында мазақ ете аласыз, содан кейін инженер мұны қалай жасау керектігін анықтауы керек. Бірақ Animator бағдарламасында бұл мінез-құлықты жай ғана құрастырып, оны тастай аласыз ба?
Зак Браун:
Иә, дәл. Animator ішінде қолданылатын рендеринг механизмі, біріншіден, ашық бастапқы болып табылады, ал екіншіден, бұл вебте іске қосқан кезде қолданылатын дәл сол көрсету қозғалтқышы, дәл сол нәрсе. Сондықтан алдын ала қарау режимі сөзбе-сөз алдын ала қарау режимі болып табылады. Бұл бірдей нәрсе. Және бұл код болып табылатын бастапқы файлға түседі. Өрнекті жазған кезде, сіз жазған барлық нәрсе Haiku Animator ішінде веб-сайттағыдай бағаланады.
Джой Коренман:
Менің айтайын дегенім, бұл олардың бірі. Animator мен осы сияқты басқа қолданбалар мен After Effects арасындағы ең үлкен айырмашылық мынада: After Effects бағдарламасында сізде сән-салтанат бар, сіз қалаған нәрсені жандандыра аласыз және оны көрсетуге тура келеді, бірақ оны көретін адам оны көрмейді. көрсетуін көру керек. Оны интернетте немесе қолданбада қалай орындалатын болса, тікелей эфирде орындаңыз. Маған қызық, сіз мұнымен қалай күресесіз, жалпы, менің ойымша, тіпті қолданба әзірлеушісі ретінде, пайдаланушыларыңыз нақты уақытта іс жүзінде мүмкін емес нәрселерді жандандырғысы келетінімен қалай күресуге болады? Бұл мәселе ме?
Зак Браун:
Иә. Әлбетте солай. Сіз жасап жатқан нәрсеHaiku Animator бағдарламасында бірдеңе жасаған кезде бағдарламалық құрал болып табылады. Толық нүкте, сіз жасап жатқан нәрсе - бағдарламалық құрал. Сіз мұны көрнекі құралдардың, ал қаласаңыз, кодтың тіркесімі арқылы жасайсыз. Бірақ түпкілікті нәтиже бағдарламалық қамтамасыз ету болып табылады. Енді, сіз бағдарламалық жасақтаманы жасаған кезде, білуіңіз керек негізгі мәселелердің бірі өнімділік болып табылады. Ал егер әзірлеуші барып, компьютер қатып қалатындай AIO дискісін құлыптайтын for циклін жазса, бұл бағдарламашы тестілеу кезінде анықтауы керек және бағдарламалық жасақтамасында үлкен қате болмас үшін түзетуі керек. Haiku Animator бағдарламасымен дәл солай. Сіз 5 000 нүктеге серпілу арқылы анимация жасай аласыз және оның баяулағанын көресіз. Бағдарламалық жасақтаманы жасаушы ретінде оның дұрыс жұмыс істейтініне көз жеткізу сіздің жауапкершілігіңіз.
Джой Коренман:
Иә. Бұл сізге ешқашан ойланудың қажеті жоқ нәрсе. Айтайын дегенім, After Effects бағдарламасында материал құрастырып жатқанда, бұл туралы алдыңғы жағында ойлану керек, оны көрсету тым көп уақытты алады, бірақ ол көрсетілгеннен кейін ол орындалады. Бұл ойлаудың мүлдем басқа тәсілі. Бұл шынымен де қызық.
Зак Браун:
Енді айтқанда, Лотти солай, Бодимовин дәл сол алаңдаушылықты мұра етеді, себебі ол жұмыс уақытында түсіндіріледі. Егер After Effects қолданбасында 1000 нүкте секіріп кетсе, ол Bodymovin ішінде де қозғалады.
Джой Коренман:
Дұрыс. Иә, бұл шынымен де, өте қызықты. Жақсы. Сондықтан менбасқа мысал келтіруге тырысады. Flash-те істегенім есімде қалған нәрселердің бірі - сізде осы күрделі ауысу күйлері болуы мүмкін. Айталық, біз дәл қазір «Мектеп қозғалысы» сайтында дизайнды жаңартуды жасап жатырмыз және бұл эпизодтың қашан шығатынын білмеймін, бірақ егер сіз оны тыңдап жатсаңыз, ол сайтта бұрыннан бар болуы мүмкін. , немесе сіз оның ағып жатқанын көре бастайсыз. Бірақ біз блог жазбаларымызды, оқулықтар мен подкасттарды көрсететін сайтымыздағы нобайларымызды қайта жасап жатырмыз делік.
Джои Коренман:
Олай болса, біз қалаймыз делік. кейбір егжей-тегжейлі айналдыру күйі, онда сіз оны айналдырасыз және заттың тақырыбы сәл өседі, содан кейін кескіннің өзі нобай шегінде үлкейеді, содан кейін бұл градиент қабаттасуы, оның мөлдірлігі өзгереді. Содан кейін тінтуірдің үстінен өткенде, аздап бірдеңе... тышқанды өшіргенде, кешіріңіз, сәл басқаша нәрсе болады. Мен мұны істеуді жоспарлаған әдіс - оны After Effects бағдарламасында прототиптеу, содан кейін оны жай ғана әзірлеушілерге тапсыру, мүмкін Inspector Spacetime сияқты нәрсені пайдалану, оларда менің жұмсарту қисықтарым және сол сияқты нәрселер болуы мүмкін, содан кейін олар мұны іске асыру. Егер мен мұны Animator бағдарламасында жасауды шешсем, жұмыс процесі қалай болады? Мен өз өнерімді қалай кіргізер едім және оны жасауға және оны жасауға арналған құралдар бар ма?
ЗакҚоңыр:
Иә, сөзсіз. Енді сіз сипаттаған нәрсені алу үшін кейбір код қажет болады. Біздің сеніміміз - бұл керек. Шынында да, сіз қалаған шексіз мәнерлілікке қол жеткізу үшін, мен осында тінтуірді тышқанмен жылжытқанда, бұл орын алуы керек. Тағы да айтамын, мен ескі мектепте оқитын шығармын, бәлкім мен жай ғана құмарлық шығармын, бірақ менің барлық информатикадан түсінгенімнен және басқа нәрселерден, код жойылмайды деп ойлаймын.
Джои Коренман:
Мен сізбен келісемін.
Зак Браун:
Сонымен, Haiku Animator бағдарламасында мұны істеу жолы - сіз бір уақыт шкаласын пайдаланасыз. Бұл Flash-ке өте ұқсас. Сіз бір уақыт шкаласын пайдаланасыз, сізде әртүрлі әрекеттері бар әртүрлі аймақтар бар. Осылайша, 1-ден 80-ге дейінгі кадрлар тінтуірдің үстінде болуы мүмкін, ал 81-ден 120-ға дейінгі жақтаулар тінтуірдің сыртында болуы мүмкін. Біз Haiku Animator көмегімен құрамдас үлгісін ұстанамыз, сондықтан сіз жасаған нәрсе React және Angular және View үшін бірінші дәрежелі қолдау құрамдас бөлігі ретінде оралады. Сіз өзіңіздің-
Джой Коренман:
Біз React қолданбасын пайдаланып жатырмыз, иә.
Зак Браун:
Жарайды . Сондай-ақ, егер сіз металға түскіңіз келсе, біз ванильді JavaScript-ті қолдаймыз. Сонымен, сіз Haiku Animator ішінен React компонентін аласыз, ол сізге Haiku Animator API сілтемесін береді, онда сіз React жерінен тінтуірдің үстінен, React тінтуірінің үстінде айта аласыз, уақыт шкаласын нөлден 80-ге дейін сүртіңіз, немесе кадр нөліне өтіп, ойнатыңыз немесе 81 кадрына өтіп, ойнатыңызәзірлеуші шын мәнінде күннің соңында жіптерді тартады, бірақ сіз сахнаны Animator көмегімен орнатасыз.
Джой Коренман:
Бұл өте керемет. Жарайды, сондықтан бұл жерде арамшөпке түсіп кетуі мүмкін, тыңдаушы, сондықтан кешірім сұраймын, бірақ мені бұл шынымен қызықтырады және мен оны шынымен түсінгім келеді. Бұл маған өте мағыналы және тыңдап отырған кез келген адам Flash қолданбасын пайдаланған болса, дәл солай істейтін едіңіз. Сіз тінтуірдің үстінде, 20-кадрға өтіңіз және 40-кадрға дейін ойнаңыз, тінтуірді қалдырыңыз немесе кез келген нәрсені айтасыз. Сізде негізінен уақыт шкаласында барлық анимациялар болды және сіз әртүрлі кадр ауқымдарын ойнап жатырсыз. Енді менің сұрағым, демек, мен әзірлеушілеріме мұны тыңдауын сұраймын, өйткені олар мұны маған қарағанда жақсы түсінеді және олар көптеген керемет идеяларды алады.
Джой Коренман:
Бірақ енді менің сұрағым бар, Зак. Сондықтан, егер мен құрамдас бөлікті әзірлесем, нобай қалай көрінеді және оны қалай білесіз. Мен визуалды даму Sketch сияқты нәрседе болады деп ойлаймын. Содан кейін біз оны аниматорға енгізер едік, мен сол компонентті тінтуірдің үстіне апару арқылы әрекет етуді қалаймын, сонда басқа бірдеңе орын алуы мүмкін. Бірақ сол нобайда көрсетілетін нақты өнер туындысы динамикалық болуы керек, солай емес пе? Демек, бұл әлі де осындай мәселе туғызбайды, әзірлеушіге әлі де сүңгу керексол код пен спагетти құбыжығы оны бір-бірінен ажыратады, осылайша олар дұрыс нобайды дұрыс жерге кірістіреді немесе мұны істеудің және бұл процесті жеңілдетудің жақсы жолы бар ма?
Зак Браун:
Иә. Жақсы. Сонымен, Flash-тен үйренетін болсам, мен тағы да сынған рекорд сияқты сезінемін, бірақ Flash-тің қате жіберген нәрселерінің бірі - бұл қара жәшік, бұл тығырыққа тірелген жерде, Flash қосылғаннан кейін веб-сайтыңызды айтыңыз, сіз ешқашан қайта шықпайды. Бұл пиксельдер қорабы Flash-қа тиесілі және ондағы кез келген нәрсені өзгерткіңіз келсе, Құдай жылдамдығы. Flash IDE-ді ашып, кейбір өзгерістерді енгізіп, логика қосуыңыз керек және деректер арқылы өту үшін олардың API-мен келіспеушілік жасауыңыз керек, т.б. және бұл үлкен тәртіпсіздік болды.
Зак Браун:
Haiku Animator бағдарламасында бізде толтырғыш ұғымы бар, мұнда авторлық жасаған кезде мен Haiku Animator бағдарламасында жасап жатқан осы супер тіктөртбұрыштың ішінде тіктөртбұрыш бар деп айта аласыз. Бұл тіктөртбұрыш әзірлеушіге тиесілі. Мен мұнда не болатынын білмеймін, бірақ мен оны жандандыра аламын. Оларды аффиндік түрлендірулер, масштабтау, орналасу, айналдыру, қисаю және осы түрлендірулердің барлығы деп атайды. Бұл толтырғышты жандандыруға болады, содан кейін код уақытында әзірлеуші мазмұнды жібере алады. Сондықтан React-те ол еншілес құрамдасқа ұқсайды немесе HTML-де бұл div ішіндегі нәрсе. Бұл Haiku Animator ішіндегі динамикалық мазмұнға арналған шешіміміз және соңғы әзірлеушіге ол қандай көрінедітікелей реакция. Ешқандай сальто немесе ерекше ештеңе жоқ. Сіз жай ғана Haiku React құрамдас бөлігі ретінде мазмұнды жібересіз.
Джой Коренман:
Бұл өте керемет. Жақсы. Сонымен, мен құжаттама мен басқа нәрселерді оқып жатқан нәрселердің бірі - бұл ... өйткені біз веб-сайтымызда мұны аздап жасадық. Бізде азды-көпті жай ғана дайындалған анимациялар бар. Бірақ біз прототип жасаған нәрсенің үстіне меңзерді апарған кезде бізде белгілі бір шағын анимациялар болады. Мәселе мынада, егер біз оны өзгертуді шешсек, қайта оралып, оны түзету үлкен мәселе. Бұл көшіру, қою сияқты емес, қазір жаңартылды. Сонымен, сіз қалай әрекет етесіз және мен бұл терминді дұрыс пайдаланып жатқанымды білмеймін, бірақ нобайларымыздың күйінде тінтуірдің жаңа нұсқасы болған кезде нұсқаны басқару? Енді сіз ойлап тапқаннан кейін оны жүзеге асырудың қарапайым жолы бар ма?
Зак Браун:
Иә, шын мәнінде. Бұл негізгілердің бірі болды ... тағы да, менің агенттік күндеріме оралу және дизайнды кодтау үшін енгізу ғана емес, қайталау қаншалықты қиын екенін көрдім. Бұл күш-жігердің 80% қайталанатын жерде болуы мүмкін. Енді сіз бұл дизайнды код ретінде енгіздіңіз, енді талаптарды аздап өзгертетін жаңа дизайн бар, енді кодта архитектураланған нәрсені қайта жасау керек. Енді бұл басқа бөлік бұзылды. Шығарылатын мәселелердің бәріитерация, бұл жұмыс процесін шешудің орны, менің ойымша, бұл жұмыс процесін шешудің қасиетті жолы.
Зак Браун:
Және Haiku Animator-пен оны қабылдау тағы да компонент үлгісіне негізделген, сіздің құрамдас бөліктер нұсқаланған. Сонымен, Haiku Animator бағдарламасында жоба жасасаңыз және жариялау түймесін бассаңыз, сіз сол құрамдастың 0.0.1 нұсқасын аласыз және оны кодтық негізге тастай аласыз. Біз NPM-пен әлемдік веб-әлем үшін, веб-әлемдегі кез келген әзірлеушілер онымен таныс болуы үшін біріктіреміз. Сонымен, сіз тек NPM Haiku Animator компонентін 0.0.1 нұсқасында орнатсаңыз болды, және сіз дайынсыз.
Зак Браун:
Енді аниматор, қозғалыс дизайнері немесе әзірлеуші, Haiku Animator қолданбасын пайдаланатын кез келген адам артқа оралып, келесі өзгерістерді жасай алады, мысалы, Haiku Animator бағдарламасына өтіп, қайтадан жариялайтын Sketch активтерін жаңарта алады, енді сізде 0.0.2 нұсқасы бар. Кодтан тек сол компонентті 0.0.2 нұсқасына жаңарту керек және сіз тікелей эфирдесіз. Міне бітті. Осылайша, біз итерация мәселесін нұсқаларды басқару және пакет менеджерлерінің тіркесіміне сүйену арқылы шештік. Мұның бәрі өте техникалық және оны қорытындылаудың тамаша тәсілі - Sketch және Photoshop, Illustrator сияқты дизайн құралдарымен біріктірілгендей әзірлеу құралдарымен біріктіреміз.
Джои Коренман:
Егер мен мұны дұрыс түсінсем, бұл Flash сияқты жұмыс істейді дегенді білдіреді, бұл жай ғанабұл оның шын аты, Хайку деп аталатын стартаптың бас директоры және негізін қалаушы. Аты аңызға айналған Y Combinator бағдарламасынан өткеннен кейін Зак және оның командасы дизайн мен кодты біріктірудің қарапайым мақсаты бар "Аниматор" қолданбасын іске қосты. Өте жоғары нәрсе, бірақ мен Хайку шынымен бірдеңе деп ойлаймын.
Джои Коренман:
Хайку командасы ең күрделі мәселелердің бірін шешуі мүмкін анимацияны қолданудың әдісін ойлап тапты. Қозғалыс дизайнерлері қолданбаларда жұмыс істеген кезде кездеседі. Мен ойнаған және жақсы көретін аниматор, сізге бір интерфейсте анимациялауға және кодтауға рұқсат етіңіз, содан кейін сол анимацияны әзірлеушілер үшін өте тегіс және икемді түрде қолдана алады. Бұл сұхбатта біз аниматордың қалай жұмыс істейтінін және оны UI кеңістігінде After Effects дегеннен гөрі әртүрлі және тиімді ететінін тереңірек қарастырамыз.
Джой Коренман:
Сонымен қатар біз Зактың қалай жұмыс істейтіні туралы сөйлесеміз. компанияны ашты және мүлде нөлден жаңа анимация қолданбасын жасады. Бұл өте керемет әңгіме және ол сізге жақын болашақта қозғалыс дизайнерлері қолданатын құралдардың түрлері туралы қысқаша ақпарат береді деп ойлаймын.
Джои Коренман:
Зак , сізді Қозғалыс мектебі подкастында көру керемет. Уақыт бөлгеніңіз үшін көп рахмет және мен сіздің миыңызды таңдауды шыдамаймын.
Зак Браун:
Иә, осында болғаныма қуаныштымын, Джои. Мені қосқаныңыз үшін рахмет.
Джой Коренман:
Иә, проблема жоқ, жігітім. Ал, біріншінақты іске асыру және жаңарту және бүкіл қолданбада және бүкіл платформада пайдалану оңайырақ. Сондықтан мен онымен қайтадан ойнауға өте қуаныштымын, өйткені бұл шынымен де мен айтқанымдай, біз үшін тамаша уақыт. Мен қатты қуандым, 14 күндік демонстрацияны жүктеп алатындарыңыз көп деп үміттенемін. Егер сіз осындай жұмысты жасасаңыз, бұл қолданбаны қолданып көріңіз, өйткені кейбір жақсы қозғалыс дизайнерлерінің не ойлап таба алатынын көру шынымен де керемет болар еді. Мен бұл туралы сізден сұрайын деп едім, өйткені мен мұндай әңгімелер жиілеп кетті.
Джой Коренман:
Осы екі дүние қосыла бастағандай. Сізде қозғалыс дизайны бар және сізде UX бар. Екеуі де бір-біріне қарай жылжуда және қазір мұндай құралдар өміршең бола бастаған жерде жеткілікті қабаттасулар бар. Сіз ерекше көрінесіз, өйткені сіз қиылыстан келдіңіз. Сіз бұл нәрселерді клиенттер үшін прототип жасап, жүзеге асырдыңыз. Сонымен сіз аниматорсыз ба? Animator бағдарламасына қандай құралдарды енгізу керектігін қайдан білдіңіз? Өйткені мен бұл туралы ештеңе білмей бірінші рет аштым, негізгі кадрлар бар және графикалық редактор бар, мысалы, анимациялық қисық редакторы, оны пайдалану өте жақсы және қабатқа негізделген композиттік жүйе және мұның бәрі жай ғана. мағыналы болды. Сонымен, сіз қандай мүмкіндіктерді енгізу керектігін қалай шештіңіз?
Зак Браун:
Сондықтан мен аниматормын деп айтар едім.жағдай.
Джой Коренман:
Мен мұны жақсы көремін.
Зак Браун:
Әрине, керемет емес. Мен жас кезімде біраз тәжірибе алдым, бұл F сөзін қайтадан Flash. Сонымен, негізгі кадрлар мен уақыт шкаласы идеясы, бір рет [естілмейді 00:42:03] my-
Зак Браун:
Негізгі кадрлар мен уақыт шкаласы идеясы. Білесіз бе, бір рет [естілмейді 00:42:04] менің жас санамда менімен ересек санама жабысып қалды. Қысқа жауап - пайдаланушылар, біздің пайдаланушылар сарапшылар және сіз білесіз, бұл өнімдерді жасау әлемінде сіздің пайдаланушыларыңыз не қалайтынын анықтау және сіз оны құрастыру. Мәселен, Curve редакторы, біз оны жақында іске қостық. Өнім 2006 және 2019 жылдардан бері жұмыс істейді, біз пайдаланушылар сұраған, сұраған және сұрағаннан кейін Curve редакторын іске қосқан кезде болды. Бетперделеу - бұл қазір біз қолдамайтын, адамдар талап етіп жүрген мүмкіндік. Сондықтан, бұл көп ұзамай келеді деп ойлаймын.
Зак Браун:
Осылайша біз оны ашамыз. Сарапшылар бізге айтады және біз оны сол жерден аламыз.
Джой Коренман:
Дұрыс, себебі мен After Effects пайдаланушылары арнайы үнемі жасайтын көптеген нәрселер бар деп айтқым келеді. Білесіз бе, бір қабатты екіншісіне маска ретінде пайдаланып, жол бойында сызық түрі бар жолдар бар. Мұндай нәрселерді жасау ... Шынын айтқанда, тіпті After Effects-тегі кейбір нәрселерді жасауға арналған құралдар өте ескі және аздап қолдануға болады.Бұл жерде пайдаланушылармен сөйлесіп, олардың өмірін не жеңілдететінін білуге мүмкіндік бар екенін көру өте жақсы.
Джой Коренман:
Сонымен қандай Аниматормен шынымен жұмыс істейтін пайдаланушыларды табасыз ба? Бұл қозғалыс дизайнерлері ме, әлде анимацияны қажет ететін UX дизайнерлері ме?
Зак Браун:
Бұл екеуі де. Тағы да, Sketch Photoshop немесе Illustrator-қа қарағанда қол жетімді болғандықтан, біз қозғалыс дизайнын үйреніп жатқан пайдаланушылардың тұтас сегменті бар екенін анықтадық, мүмкін негізгі кадр хронометражының парадигмасын алғаш рет пайдаланып, олар жарысқа аттанды. Haiku Animator көмегімен. Қолданбаны әзірлеу барысында біз анықтамалық орталық сияқты құжаттаманы да әзірледік. Сонымен, бізде оқу құралдары бар. Сонымен, бізде қозғалыс дизайнымен алғаш рет айналысып жатқан адамдар үшін жақсы ресурстар бар.
Зак Браун:
Сонымен қатар біз өндіріске жеткізудің құндылығын бағалайтын тәжірибелі қозғалыс дизайнерлерін көріп отырмыз. Немесе «Кішкене код қосыңыз» деген мәнді қолдау. After Effects қолданбасында жасай алмайтын нәрсе. Білесіз бе, бұл негізінен бұл шешім нарығында бірегей орын және бәрі Flash вакуумына оралады.
Зак Браун:
Иә, содан кейін бұл сұрақтың басқа бөлігі - Fortune 5s-тен агенттіктер мен фрилансерлерге дейін барлық пішіндер мен өлшемдегі компаниялар, сонымен қатар әзірлеушілер оны пайдаланып жатқанын көреміз.сондай-ақ. Немесе алдыңғы жағындағы бір мүйізді мүйізділер сияқты... Бір мүйізді мүйізді мүйізді мүйізді мүйізді мүйізді мүйізді мүйізді мүйізді мүйізді мүйізді мүйізді мүйізді мүйізді мүйізді мүйізді мүйізді мүйізді мүйізді мүйізді мүйізді мүйізді мүйізді мүйізді мүйізді мүйізді мүйізді мүйізді мүйізді мүйізді мүйізді мүйізді мүйізді мүйізді мүйізді мүйізді мүйізді мүйізді мүйізді мүйізді мүйізді мүйізді мүйізді мүйізді мүйізді мүйізді мүйізді мүйізді мүйізді мүйізді мүйізді мүйізді мүйізді мүйізді мүйізділер оның барлық мүмкіндіктерін пайдаланады. 2>Джой Коренман:
Мен сізден сұрайын деп едім, өйткені біздің тыңдаушыларымыз бен студенттеріміздің көпшілігі алдымен қозғалыс дизайнерлері, ал олардың кейбіреулері After Effects Expressions-мен енді ғана айналыса бастады. Сондықтан аниматорлар үшін Animator, Haiku Animator қолданбаларын пайдалануды бастау үшін оқу қисығы қандай екенін түсіндіңіз бе деген сұрақ мені қызықтырды. Мен оны жеңілдету үшін Haiku Animator деп айта бастаймын.
Зак Браун:
Бұл жақсы, иә.
Джой Коренман:
Иә, оны пайдаланатын аниматорлар үшін оқу қисығы қандай. Олар қанша кодты үйренуі керек? Оқу қисығы қандай болуы керек?
Зак Браун:
Жарайды, сондықтан мен Өрнектермен бастауды ұсынамын. Егер сіз Excel немесе Google Sheets қолданбаларын пайдаланған болсаңыз, онда сіз электрондық кесте формуласын пайдаланған боларсыз және сіз Haiku Animator бағдарламасына дайынсыз. Тінтуірдің көмегімен бірдеңе жасау Excel бағдарламасында соманы алу сияқты оңай және оны жасағанда өте қанағаттанарлық. Өте, менің ойымша, бұл қарапайым сөз, бірақ оның орын алғанын көру өте күшті.
Зак Браун:
Егер сіз кодпен жұмыс істеуді бастағысы келетін қозғалыс дизайнері болсаңыз, мен айтар едім. үшін бұл тамаша құралсен. Біз оны негізінен осы себепті тұрғыздық. Тағы да, қозғалыс дизайны мен код арасындағы алшақтықты жою үшін. Сондықтан бізде бар ресурстар мен қолданбаға енгізілген код өңдегіші арасында бұл бастаудың жақсы жолы болуы керек.
Джои Коренман:
Бұл өте жақсы. Ендеше, біз бұл нәрсенің жалпы күйі туралы сөйлесейік ... Мен оның қалай аталатынын да білмеймін. UX және қозғалыс дизайнының қиылысы. Білесіз бе, Animator бірнеше жылдар бойы созылып келе жатқан кейбір ауыртпалықтарды шешеді. Бұл подкасттың бір эпизоды есімде, бізде Airbnb-тен Салих пен Брэндон болды, олар Лоттиді құрастырған топтағы екі жігіт болды.
Зак Браун:
Иә, мен оларды жақсы көремін. балалар.
Джой Коренман:
Иә, олар керемет. Білесіз бе, олар маған осы ауырсыну нүктелерінің не екенін түсінуге көмектесті, мен Лотти келеді және олардың барлығын шешеді деп ойладым, бірақ мен біреумен сөйлескен сайын олар: «Жоқ, олар» әлі шешілген жоқ». Қозғалыс дизайнын қабылдау және оны кодқа айналдыру әлі де өте ауыр.
Джой Коренман:
Ал аниматорлардың мұнымен күресу жолы шынымен де ақылды болып көрінеді және менің ойымша, сіз бір нәрсеге дайынсыз деп ойлаймын. бірақ бұл процесті шынымен жеңілдетілген және тиімді ету үшін басқа қандай нәрселерді шешу керек? Білесіз бе, мен айтайын дегенім, себебі бұл жай ғана кодтау әлемі және қозғалыс дизайны әлемі, оларқазір мүлдем бөлек. Тіпті Animator сияқты түсірілім болса да, сіз әлі де әзірлеушіден мұны жүзеге асыруды талап етесіз бе? Мысалы, сіз құрамдас құра аласыз, бірақ сол адам сол компонентті жүзеге асыра алады ма? Бұл біздің мақсат қоюымыз керек нәрсе ме? Осы процесті жақсарту үшін келесі бірнеше жыл ішінде өзгертуге болатын тағы қандай нәрселерге сіздің көзқарасыңыз қызық?
Зак Браун:
Егер біз сөйлесетін болсақ бірнеше жыл ауқымында, менің ойымша, көптеген адамдар дизайнерлер х жылда не істейтінін немесе әзірлеушілер х жылда не істейтінін түсінеді. Осыған сүйене отырып, менің ойымша, бұл бірнеше жылдан кейін бірдей мағынаға ие болады деген қате түсінік. Бұл әзірлеуші бүгінде бірнеше жылдан кейін жасайтын нәрсені білдіреді, солай емес пе?
Зак Браун:
Осы себепті маған ... Мен бірнеше минут бұрын Haiku Animator бағдарламалық жасақтамасын жасаумен не істеп жатқаныңызды айттым. Әзірлеуші екеніңіз бізге маңызды емес. Бізге сіздің дизайнер екеніңіз маңызды емес. Сіз бағдарламалық құрал жасап жатырсыз. Міне бітті. Сондықтан менің пікірім, бірнеше жылдан кейін сіздің атағыңыз маңызды емес, бірақ біз бәріміз бірге бағдарламалық жасақтаманы жасаймыз. Мен мұның параллельді индустрияда, ойын индустриясында болғанын көрсеткім келеді.
Зак Браун:
Unity 3D қолданбасын пайдаланған кез келген адам, осы экожүйеге қатысқан кез келген адам, сізқұрастыру ойындары. Сіз бағдарламалық құрал жасап жатырсыз. Unity ішіндегі 3D үлгілерімен салыстырылатын текстураларыңызды жасау үшін Photoshop қолданбасын қолдансаңыз, сіз шынымен Photoshop арқылы бағдарламалық құрал жасайсыз. Сіз кері оралып, сол текстураны өзгерте аласыз, ол бағдарламалық жасақтамаға ауысады және ол өндіріске жіберіледі.
Зак Браун:
Unity іс жүзінде қозғалыс дизайнерлері арасындағы жұмыс процесі мәселесін шешті ... Unity ішінде хронология және негізгі кадр анимация жүйесі, текстуралық редакторлар, риггерлер, 3D модельдеушілер және әзірлеушілер бар. Олардың барлығы Unity бағдарламасында бірдей нәрсені құруда. Міне, менің ойымша, бағдарламалық жасақтаманы жасаудың болашағы, және бұл біздің ұстанымымыз. Бұл біздің ойын алаңымыз, бұл біздің әлеміміз бағдарламалық жасақтаманы жасау әлемі. Сіздің атағыңыздың немесе сіздің фоныңыздың қандай екені маңызды емес, бірақ жұмыс үрдістерін біріктіру арқылы өз жұмысымызды дұрыс орындасақ, бәріміз бірге бағдарламалық жасақтаманы жасайтын боламыз.
Джой Коренман:
Бұл әдемі. Көзіме жас келді, аға. Бұл шынымен шешен болды.
Джой Коренман:
Жарайды, мен Иссара Вилленскомермен UX in Motion-дан бұл туралы сөйлестім, және қазіргі уақытта бұл адамдар анимацияны орындау үшін қолданатын құралдар тұрғысынан жабайы батыс. қолданба. Мұны істеудің миллиондаған түрлі жолдары бар және Animator қолданатын модель мұны шешуі мүмкін, бірақ қандай да бір стандарттау жүріп жатыр ма? Тағы да айтамын, бұл менікі еместәжірибе, бірақ менің түсінігім бойынша, Animator кодты шығарып тастайды, яғни ... бұл шын мәнінде реакция құрамдас бөлігі сияқты, қателессем кешіріңіз, бірақ ол JavaScript негізінде жасалған, солай емес пе? Бұл оның қандай да бір дәмі, солай емес пе?
Зак Браун:
Иә, иә.
Джой Коренман:
Жарайды. Олай болса, бұл ... арқылы жұмыс істей ме және соған негізделген веб-сайтты немесе қолданбаны жасап жатсаңыз, бұл өте жақсы, бірақ егер олай болмасаңыз ше? Егер сіз пайдаланып жатсаңыз ше... Менде кодтау тілдерінің ролодексі болғанын қалаймын. Егер сіз Ruby немесе сол сияқты нәрсені қолдансаңыз ше? Менің ойымша, стандарттау қажет пе? Жалпы, бұл мәселе жойылуы үшін бұл әлі де проблема болып қала ма?
Зак Браун:
Әрине, иә. Жұмыс процестері туралы айтатын болсақ, стандарттау - бұл жерде. Сондықтан Unity жетістікке жетті, өйткені олар стандартқа айналды. Барлық ойындардың жартысы, жартысы. Кез келген платформаға арналған екі ойынның бірі Unity негізінде құрылған. Негізінен ол стандартқа қол жеткізді.
Зак Браун:
Біріктіретін кейбір стандарттар бар. Лотти - қозғалыс дизайн кеңістігіндегі тамаша үлгі. Білесіз бе, мен Лоттидің техникалық өзегі туралы кейбір алаңдаушылықтарды айттым, атап айтқанда бұл Лотти интерактивті етудің өте, өте тік жолы. Өте қиын. Тек оның өте негізгі форматына байланысты.
Зак Браун:
Лотидің өте жақсы жасағаны - ақыл-ойды бөлісу жәнестандартқа айналды және бұл қоғамдастық, әлем ретінде қозғалыс дизайны үшін алға жасалған үлкен қадам болды. Осылайша Лотти стандартқа айналды. Біз бұл пойызға тез секірдік. Haiku Animator Lottie экспортын қолдауға арналған After Effects қолданбасынан тыс нарықтағы ең бірінші құрал болды. Сонымен, жұмыс процестерін біріктіру миссиясында біз бұл жаңа стандартты жақсы білдік.
Зак Браун:
Бірақ біз анимацияларды бағдарламалық жасақтамамен байланыстыратын бірнеше түрлі жолдармен қарастыра аламыз. Олардың бірі - .gif немесе бейне немесе жүктеу спиннеріне арналған Bodymovin анимациясы сияқты атомдық кішкентай қорап немесе түймені басқан кезде жүктеу спиннері сияқты қайта іске қосылатын түйменің ішіндегі элемент. Ол айнала бастайды.
Джой Коренман:
Дұрыс.
Зак Браун:
Білесіз бе, сіз Лоттидің үйі болып табылатын Airbnb қолданбасын ашасыз. Сіз Airbnb қолданбасын ашсаңыз, сіз осы әдемі би билейсіз, [естілмейді 00:52:57] Airbnb логотипі. Біраз сияқты... Демек, бұл бағдарламалық жасақтамадағы қозғалыстың бір көрінісі. Екіншісі макет анимациясы сияқты үлкенірек.
Джой Коренман:
Дұрыс.
Зак Браун:
Бұл стандарттау орын алған жоқ. Бұл таза жабайы батыс. Жабайы батыстың арғы жағындағы сияқты. Мұндай анимацияны жасаудың жалғыз жолы - кодпен, қазіргі уақытта және бұл проблемалық кеңістіктің көп бөлігі вебте макет анимациясын енгізу өте маңызды.iOS үшін жасаудан басқаша. Бұл Android үшін жасаудан мүлдем басқаша. Бұл Samsung смарт теледидары үшін жасаудан мүлде басқаша. Демек, бұл үлкен, ұсқынсыз, қиын мәселе.
Зак Браун:
Хайку командасы көп нәрсені бермей, осы кеңістікте бірдеңе жасауда. Бірақ бағдарламалық жасақтамадағы қозғалыстың осы екі түрі арасындағы айырмашылықты анықтау керек деп ойлаймын.
Джой Коренман:
Дұрыс. Мұны сізден сұрауға рұқсат етіңіз, себебі бұл шынымен бүгін таңертең пайда болды, және менің ойымша, Лоттидің не екендігі туралы әлі де түсінбеушілік бар. Менің ойымша, әзірлеу жағында бұл қозғалыс дизайнына қарағанда әлдеқайда түсінікті. Бүгін таңертең біздің Slack арнамыздағы біреу: "Міне, Airbnb анимация қолданбасын жасайды" деді. Мен олай емес деп ойладым.
Джои Коренман:
Менің түсінгенім бойынша, Лотти негізінен Бодымовин дегенді және қандай аниматорды аударады. Білесіз бе, ол түкіріп тастайтын кодты iOS немесе Android жүйесіне аударады. Сол тілдер. Сондықтан оны әмбебап және оңай ету үшін шынымен не болуы керек сияқты, менің ойымша, әмбебап аудармашы болуы керек, және сіз Хайку сияқты компания қабылдауы керек нәрсе деп ойлайсыз. Бұл әмбебап форматқа өту жолын жасау үшін Apple, Google және Samsung-тан әлдеқайда әмбебап күш-жігерді қажет етеді ме?
Зак Браун:
Ең алдымен,Мен сізден есім туралы сұрағым келеді. Мен Қозғалыс мектебінің экипажынан сұрадым, мен: «Эй, Хайкудан келген Зак Браун келеді» деп сұрадым, олар кантри музыкасының жұлдызы болудың қандай екенін білгісі келді, сондықтан сіз мұны көп түсінесіз бе? Сіз Зак Браун тобының кім екенін білесіз бе?
Зак Браун:
Иә, стартапты басқарған кезде атақты музыкант ретінде жұмыс істеу өте көп жұмыс. бәрі болады.
Джой Коренман:
Сол ескі каштан.
Зак Браун:
Бірақ шынымен де мені Зак Браунмен таныстырған эвакуатордың жүргізушісі болды және ол маған сіздің қолтаңбаңыз керек сияқты, ал Зак Браун, маған сіздің қолтаңбаңыз керек сияқты. Мен мұны жасадым, менің ойымша, ол кезде мен 20 жаста едім, мен Зак Браун болып өмірімнің 20 жылын жасадым, содан кейін сіз әрқашан «Зак Браун тобын айтқыңыз келді ме?» түймесін басуыңыз керек.
Джой Коренман:
Дәл, иә. Менің ойымша, оның K белгісі жоқ, сондықтан мен К-мен Закпын деп айта аласыз. Бұл жағдайды түсіндіреді. О, бұл шынымен күлкілі. Мұны тыңдап отырғандардың барлығы компанияңыз бен қолданбаңызды әлі жақсы білмейтініне сенімдімін, бірақ олар жақсы болады.
Джой Коренман:
Бірақ мен мына жерден бастағым келді. сіз туралы аздап көбірек білу. Сіздің біліміңіз қандай және соңында анимация қолданбасын жасайтын бағдарламалық жасақтама компаниясын қалай бастадыңыз?
Зак Браун:
Жарайды, сондықтан мен шығармашылық өмірімді баспа дизайны мен фотосурет сұрыптауынан бастадым. ныңТағы да, біз дәл қазір өте құпия, жұмбақ жасырылған нәрсемен жұмыс істеп жатырмыз, бірақ оны жақын арада жариялайтын боламыз. Бұл кросс-платформаны стандарттауда ойын жасайды.
Джой Коренман:
Дұрыс.
Зак Браун:
Сіз білесіз бе, жеке стартап ретінде. Досым, бұл Google-дан шығудың қажеті жоқ деп ойлаймын, бірақ оны стандарт болу үшін Google бір сәтте қабылдауы керек.
Зак Браун:
Сосын тағы да табыс сценарийі, менің көріп отырғанымдай, нарық үлесі 50%. Бәрі жақсы. Бірлік осылай жасады. Олар ауырмайды. Сіз ешқашан бәріне ұнай алмайсыз. Әсіресе техникалық пәнде ... [естілмейді 00:55:47] әртүрлі тілдегі кодерлердің және әртүрлі дизайн құралдарын пайдаланатын дизайнерлердің және әртүрлі жолақты қозғалыс дизайнерлерінің техникалық пәндерінің апатты өнімінде болды. Сіз барлық әртүрлі комбинацияларды көбейтесіз, сіз ешқашан бір стандартты немесе бір құралмен барлығын қуанта алмайсыз және бұл өте жақсы. Бірақ, резонанс тудыратын және мәселені шеше алатын нәрсе, мысалы, жеткілікті адамдардың негізгі проблемалары, Бірлік сияқты стандартқа айналуы мүмкін, менің ойымша, бұл мүлдем мүмкін.
Зак Браун:
Мен бұл үлкен компаниялардың бірінен шығудың қажеті жоқ деп ойлаймын. Білесіз бе, біржақты, бірақ жеке көзқарас.
Джой Коренман:
Иә. Өте күшті. Иә, қара тасбақа киіп, сахнаға шыққаныңызға қуаныштымынбұл мүмкіндіктің не екенін барлығына көрсетіңіз.
Джои Коренман:
Сондықтан сізге тағы бірнеше сұрағым бар және сіз Сан-Францискода тұрасыз, сіз техникалық көпіршіктесіз. Сіз YC ісін және мұның бәрін жасадыңыз.
Зак Браун:
Әрине.
Джой Коренман:
Сонымен мен оны елестетіп отырмын. Сіз көптеген технологиялық компаниялармен байланыстасыз. Сіз үлкен адамдарды білетініңізге сенімдімін, қазір адамдар қандай аббревиатураны қолданады? ФААН.
Зак Браун:
ФАНГ, иә.
Джой Коренман:
... екі Аспен, иә, иә. Білесіз бе, Facebook, Apple ...
Зак Браун:
Amazon.
Джой Коренман:
Шындығында күтпеңіз, бұл Facebook, Apple, иә, Amazon дұрыс, содан кейін Netflix және Google.
Зак Браун:
Менің ойымша, Microsoft корпорациясы да сонда, бірақ бұл Силикон алқабында [естілмейді 00:57:00].
Джой Коренман:
Дұрыс. Бұл керемет балаларды қоспағанда ... Бірақ бәрібір, сіз білесіз және сіздің пайдаланушыларыңыз қозғалыс дизайнерлері де, UX дизайнерлері де және олардың арасындағы барлық нәрсе. Сондықтан мен сіздің көзқарасыңыз бойынша қызықтымын, аздаған кодты білетін аниматор немесе кішкене анимацияны білетін кодер үшін батыс жағалаудағы жұмыс перспективалары қандай? Мен Флоридада отырған жерімнен ол дамып келе жатқан сияқты, бірақ мен ол жерде емеспін және мені жерде не көріп тұрғандарыңыз қызықтырады.
Зак Браун:
Үшін Әрине, мен де бумды көріп тұрмын. Дифференциатор ретінде UX идеясы шынымен ...Егер сіз оны білсеңіз, бұл қисық қисық сызығын кесіп өту осы сәтте толық негізгі қабылдауда. Қалай болғанда да, бұл ... барлығы және олардың анасы мен атасы UX бойынша саралау компанияның табысқа жету болашағына үлкен өзгеріс әкелетінін біледі. Оның негізгі бөлігі ретінде қозғалыс белгіленді.
Зак Браун:
Және Лоттиге және сол сияқтыларға қайта оралу, оны қолжетімді ету ... қолданбаға тамаша анимацияны түсіруді шынымен оңай ету, бұл үлкен мәселе. Сонымен, иә, қозғалыс дизайнерлері ... Код үшін қозғалыс дизайнерлері, код негіздері үшін қозғалыс дизайнерлері, бағдарламалық жасақтама үшін қозғалыс дизайнерлері. Әрине, біз бұл жерде оның қарқынды дамып жатқанын көреміз.
Джой Коренман:
Бұл керемет. Ендеше, осымен неге аяқтамасқа? Animator қазірдің өзінде өте керемет қолданба және шынымен де күшті, және біз оған тағы да сілтеме жасаймыз. Мен барлығына онымен ойнауды ұсынамын. Сіз мұндай жұмысты қазір жасайсыз ба, жоқ па, болашақта сізде жақсы мүмкіндік бар, өйткені менің ойымша, Зак дұрыс, барлығы және олардың анасы қазір веб-сайтында және қолданбасында анимацияны қалайды.
Джой Коренман:
Егер сіз Animator-ті After Effects-пен салыстыратын болсаңыз, менің ойымша, оның жасы 25 немесе 26-да, аниматорда әлі жоқ көптеген мүмкіндіктер бар және жоқ. 3D камерасы немесе осыған ұқсас нәрсе.
Зак Браун:
Камера жоқ.
Джои Коренман:
Болашаққа деген көзқарасыңыз қандай theқолданба және шынын айтқанда, компания туралы ма?
Зак Браун:
Біздің дерлік ақымақ амбициямыз ... Білесіз бе, біз жұлдыздар үшін түсіруіміз керек. Оның бір бөлігі Силикон алқабы мен VC қолдауы болып табылады. Мұның бір бөлігі соқыр амбиция сияқты. Жеке, экзистенциалды деңгейде сияқты, бірақ мен дизайн мен кодты біріктіру мүмкіндігін көремін. Дұрыс па? Біздің командадағы барлығы солай істейді. Бұл жұмыс үрдістерін, мысалы, Unity-дегі нарық үлесіне жету үшін біріктіру.
Зак Браун:
Сонымен, біздің компанияның миссиясы - «Дизайн мен кодты біріктіру арқылы бағдарламалық жасақтаманы жасауда төңкеріс жасау». Бұл бастау миссиясы үшін үлкен түсірілім және бірінші өнімімізбен нарыққа шығу жолы Flash-тің өндіріске жіберілетін қозғалыс дизайнынан қалған бос орнын толтыру болды. Және бұл мен айтқан бағдарламалық жасақтамадағы қозғалыстың бірінші пайдалану жағдайын қамтиды. Анимациялардың атомдық түрі. Ал Animator толтырғыштар және API коды сияқты нәрселермен одан асып кетуге мүмкіндік береді.
Зак Браун:
Бірақ мәселеде тағы да көп нәрсе бар және біз дизайн жүйелері сияқты қызықты үрдістердің пайда болып жатқанын көріп отырмыз, олардың мақсаты дизайнды код сияқты жүйелеу болып табылады. Нұсқаларды басқару сияқты идеялар, құрамдас бөліктер сияқты идеялар және бұл шын мәнінде ақыл-ой бөлісе бастады. Әсіресе, үлкен жүйелілік қажеттіліктері миллиондаған, миллиондаған және миллиондаған долларлардың дизайн жүйелерін құруға құйылуына әкелген кәсіпорында. Сондықтан солай болуы мүмкінбасқатырғыштың бір бөлігі. Бұл біз қадағалап отырған нәрсе.
Зак Браун:
Дизайн жүйелері елемейді, бұл дизайннан кодқа көшу. Енді сіз дизайн құралында дизайн жүйесін жасай аласыз және сізде «Міне, менің типографиям» және «Міне, менің түстерім» деген керемет дерексіз түсінік бар. Бірақ сіз әлі де баруыңыз керек, содан кейін оны кодпен қолмен орындаңыз. Ол бірдей мұраға қалды ... бұл кеңістік дәстүрлі дизайнды тапсырумен бірдей проблеманы мұра етті. Бұл біз мұқият қадағалап отырған мәселе.
Зак Браун:
Иә, бұл сіздің сұрағыңызға жауап бере ме?
Джой Коренман:
Иә, менің ойымша, біріктіру, дизайн және код. Бұл өте өршіл тапсырма, бірақ мен білмеймін. Сізбен болған бірнеше қарым-қатынастарымның арқасында, Зак, сіз және команда бұған дайын деп ойлаймын. Мен мұның қайда болатынын асыға күтемін.
Зак Браун:
Рахмет, Джои. Бүгін маған қатысқаныңыз үшін үлкен рахмет.
Джой Коренман:
Haiku.ai сайтындағы Animator қолданбасын қараңыз. Қолданбада анимацияны енгізуге келгенде аниматорлар мен әзірлеушілер кездесетін қиындықтар туралы жақсы айтқаны үшін Закқа алғыс айтқым келеді. Animator әлі де жаңа, бірақ ол қазірдің өзінде қолдануға болатын өте жақсы қолданба және менің ойымша, оның веб-сайтта немесе мобильді қолданбада немесе басқа кез келген нәрседе интерактивті болып қалатын нәрселерді жандандыру жолын өзгертуге нақты мүмкіндігі бар деп ойлаймын.
Джой Коренман:
Сала жаңалықтарынан және Animator сияқты жаңа құралдардан хабардар болу үшін осы подкастқа жазылғаныңызды тексеріңіз. Егер сіз одан да көп білім алғыңыз келсе, тегін тіркелгіні алу және Motion Mondays ақпараттық бюллетеньімізді алу үшін SchoolofMotion.com сайтына кіріңіз. Бұл өте үлкен әдеттегі Dunkin' Donuts кофеңізді оқып шығуға болатын қысқа электрондық хат және ол қозғалыс дизайнында білуіңіз керек кез келген нәрседен хабардар етеді.
Джои Коренман:
Бұл эпизод үшін. Сіз оны қазып алдыңыз деп үміттенемін және тыныштық.
құралдар жиынтығы сияқты Illustrator, Photoshop көмегімен. Мен шынымен жас кезімнен компьютермен айналыстым және осы медианы зерттей келе мен Flash деп аталатын құралды таптым, ол керемет бағдарламалық құрал болды және ол менің бағдарламалаудағы көпір болды.Зак Браун:
Flash-та сіз осы күнге дейін бірегей векторлық авторлық құралдармен сурет салып қана қоймай, дизайндарыңызды шынымен талғампаз және дербес түрде кодпен безендіре аласыз. Осылайша, бұл мені шынымен бағдарламалауға бастады. Мен осы кішкентай ойындардың бәрін жасадым. Дүние менің устрица болды. Осылайша, мен информатиканы оқуды жалғастырдым, содан кейін біраз уақыт 3D рендеринг, дистрибутивтік жүйелер, аздап AI, AR бойынша инженер-бағдарламашы болып жұмыс істедім.
Зак Браун:
Және жақсы UI, UX және одан кейін Thomas Street деп аталатын агенттікті бастады. Біз шамамен жеті жыл болдык, өте жақсы мөлшерге дейін өстік. Біздің Coca-Cola, DirecTV сияқты клиенттеріміз болды, содан кейін мен оны саттым. Мен 20 жасымда екі жыл саяхаттадым. Бұл қасақана мансаптық қадам сияқты болды, сенбесеңіз де, сенбесеңіз де. 40-қа жуық елде болдым, бірнеше тілдерді үйрендім, жүзумен айналыстым, өмірімді бұрынғыдай байытуға тырыстым.
Зак Браун:
Содан кейін Хайку мен басқасын құрдым. 2016 жыл болды. Біз біраз уақыт болды.
Джой Коренман:
Уау, мұны бәріміз де байланыстыра аламыз.Компанияны сату және екі жыл саяхаттау. Бұл шынымен керемет әңгіме, адам. Мен мұны аздап зерттегім келеді. Сонымен, сіз агенттік аштым, Coca-Cola сияқты брендтер үшін жұмыс істеп жатырсыз деп айттыңыз. Сіз қандай жұмыс жасадыңыз?
Зак Браун:
Ол негізінен дизайн мен код арасындағы алшақтықты жоюға бағытталған, біздің қара жәшігіміз сияқты. Өнім бойынша кеңесшілер, менің ойымша. Сонымен, біз ішке кірер едік, біз әртүрлі мүдделі тараптармен талаптарды жинайтын едік, біз дизайнмен айналысатын едік, оларды мақұлдайтынбыз, дизайнды бағдарламалық қамтамасыз ету ретінде енгізетін едік және бұл ақырғы процесс біздің нанымыз бен майымыз болды.
Зак Браун:
Бұл да менің дизайннан кодқа өту мәселесін түсінуімнің бір түрі. Бұл күрделі мәселе және бүгінгі күні оны шешудің тамаша шешімі жоқ.
Джой Коренман:
Иә, мен сізден осы туралы сұрайын деп едім, өйткені қазірдің өзінде бұл сұхбат біз үшін тамаша уақыт, өйткені Қозғалыс мектебі орындалу процесінен өтіп жатыр. Дизайндың сәл ғана ребрендті болды және біз оны барлығында, өз веб-сайтымызда және т.б., біз онымен де күресіп жатырмыз.
Джои Коренман:
Бізде осы идеялардың барлығы бар және біз веб-сайтымыздың белгілі бір жолмен жұмыс істегенін қалаймыз және біз анимация мектебіміз, сондықтан заттардың жанданғанын қалаймыз. Ал қазірдің өзінде, 2019 жылы бұл өте қиынСіз бұл агенттікті басқарған кезде бұл процесс қалай болды? Дизайнды айналдыру процесі және мен анимацияны кодқа айналдырамын ба? Сол кездегі мемлекеттің жағдайы қандай еді?
Зак Браун:
Ол бүгінгі өнердің жағдайымен бірдей болды, мұнда сізде дизайнерлер сандық құралдарды қолданып, мазақ жасау үшін жұмыс істейді. пикселдерде не құрастыру керек екенін көрсетеді, содан кейін олар осы пикселдерді басқа пикселдерге, бірақ дұрыс пикселдерге құрастыру болып табылатын әзірлеушілерге тапсырады.
Джои Коренман:
Дұрыс.
Зак Браун:
Дұрыс және бұл мәселенің өзегі. Біз қазірдің өзінде сандық құралдарды қолданып жатырмыз, бірақ жұмыс үрдістеріміз бір-бірінен ажыратылған және бұл жұмыс процесі шынымен де мәселенің түйіні болып табылады. Біз бұл жұмыс ағындарын қалай біріктіреміз?
Джой Коренман:
Иә, сонымен қатар мүлде басқа... Мен "парадигмадан" басқа сөзді ойлауға тырыстым, өйткені ол жай ғана соншалықты ақсақ естіледі, бірақ бұл орынды деп ойлаймын. Қозғалыс дизайнерлері әдетте сызықтық әңгімелер туралы ойлайды. Ол осылай көрінеді, өйткені мен оны осылай жандандырып жатырмын және ол әр жолы осылай ойнатылады.
Джой Коренман:
Бірақ сіз қолданба туралы айтып жатқанда, ол басқа күйге жандырады, бірақ кейін ол артқа қарай анимациялануы мүмкін. Артқа оралсаңыз, түйменің түсі байланысты өзгеруі мүмкінартықшылық бойынша. Қазір интерактивті және тәуелділіктері бар және осы сияқты нәрселердің бәрі бар.
Джой Коренман:
Демек, біз қозғалыс дизайны жағында және кодтау жағында қолданатын құралдар арасында аударма мәселесінің болуының себебі осы ма?
Зак Браун:
Дәл, иә. Ал ескертуі бар мұндай құрал жоқ, оған түйреуіш қойыңыз, бүгінде мұндай құрал жоқ. Бұрын бір болған. Дәл осылай Flash сізге мүмкіндік береді, дизайн мен кодты араластыру арқылы сіз Frame 20-ге өтіп, кодта кішкене жалаушаны орната аласыз, енді сіз көк түсті емес, қызыл түймешігіңізде қандай боласыз. After Effects мұны істемейді, ал After Effects бұл күндері қозғалыс дизайнының құралдары әлемінде шынымен де қалды.
Зак Браун:
Бірақ Flash өлгеннен бері бес, 10 жыл өткеннен бері әлем бұл вакуумды сезінгені біртүрлі болды, өйткені бұрын монополия және Монополия өлгенде, бұл бізде болатын біртүрлі нүкте. Мұның бәрі мағынасы бар ма?
Джой Коренман:
Иә, жоқ, ол мүлдем солай және мен бұрын да болдым. Мен қимыл-қозғалыс дизайнына толықтай кірістім, мен Flash-пен де айналыстым, сонымен қатар дизайн кезінде сіз экшн сценарийін қолданып, көптеген интерактивті жасай алатындығыңызды ұнаттым және бұл шынымен де пайдалану үшін керемет нәрсе болды.
Джой Коренман:
Және болушынымды айтсам, мен оның неліктен асыл өліммен өлгенін ешқашан толық түсінбедім. Оны не өлтіргені туралы түсінік бар ма? Әрқайсысы тыңдайтындар үшін Flash әлі де бар. Ол қазір Animate деп аталады. Adobe оның брендін өзгертті және ол ұялы анимация үшін, дәстүрлі анимация үшін көп пайдаланылады, бірақ ол бұрынғыдай пайдаланылмайды.
Джой Коренман:
Неге екенін білсеңіз, маған қызық. яғни Зак.
Зак Браун:
Иә, менде бір-екі ой бар. Осылайша, Flash үшін аяқталудың басы шамамен 2005 жылы Adobe Macro Media-ны 3,4 миллиард долларға сатып алған кезде болды және бұл ақша негізінен Flash үшін болды. Macro Media-ның құрамында Dream Weaver және Fireworks сияқты басқа да өнімдер болды, бірақ Flash шын мәнінде, бұл зергерлік тәж болды. Ол кез келген құрылғыда жұмыс істеді, Интернеттегі жарнамалардың жартысына дейін қызмет етті, ол ойындар жасауға арналған платформа болды.
Зак Браун:
Егер флеш-ойындар есіңізде болса, флеш. мультфильмдер, бұл YouTube-тің және тұтастай алғанда интернеттегі бейненің тірегі, инфрақұрылымдық негізі болды. Мұның бәрін ұмыту оңай, бірақ Flash үлкен жетістік болды, сондықтан Adobe бұл үшін үлкен соманы дұрыс төледі, содан кейін ұялы телефон пайда болды. iPhone мобильді, смартфон революциясының флагманы болды және ұялы телефонды өлтірді, сонымен қатар Стив Джобс пен қолданбалар дүкенінің бүкіл бизнес үлгісінің көмегімен, оның кірісінің үлкен бөлігі ойындардан келеді.
Зак