[譯]《Motion Design for iOS》(二)

流動(dòng)的現(xiàn)實(shí)動(dòng)畫的起源

在1981年台汇,迪士尼長期動(dòng)畫師Ollie Johnston 和 Frank Thomas(迪士尼九大元老的成員——1920年代和1930年代迪士尼的原始動(dòng)畫團(tuán)隊(duì))寫了一本名為《Disney Animation: The Illusion of Life》的書腔稀,概括了他們在迪士尼早期卡通工作中倡導(dǎo)人物動(dòng)畫的基本原則。

這12個(gè)基本動(dòng)畫原則在《Disney Animation: The Illusion of Life》一書中被詳細(xì)的描述,并且這本書現(xiàn)在被工作于此領(lǐng)域的藝術(shù)家和動(dòng)畫師廣泛地認(rèn)為是“動(dòng)畫界的圣經(jīng)”税弃。即使這些原則是將近80年前的手繪卡通動(dòng)畫師所提出的嘴秸,它們至今依然使用。

image

重印版顛倒了標(biāo)題卒密,將“The Illusion of Life”印在了前面

這些基本的原則是:擠壓和拉伸(Squash and stretch)缀台、預(yù)備動(dòng)作 (Anticipation)、演出布局 (Staging)哮奇、連續(xù)運(yùn)動(dòng)和姿態(tài)對(duì)應(yīng) (Straight-Ahead Action and Pose-to-Pose)膛腐、跟隨和重疊動(dòng)作 (Follow Through and Overlapping Action)、緩入緩出 (Slow In and Slow Out)鼎俘、弧線運(yùn)動(dòng) (Arc)哲身、次要?jiǎng)幼?(Secondary Action)、時(shí)間節(jié)奏 (Timing)贸伐、夸張手法 (Exaggeration)勘天、扎實(shí)的描繪 (Solid drawing)、吸引力 (Appeal)捉邢。

設(shè)計(jì)師Cento Lodigiani創(chuàng)建了一個(gè)很棒的video來演示這12個(gè)原則脯丝,用于一個(gè)有魅力的彈性立方體的簡單對(duì)象。他也將這些例子轉(zhuǎn)換成了一系列的GIF動(dòng)圖伏伐。

這些原始的動(dòng)畫原則創(chuàng)建了1920年代到1930年代精心制作的動(dòng)畫的框架宠进。Ollie Johnston 和 Frank Thomas是新的卡通動(dòng)畫時(shí)代的先鋒,所以我們?nèi)绾芜\(yùn)用這些基本的動(dòng)畫原則來設(shè)計(jì)現(xiàn)代軟件交互呢藐翎?在進(jìn)入這些細(xì)節(jié)之前材蹬,讓我們先來談?wù)劄槭裁磩?dòng)畫應(yīng)該被用到你的產(chǎn)品中以及一般該如何考慮動(dòng)畫。

查看完整合集:https://github.com/Cloudox/Motion-Design-for-iOS


查看作者首頁

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末吝镣,一起剝皮案震驚了整個(gè)濱河市堤器,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌赤惊,老刑警劉巖吼旧,帶你破解...
    沈念sama閱讀 211,348評(píng)論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件圈暗,死亡現(xiàn)場離奇詭異员串,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)欲诺,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,122評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門扰法,熙熙樓的掌柜王于貴愁眉苦臉地迎上來毅厚,“玉大人吸耿,你說我怎么就攤上這事“橥” “怎么了澡腾?”我有些...
    開封第一講書人閱讀 156,936評(píng)論 0 347
  • 文/不壞的土叔 我叫張陵募逞,是天一觀的道長馋评。 經(jīng)常有香客問我,道長纠脾,這世上最難降的妖魔是什么蜕青? 我笑而不...
    開封第一講書人閱讀 56,427評(píng)論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮慧脱,結(jié)果婚禮上贺喝,老公的妹妹穿的比我還像新娘宗兼。我一直安慰自己殷绍,他們只是感情好鹊漠,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,467評(píng)論 6 385
  • 文/花漫 我一把揭開白布登钥。 她就那樣靜靜地躺著娶靡,像睡著了一般固蛾。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上献幔,一...
    開封第一講書人閱讀 49,785評(píng)論 1 290
  • 那天蜡感,我揣著相機(jī)與錄音恃泪,去河邊找鬼郑兴。 笑死,一個(gè)胖子當(dāng)著我的面吹牛贝乎,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播览效,決...
    沈念sama閱讀 38,931評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼锤灿!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起但校,我...
    開封第一講書人閱讀 37,696評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤螃诅,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體术裸,經(jīng)...
    沈念sama閱讀 44,141評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,483評(píng)論 2 327
  • 正文 我和宋清朗相戀三年穗椅,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了匹表。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片门坷。...
    茶點(diǎn)故事閱讀 38,625評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡苇羡,死狀恐怖绸吸,靈堂內(nèi)的尸體忽然破棺而出设江,到底是詐尸還是另有隱情叉存,我是刑警寧澤码俩,帶...
    沈念sama閱讀 34,291評(píng)論 4 329
  • 正文 年R本政府宣布,位于F島的核電站歼捏,受9級(jí)特大地震影響稿存,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜瞳秽,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,892評(píng)論 3 312
  • 文/蒙蒙 一瓣履、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧练俐,春花似錦袖迎、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,741評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至丘喻,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間念颈,已是汗流浹背泉粉。 一陣腳步聲響...
    開封第一講書人閱讀 31,977評(píng)論 1 265
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人嗡靡。 一個(gè)月前我還...
    沈念sama閱讀 46,324評(píng)論 2 360
  • 正文 我出身青樓跺撼,卻偏偏與公主長得像,于是被迫代替她去往敵國和親讨彼。 傳聞我的和親對(duì)象是個(gè)殘疾皇子歉井,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,492評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容

  • 20:10 盧卡斯影業(yè) 盧卡斯影業(yè)有限公司是喬治·盧卡斯于1971年在加州舊金山建立的美國電影公司。目前哈误,盧卡斯擔(dān)...
    前端小胖閱讀 1,303評(píng)論 0 0
  • Immanuel Kant (22 April 1724 – 12 February 1804) was an 1...
    123逍遙游閱讀 4,529評(píng)論 1 13
  • 看到了哩至, 第一,要不要給孩子翻譯 第二蜜自,如何處理單詞和句子的關(guān)系 寶寶幼兒園階段菩貌,我們都明白是寶寶語言發(fā)展...
    SunnySun_fb42閱讀 181評(píng)論 0 0
  • 01 經(jīng)常會(huì)有家長跟我抱怨,自己辛辛苦苦帶大孩子重荠,但孩子從來都不會(huì)感恩箭阶。 如果父母沒有滿足孩子的愿望,孩子反倒還會(huì)...
    幸福之巢閱讀 171評(píng)論 0 0
  • 人與人之間交流的基礎(chǔ)是什么戈鲁? 看到這個(gè)問題我也坐在那里想了很多種答案仇参。后來想來想去,覺得歸根到底還是吸引力婆殿,最起碼...
    軒軒糖閱讀 171評(píng)論 0 0