動(dòng)畫?,像其他任何方面的網(wǎng)絡(luò),?必須是設(shè)計(jì)。 作為web開發(fā)人員,我們考慮排版的影響,布局,交互,并改變視窗,但當(dāng)將動(dòng)畫我們有另一個(gè)需要考慮的因素:時(shí)間。
不僅僅是一個(gè)額外的方面考慮,要么:它增加了復(fù)雜性的上述參數(shù)指數(shù)。 而不是看這是一個(gè)沉重的大眾的想法,我們可以烤動(dòng)畫的核心用戶體驗(yàn)過程?創(chuàng)建令人眼花繚亂的、激動(dòng)人心的和迷人的工作?推動(dòng)邊界和集體提升網(wǎng)絡(luò)的媒介。
“形式”和功能
形式?是最重要的一個(gè)網(wǎng)站上的UI元素。 聯(lián)系方式是通往你的公司,最清晰的方式來捕捉領(lǐng)先一代,因此,收入。 你越努力讓表單的用戶體驗(yàn),你將失去的更多的錢。 如果你不考慮這個(gè)組件的可用性,你公司和用戶,一個(gè)不公正。
的?提交按鈕?是最強(qiáng)大的一種形式的一部分。 我們通常解決這個(gè)問題通過強(qiáng)烈的色彩來吸引注意力。 但當(dāng)提交按鈕被激活時(shí),會(huì)發(fā)生什么? 用戶必須等待,不知道如果表單工作,還是他們提供即時(shí)反饋? 一個(gè)簡單的提交按鈕,即使有推動(dòng)動(dòng)畫,有時(shí)不能實(shí)現(xiàn)這一目標(biāo),而一個(gè)按鈕加載器可以讓觀眾而在后臺(tái)加載數(shù)據(jù)。 這有助于與期待動(dòng)畫的一部分,但當(dāng)表單輸入實(shí)際上是提交的時(shí)候會(huì)發(fā)生什么? 你應(yīng)該?旨在給客戶反饋?當(dāng)這一過程完成。 成功的頁面是很好,但是?平穩(wěn)過渡?成時(shí)在視圖可以給他們更好的視覺反應(yīng),產(chǎn)生小但令人愉快的結(jié)果。
因?yàn)樾问降闹匾?每個(gè)人都需要能夠訪問它,包括屏幕閱讀器。 在這種情況下,我們應(yīng)該使用CSS或SVG;如果我們使用?<帆布>,我們應(yīng)該確保有通航內(nèi)容通過合并類似?React.js?,一個(gè)JavaScript庫,提供了一個(gè)虛擬的DOM。
形成與animation-assisted用戶體驗(yàn)。 你按下這個(gè)按鈕看動(dòng)畫。
這些方面我們認(rèn)為是放在一起的,一個(gè)動(dòng)畫:
你想傳達(dá)什么信息,不能單獨(dú)完成了UI設(shè)計(jì)嗎?
用戶需要了解什么信息,他們會(huì)嗎?
什么是最微妙的影響(在這種情況下,推的按鈕)?
什么感覺你是想喚起(預(yù)期按鈕加載的同時(shí),積極的反饋表單時(shí)成功,等等)?
的部分是UI屏幕閱讀器可以嗎?
什么一個(gè)字符
首先要意識(shí)到當(dāng)你設(shè)計(jì)的動(dòng)畫?一切都是字符?。 起初這似乎違反直覺,但有幾件事需要考慮。 可用性專家知道創(chuàng)建一個(gè)無縫設(shè)計(jì)系統(tǒng)的關(guān)鍵是能夠同情用戶:
這些信息的最快辦法是什么?
什么會(huì)使我感到輕松嗎?
最引人注目的元素是什么我可以直接關(guān)注的地方嗎?
我們明白,我們邀請(qǐng)人們到他們不熟悉,情況由HTML元素而不是磚塊和砂漿,但創(chuàng)建的外觀都是一樣的。 A / B測試表明?觀眾的注意力可以漫步在幾分之一秒?。 設(shè)計(jì)人員和開發(fā)人員需要?jiǎng)?chuàng)建經(jīng)驗(yàn),盡可能引人注目而不會(huì)導(dǎo)致在這些間隙緊張的時(shí)刻。
動(dòng)畫幫助在這種情況下如何? 通過?觀眾的注意力?。 動(dòng)畫創(chuàng)建一個(gè)字符的接口。 觀察這條付款說明無效的用戶數(shù)據(jù),例如(從這一點(diǎn)?真的寫得好的文章?):
(圖片來源:邁克爾·維拉爾)
它不僅讓你理解有錯(cuò)誤,它沒有大紅色警告,這可能導(dǎo)致用戶焦慮。 信用卡付款已經(jīng)一個(gè)憂心忡忡的過程…為什么這樣讓他們更嗎?
相比之下,這個(gè)輸入形式成為一個(gè)人物,我們更傾向于同情,參與,可以命令我們的注意力比一個(gè)簡單的靜態(tài)框。
像演員、?設(shè)計(jì)師必須知道一個(gè)角色?。 演員不只是知道他們的線路是:他們知道什么時(shí)候他們的個(gè)性在早晨起床,他們最喜歡的口味的冰淇淋。 他們可能永遠(yuǎn)不會(huì)使用這些信息的性能,但他們有一個(gè)完整意義上的角色是什么,這樣他們就可以應(yīng)對(duì)任何情況下,提出了一種可信,整體的肖像。 做得很好時(shí),我們完全認(rèn)同這種表示方法,和性能的技巧就消失了。 這正是品牌努力完成。
谷歌的材料設(shè)計(jì)的影響,在我看來,不在于設(shè)計(jì)語言本身,和更多的,這是第一個(gè)主要行業(yè)的公司合并的例子?動(dòng)畫指導(dǎo)方針?在其品牌。 第一次,人們開始思考?風(fēng)格的動(dòng)畫?作為一個(gè)功能的實(shí)體,一個(gè)聲音,一個(gè)必須設(shè)計(jì)與一切凝聚力。
如果我們公司是一個(gè)可信的,斯多葛派的保險(xiǎn)公司,我們網(wǎng)站上任何動(dòng)畫的角色將會(huì)是更少的更正式,我們會(huì)傾向于使用線性放松而不是反彈或彈性運(yùn)動(dòng)。 但更舒適和友好的品牌,像Zendesk或MailChimp,形式應(yīng)遵循相應(yīng)的品牌和更生動(dòng)的動(dòng)畫,同時(shí)還有效地溝通,魅力的東西?Chris Gannon的加載器?似乎簡單,但令人興奮。
如果你回想一下你第一次哭了,因?yàn)橐粋€(gè)虛構(gòu)的人物,這是可能的動(dòng)畫。 Aarron沃爾特斯的?“情感設(shè)計(jì)”?,他討論了情感與邊緣系統(tǒng):我們更容易記住的東西成為我們的情緒記憶的一部分。 第七章他的書進(jìn)入硬數(shù)據(jù)的多少投資回報(bào)(ROI)可以獲得通過專注于用戶的情感體驗(yàn)的影響。
如果你有一個(gè)靜態(tài)內(nèi)容,看起來像一個(gè)Photoshop模型在一個(gè)網(wǎng)頁,觀眾參與停止你的CSS。 動(dòng)畫允許我們顯示,而不是告訴一個(gè)至關(guān)重要的策略考慮?用戶通常只掃描正文內(nèi)容?。 它允許客戶附著于我們的ui就我個(gè)人而言,他們需要在他們面前展開。 如果做得正確,積極參與的潛力是驚人的。
最近談?wù)摰挠泻芏?認(rèn)為用戶體驗(yàn)?。 有時(shí)你不能繞過的時(shí)間加載的東西(雖然你應(yīng)該盡你最大的努力)。 如果你給你的用戶在此期間無關(guān),你可能會(huì)失去他們。 動(dòng)畫特殊醬料的是,它可以將用戶從一個(gè)界面移動(dòng)到另一個(gè),和娛樂,他們等待。 秒,以前覺得艱難,讓他們移動(dòng)到Facebook現(xiàn)在和感覺無縫。 這可能是最重要的一個(gè)理由在用戶體驗(yàn)使用動(dòng)畫。
提升這
動(dòng)畫必須學(xué)會(huì)靠自己的作為?實(shí)質(zhì)性的開發(fā)過程的一部分?。 我們可以通過幾種方式實(shí)現(xiàn)此目的:
動(dòng)畫必須設(shè)計(jì)就像頁面的其余部分是:實(shí)物模型,調(diào)色板,故事板線框圖,自己的作文。
你的設(shè)計(jì)過程應(yīng)遵循相同的邏輯結(jié)構(gòu)代碼。
動(dòng)畫必須走向信息化,呼吁理性行為和指導(dǎo)用戶的注意力。
動(dòng)畫應(yīng)該遵循品牌指南,生活風(fēng)格指南的一部分,吸引用戶的情感。
我們不應(yīng)該重新發(fā)明輪子。 動(dòng)畫web之外的存在。 (是的,你可以去看玩具總動(dòng)員“研究”的目的。)
因?yàn)閯?dòng)畫是如此迷人,很容易做的過分了,但是并不是所有在屏幕上需要?jiǎng)赢嫛?你不發(fā)動(dòng)戰(zhàn)爭的秘密武器。 動(dòng)畫可以?一種表示結(jié)束或者開始的?,以及指揮你的注意力。 動(dòng)畫,是有目的的和計(jì)劃根據(jù)觀眾參與,績效預(yù)算,和品牌,我們可以提高媒介。 瓦爾討論這很顯然當(dāng)她寫到?看不見的動(dòng)畫。 好的動(dòng)畫看起來不應(yīng)該的,也不會(huì)是一個(gè)事后的想法。
看看奧列格Solomka?泡沫布局演示?(很高興的聲音):動(dòng)畫的足以讓你從事你導(dǎo)航,但失去你的方式在你閱讀的內(nèi)容。 請(qǐng)記住,這些教程的目的是展示一個(gè)特定的方法;在野生環(huán)境中,實(shí)現(xiàn)甚至可以緩和了稍微適應(yīng)一個(gè)專業(yè),但引人入勝的效果。
時(shí)間就是金錢
動(dòng)畫通常被認(rèn)為是一個(gè)事后的想法在企業(yè)發(fā)展的過程。 我們做模型,通過他們,培養(yǎng)他們,在最后添加一個(gè)動(dòng)畫。 正因?yàn)槿绱?動(dòng)畫組件可以經(jīng)?？雌饋硐袼麄?奶油絨毛。 只有當(dāng)動(dòng)畫融入到布局的實(shí)質(zhì),故事板,開發(fā)過程,它所包含的意義作為一個(gè)高性能和大量的web體驗(yàn)。
工作室就像?活動(dòng)理論?早些時(shí)候與這次談話僥幸與他們的客戶在設(shè)計(jì)過程中,因?yàn)樽约旱钠放啤?“我們讓大漢大膽的事情。 “客戶尋求積極理論的工作知道他們支付一個(gè)大片,一類的網(wǎng)絡(luò)體驗(yàn)。 這不會(huì)是98%的時(shí)間。
我們?nèi)绾胃淖冞@個(gè)? 再一次,我們通常做的方式。 在推銷員的術(shù)語,意思是“提高ROI。 “開發(fā)人員來說這意味著提升產(chǎn)品的東西有用,增加接觸,或有一個(gè)?積極的經(jīng)歷?,然后就不會(huì)浪費(fèi)時(shí)間和金錢。 為更多的信息關(guān)于如何與客戶有效溝通,咨詢邁克蒙泰羅的?“你是我最喜歡的客戶端”?或?“設(shè)計(jì)是一個(gè)工作”?。
我們興高采烈地跳過到日落之前,讓一切在頁面上移動(dòng),我們需要提交一些行動(dòng)項(xiàng)目做一個(gè)有效的改變。
第一個(gè)是?有效地與客戶進(jìn)行溝通?。 這并不意味著鐵路建設(shè)成堅(jiān)持我們的信念。 這意味著解釋可能的收益,我們將保證他們?A / B測試?我們的接口和產(chǎn)生可衡量的結(jié)果,路上碰到他們津貼。
考慮我們?cè)谇懊娴男问健?顯示你的客戶兩種形式的原型(你可以告訴他們別人的工作作為一個(gè)例子,如果你沒有時(shí)間來構(gòu)建;CodePen偉大?設(shè)計(jì)模式?資源)。 一種形式將本身沒有反饋按鈕,進(jìn)步,或時(shí)髦的成功體驗(yàn);另一個(gè)將把所有的我們?cè)谶@里學(xué)到的教訓(xùn)。 或者更好的是,使用A / B測試(與不同的變體)可用性測試來證明形式與動(dòng)畫是一種更有效的工具。?堅(jiān)實(shí)的數(shù)字總是更好的?非主觀看法,可以形成趨勢(shì),無知,由于執(zhí)行不力或過去不好的經(jīng)歷。
一旦我們得到批準(zhǔn),我們可以計(jì)劃。 你現(xiàn)在在新績效預(yù)算津貼類別:
時(shí)間
經(jīng)驗(yàn)
績效預(yù)算
顏色
作文
用戶的時(shí)間
這看起來可能過于復(fù)雜,但你應(yīng)該能夠給自己基本近似數(shù)秒內(nèi)每一個(gè),他們應(yīng)該考慮在你繼續(xù)前進(jìn)。 你缺乏經(jīng)驗(yàn)嗎? 然后你需要多一點(diǎn)時(shí)間,因?yàn)榇蟛糠值氖虑椤?你現(xiàn)在有很多的頁面上的其他重資產(chǎn)? 你需要非常小心加載圖片,svg腳本和動(dòng)畫庫。 你的網(wǎng)站已經(jīng)有了非常豐富的調(diào)色板嗎? 你需要那些顏色變量重用。 老版本瀏覽器是一個(gè)考慮嗎? 然后你可能會(huì)不得不使用圖書館GreenSock?,一個(gè)更深層次的跨瀏覽器的向后兼容性?甚至比本土動(dòng)畫渲染?在svg,同時(shí)提供polyfills和回退?矢量圖形。
好東西
現(xiàn)在我擔(dān)心你的項(xiàng)目光滑曲線,我們可以得到有趣的東西。 每個(gè)人都有不同的工作方式,沒有什么是福音,但這里有幾個(gè)要點(diǎn),我已經(jīng)在這工作一段時(shí)間后發(fā)現(xiàn)的。
注意的東西如何動(dòng)作。?這可能會(huì)使你笑,它是如此簡單。 但是你多久真的看水倒入玻璃嗎? 是什么使一個(gè)人的步態(tài)識(shí)別的?
大多數(shù)人從一個(gè)球開始反彈,這是一個(gè)很好的鍛煉,部分原因是簡單可以帶你性格,重量和活力。 這里有兩個(gè)球彈跳:你能猜出這是硬,軟嗎?
彈力球演示。
你怎么知道哪個(gè)是哪個(gè)? 首先是?彈性的對(duì)象?。 一種保持一致,另一種是基于影響操縱。 還有什么? 有運(yùn)動(dòng):一個(gè)看起來相當(dāng)嚴(yán)格,和其他更有趣的。 盡管他們有相同的時(shí)間,他們的身體運(yùn)動(dòng)意味著不同的群眾。 寬松函數(shù)傳遞對(duì)象的密度。
還請(qǐng)注意,即使他們有相同的?時(shí)機(jī)?,寬松函數(shù)中使用,它們有不同的關(guān)鍵幀。 如果我把一個(gè)閃光燈在這些球,你會(huì)看到他們?cè)诓煌牡胤皆谕粫r(shí)期。 在舊手繪動(dòng)畫這一概念有一個(gè)術(shù)語:間距。
彈力球演示。
這也可以進(jìn)來的形式的運(yùn)動(dòng)輔助元素。 如果有人搖玻璃,里面的水是如何影響? 當(dāng)有人踢一塊巖石,巖石表達(dá)的力量如何影響? 這里有一個(gè)?基本運(yùn)動(dòng)設(shè)計(jì)的很好的例子?。
漢斯。巴徹討論的?夢(mèng)想的世界?,當(dāng)動(dòng)畫師在“美女與野獸”他們飛往倫敦和法國?觀察這些地方的風(fēng)格?。 你可能沒有這種預(yù)算(但是如果你這樣做了,帶我一起去吧!),幸運(yùn)的是,互聯(lián)網(wǎng)有很多視覺、歷史和空間信息為你。
跟隨你的利益。 如果你有任何余地在動(dòng)畫的內(nèi)容,使用你的優(yōu)勢(shì)。 真正的興趣和熱情很容易傳達(dá)。 你更有可能遵守一個(gè)項(xiàng)目如果內(nèi)容讓你感到興奮。
向前向后移動(dòng)
在動(dòng)畫開始之前,你?必須?故事板。?故事板?是一個(gè)非常重要的過程的一部分,因?yàn)樗试S你在代碼,模塊化的工作場景。 它允許您計(jì)劃好時(shí)機(jī)。 ,它允許您工作向后:?畫的東西,然后慢慢揭開它。
一個(gè)常見的誤解是,你的故事板必須看起來像拋光漫畫。 我經(jīng)常認(rèn)為這是為什么人們不想讓他們:他們害怕畫,他們害怕他們的工作看起來很完美,他們害怕花費(fèi)他們所有的創(chuàng)造力在規(guī)劃過程中,他們只是想在這個(gè)項(xiàng)目開始工作。 我完全理解這一點(diǎn)。 為了避免所有的,我鼓勵(lì)你忘記故事板的柏拉圖式的理想。
我是一個(gè)科學(xué)插畫家?菲爾德自然歷史博物館?和斯坦福大學(xué)。 我是一個(gè)繪畫教授大學(xué)。 我可以畫嗎? 那還用說。 這里有我的故事板是什么樣子:
故事板草圖。 (?查看大版本?)
我感到羞愧嗎? 一點(diǎn)也不。 故事板帶我45秒,讓我和編輯預(yù)先了解我要花費(fèi)很多天。 沒有它,我的工作流程將會(huì)翻倍。 幕后故事板存在,個(gè)人通信。 我不是說你不能創(chuàng)建美麗的獨(dú)立工作?瑞秋Nabors?,只是你不需要。
讓我們重新審視我們的討論?用戶同理心?。 你可以完成這個(gè)故事從頭到尾所有用戶的交互,。 考慮?這篇文章中,“故事地圖”?。 一個(gè)故事地圖帶你通過訪問您的站點(diǎn)的整個(gè)經(jīng)驗(yàn)和成為一個(gè)客戶從頭到尾。 與肌肉,這是一個(gè)故事板,你看他們?cè)L問的全貌,因此可以根據(jù)期望的方向,有目的的決策結(jié)果。
它可能不是新的聽到故事板在動(dòng)畫:小漫畫,讓動(dòng)畫師們可以逐個(gè)場景分解任務(wù)。 但你知道也有顏色的腳本?嗎? 就像你為你的網(wǎng)站設(shè)計(jì)的顏色和整體品牌,迪士尼動(dòng)畫師和其他動(dòng)畫公司創(chuàng)建腳本工作與顏色的主要人物和通知現(xiàn)場。 你也應(yīng)該這樣做。
這意味著你應(yīng)該花一些時(shí)間?Adobe Kuler?制作?顏色的色板?。 需要少量的時(shí)間,但卻能桶在你工作。 我們都知道顏色是有意義的。 使用它是由這么多容易與預(yù)處理器變量:CSS使用它們你的優(yōu)勢(shì)。
上面的動(dòng)畫中使用了兩個(gè)不同的顏色調(diào)色板:一個(gè)用于“之前”的場景,一個(gè)“后”。 調(diào)色板是相關(guān):他們必須創(chuàng)建無縫的事件。 就像一個(gè)大公司的動(dòng)畫控制面板必須符合公司的品牌和網(wǎng)站的其余部分。 但第一場景的冷色調(diào)與第二通知觀眾的溫暖的色調(diào)。?他們是故事的一部分。?如果他們沒有計(jì)劃之前,我開始畫畫,動(dòng)畫不會(huì)有任何意義。
設(shè)計(jì)和代碼的工作流
很明顯,故事板回報(bào)在動(dòng)畫的設(shè)計(jì)和規(guī)劃階段,但它可以很容易地獲得獎(jiǎng)勵(lì)在您的代碼體系結(jié)構(gòu)中,。 如果代碼反映了相同的邏輯組織你使用你的設(shè)計(jì),你獲得的所有好處清晰,清晰的結(jié)構(gòu),和更多的反映了設(shè)計(jì)過程,就越容易實(shí)現(xiàn)兩者之間的分享。
功能應(yīng)該被命名為根據(jù)現(xiàn)場?你:即使“sceneOne”就可以了。 同樣命名變量看起來很漂亮和整潔,但他們會(huì)絆倒你和你的團(tuán)隊(duì)從長遠(yuǎn)來看,特別是作為一個(gè)動(dòng)畫變得更加復(fù)雜。 命名表單元素作為他們扮演的角色,和設(shè)置您的代碼在一個(gè)清晰的方式,反映你的設(shè)計(jì)意味著更少的擔(dān)心范圍問題,和更具體的JavaScript和Sass變量和任務(wù)之間的分歧。 這也是結(jié)束時(shí)特別有用,當(dāng)你要回去和調(diào)整的東西:你很容易找到你的地方又自個(gè)兒明白。
謀殺你的寵兒
這是一個(gè)?舊的報(bào)價(jià)?,但這是真的。 你永遠(yuǎn)不會(huì)得到正確的事情第一次如此放松,犯一些錯(cuò)誤。 不要太珍貴。 無論你是一個(gè)設(shè)計(jì)師,一名開發(fā)人員,或兩者,你不像你現(xiàn)在好一開始,中間很多丑陋的東西。 沒關(guān)系。 這意味著嘗試不同類型的動(dòng)畫大小,和所有這些搞亂。 你學(xué)習(xí)僅JavaScript編程的一種交互使用只有一個(gè)圖書館嗎? 不。 你學(xué)會(huì)設(shè)計(jì)只使用一個(gè)組合? 我當(dāng)然不希望這樣。 同樣的原則也適用于學(xué)習(xí)動(dòng)畫。
新手和有經(jīng)驗(yàn)的程序員之間的區(qū)別。 (?查看大版本?)
或許你可以?圖形編輯器和文本編輯器同時(shí)打開。?你需要它們之間來回移動(dòng)流暢。 不要害怕追溯你的步驟,添加?xùn)|西,或編輯。 你需要準(zhǔn)備好訪問你的工具,?優(yōu)化?通過它,這樣你就可以迅速行動(dòng)。 進(jìn)一步把這些東西遠(yuǎn)離你,懶慢地你將會(huì)調(diào)整,編輯,和重建圖像或代碼當(dāng)你需要他們。 ,你會(huì)需要它們。
你將不得不重做時(shí)間和寬松的一百倍。?就我個(gè)人而言,我發(fā)現(xiàn)它容易當(dāng)我像GreenSock的使用工具?TimelineLite?移動(dòng)棋子。 它允許您堆棧、交錯(cuò)、重疊時(shí)間,甚至是動(dòng)畫場景
CSS是偉大的非常小的UI交互;事實(shí)上我真的推薦它的用例,因?yàn)槟悴恍枰虞d其他資源。 然而,如果你有兩個(gè)以上動(dòng)畫上設(shè)置一個(gè)對(duì)象,你應(yīng)該考慮GSAP切換。 的?能夠稍微向前移動(dòng)或在最后的動(dòng)畫?火,或設(shè)置在同一時(shí)間無論如何,太強(qiáng)大的工具來避免,特別是當(dāng)您需要排練和調(diào)整時(shí)機(jī)。 CSS使你重新計(jì)算所有值如果在動(dòng)畫開始變化,但GSAP時(shí)間表不。
這不會(huì)是這樣的一個(gè)主要問題,如果時(shí)間不那么重要。 你有沒有注意到一些漫畫幀沒有行動(dòng)? 他們創(chuàng)造的幻想一個(gè)停頓,你的大腦將它。 時(shí)間是至關(guān)重要的喜劇,搞怪,也為動(dòng)畫出現(xiàn)的UI設(shè)計(jì)無縫或自然。
就像所有的設(shè)計(jì),動(dòng)畫看起來簡單和輕松的部分有時(shí)最難完成的。
天空的極限
生活的幻想?首先從迪斯尼我一直最喜歡的名言之一:“動(dòng)畫可以解釋什么人能想到的。 “這報(bào)價(jià)是如此的地點(diǎn),因?yàn)樗娴氖莿?dòng)畫的優(yōu)勢(shì):?你可以做任何事情發(fā)生?。 您可以創(chuàng)建和摧毀世界,激發(fā)或譴責(zé)。
也就是說,有很多需要考慮。 動(dòng)畫永遠(yuǎn)不會(huì)超過空熱量如果我們不設(shè)計(jì)我們做其他方面的用戶體驗(yàn)的方式。 與其他工具一樣,它是一種損失領(lǐng)袖:我們將花更多的時(shí)間獲得的變量和參數(shù)設(shè)置開始。 與準(zhǔn)備,但這個(gè)角色會(huì)告訴我們?cè)趯?shí)現(xiàn)它想走哪一條路,即使這個(gè)角色是一個(gè)UI或品牌。
動(dòng)畫在網(wǎng)上有?可能徹底改變我們的明亮的小盒子?。 我們可以走得更遠(yuǎn)比傳統(tǒng)動(dòng)畫,因?yàn)槲覀兛梢越邮苡脩舻姆答伜洼斎搿?用這些工具我們可以扔掉毀滅靈魂的,暗淡的,黑暗的活動(dòng),諸如購買機(jī)票。 我們可以幫助人們展開的場景像一個(gè)選擇你自己的冒險(xiǎn),可以感覺到液體,有趣,和直觀。
文章整理來自網(wǎng)絡(luò)，轉(zhuǎn)載請(qǐng)注明北京網(wǎng)站建設(shè)公司-北京傳誠信，翻譯不好，請(qǐng)見諒！
