給設計師的網頁動畫設計基礎指南,動畫設計體系入門筆記 今天小豆培訓網學歷教育小編就來給大家簡單介紹一下。
來人人都是產品經理【起點學院】，BAT實戰派產品總監手把手系統帶你學產品、學運營。
動畫早就不是早期人們印象中的低齡向玩物了，從早年的盧卡斯影業到今天的工業光魔，動畫技術證明了它可以實現無限的可能性；從70年代的高達、 EVA到之后的宮崎駿、皮克斯，動畫的深度和內涵也早已不弱于電影和文學作品。而隨著技術的積累，網頁中的動畫也已經是遍地開花，它時尚，有趣，也人性 化。不斷涌現的新技術和新工具令網頁動畫設計的門檻逐年降低，高速網絡也使得漂亮的動效和純萌的GIF幾乎是無縫地加載到網頁中。今天，我們可以斬釘截鐵 地說，動畫已經是最常見也是最實用的網頁設計工具之一了。
基礎知識
當我們談及網頁動效的時候，它和動漫、CG、電影、游戲中的動畫，是截然不同的。當我們在網頁的語境之下提及動畫和動效的時候，它作為一個典型的設 計趨勢和設計手法，節制是是最關鍵的因素。小巧簡單的動效在網頁中會更具吸引力，也更加有趣，那些真正“隱形”的動效會讓用戶難以察覺，卻更好地讓他們有 更好的體驗。但是顯著而抓人眼球的復雜動效也很重要，它們會強化設計感。不過在動畫和動效的設計上，一致性很重要，過于復雜的規劃可能會讓整體效果混亂。
讓動畫成為設計趨勢，其實是整個設計圈的走向造成的。扁平化和極簡風的流行開來，網頁設計確實簡約了很多，但是用戶需要更多的信息來告訴他們應該怎么做，而動畫就是最好的方案——無需影響整體美感就可以給用戶以足夠的引導。即使是最簡單的設計，動畫的存在都能給予用戶以說明和指引，這樣前提下誕生的動效，在簡單和易用性之間達成了平衡。
動畫其實在后端和用戶端和有很多不錯的影響。首先是大家再也不需要用Flash來事先復雜的動畫了，它的實現方式也相當的自由和多樣，今天的動畫不會像曾經的Flash等技術那樣拖慢網站的呈現速度甚至影響服務器，加載速度飛快，體驗優異。
大小動畫的對抗
當我們談及每一種設計趨勢的時候，都需要探討一個重要的問題：什么時候才能使用它們。動畫可能是一種非常討巧的設計手段，它有用，但是并非適用于每一個設計項目。動畫應該是平滑無縫的，而非滯塞機械的，它的服務對象是用戶，并且和其他內容的呈現形式不一樣。
使用動畫和動效的首要目的是提高網頁的可用性。簡單的動效可以有效的引導用戶，幫助他們了解點擊之后會去怎么樣，即使是需要使用復雜的視差滾動動效，設計師也會搭配一些簡單的動畫來作為引導和輔助之用。
可用性的呈現形式：
解釋功能，展示網站的運作呈現變化，比如展示可點擊的元素，或者表單那的正確填寫方式創建流程，或者引導用戶執行動作召喚類的操作使用動效的第二個理由是出自美學需求。動畫和動效無疑是擁有強裝飾性的元素，如果某個動效是出于視覺裝飾的作用而進行設計的話，無疑是可以接受的。 這種裝飾性的動畫不僅有助于講述故事，而且可以建立用戶界面之間的情感聯系，它可以通過視覺上的變化引發用戶的興趣，在不斷的交互中讓用戶停留更長的時 間，不斷回來。
如果你要創建純粹的動畫，那么你楈枒仔細思考它能做什么，會帶來什么。你希望用戶有什么樣的反饋？想分享一些獨特的內容，還是用動效給用戶帶來愉悅的體驗？這很重要。
一些資源準備為網站加入動畫和動效么？接下來的一些文章或者網站可能會給你一些幫助。(這些文章都是英文的，恩)
《生命的錯覺》會告訴你一些關于動畫的12個基本原則
《網頁動畫的運作》是一個列表，其中的資源會告訴你網頁動畫是如何運作的
《CSS動效新手指南》是告訴你如何運用CSS屬性來制作動畫的
《彈性SVG元素》是教你如何使用SVG組件的教程
《UI動畫的藝術》是Mark Geyer 的文章
《創建優秀動畫的15個HTML5工具》，如果你掌握了基礎知識，這個工具列表會非常有用
《動畫師的急救包》這篇文章也是介紹各種形式動畫的基本原理的
結語評判動畫和動效其實并不難，只要看它是否為用戶帶來更好的體驗，就知道了：它能否產生情感聯系，能不能讓人會心一笑，能不能讓網站更好使用。
動畫是一種有趣的技術，它的運用范疇會越來越廣，如果你對它有興趣，就持續研究下去，它就是未來。
譯文來自：優設
原文地址：designshack
優設譯文：@陳子木
1、三維動畫設計專業怎么樣呢？
培養目標：本專業培養思想品德良好，具有健康的、積極的、開放的、包容的審美觀；具有扎實的美術創作的基本功和藝術設計的持續學習能力；具有較強的交流能力、社會適應能力、創新能力、實踐能力的涉外型、復合型、應用型人才。主干課程：素描、色彩、三大構成、基礎圖案、裝飾畫與材料、標志設計、CI設計、包裝設計、室外內設計、廣告攝影、計算機基礎、平面設計、三維動畫、網頁設計等。2、動畫類畢業論文都有哪些參考文獻
數字化動畫場景設計研究中文摘要3-5英文摘要5-9緒論9-13第一章場景設計的理論表述13-191.1場景的辭源與相關定義131.2場景的類型13-151.3場景的風格15-161.4場景的特性16-171.5場景在影片中的功能17-19第二章數字化下的藝術和動畫19-252.1關于數字化19-202.2數字化對藝術的影響20-222.3數字代拓寬了動畫藝術的表現空間22-25第三章動畫場景設計藝術的發展與概念變遷25-323.1各種類型的場景設計25-303.2傳統動畫中的場景設計303.3借助數字化手段的場景設計30-32第四章數碼技術給動畫場景設計帶來的轉變32-354.1工作方式的改變32-334.2表現形式的改變334.3構思創意的調整334.4對傳統的重新認識33-344.5技術與藝術的主仆關系34-35第五章數字三維動畫場景設計的表現方法35-445.1場景設計圖的設計36-375.2陳設道具的設計375.3場景的搭建37-425.4影視作品場景的后期編輯空間42-44第六章動畫場景設計中的設計要素44-516.1動畫場景設計中的空間構成和創意44-486.2動畫場景設計中的色彩創作48-496.3藝術設計在動畫場景中的多層面構建49-51結語51-52參考文獻參考文獻【l]引用網址}http://jisuanjijyu.edu.c可12]焚水.影視動畫短片制作基礎.北京:海洋出版社，2005.仍第116頁[31韓笑.影視動畫場景設計.北京:海洋出版社，2加6.00第1頁14]趙前何嶸.動畫片場景設計與鏡頭運用.北京:中國人民大學出版社，2(X)5.04[5』陳汗青呂杰鋒.數碼設計藝術.北京:人民美術出版社，2的4.12第18頁[6】毛小龍.動漫基礎.遼寧:遼寧美術出版社，2(X)6.10第7頁【刀葉旅.文學作品插圖中的場景設計北京印刷學院學報，2儀抖.02.01[8]游戲中的場景設計.中國電腦教育報，Zoo3.12.08，Boo版[9J李異周進.數字影視后期制作高級教程.北京:中國青年出版社，2001.08【ro郭開鶴.計算機圖形圖像設計.北京:中國傳媒大學出版社，2006.01【川查立.康丁斯基文論與作品.北京:中國社會科學出版社，2加3.03【12]曾進方興.數碼藝術帶來的新思考.科技創業月刊，20(科.05【13]陳望衡.藝術設計美學.四川:武漢大學出版社，20(刃【141黃鳴奮.數碼藝術學.學林出版社，2(X)5【巧』郭道榮.藝術美學.四川出版集團.四川美術出版社，20()6.1【161尼葛洛龐帝.胡冰、范海燕譯.數字化生存.海南:海南出版社，1996【1刀孔壽山金石欣等.技術美學概論.上海科學技術出版社，19921181朱其‘新藝術史與視覺敘事.【M」長沙:湖南美術出版社，2003【19]丹納.藝術哲學.天津:天津社會科學院出版社[20]章利國.設計藝術美學.山東:山東教育出版社，2002.9[211吳彤蔣勁松.科學技術的哲學反思.北京:清華大學出版社，2003[221張歌東.數字時代的電影藝術.北京:中國廣播電視出版社，2(X)3.05口3J黑格爾.美學第二卷【叨朱光潛譯.北京:商務印書館，1979[241尹定邦.設計學概論.湖南:湖南科學技術出版社，2003.n[2習馬永建.現代主義藝術加講.上海社會科學院出版社，2(X)5.10126]李興國.影視藝術與高科技應用.北京:中國傳媒大學出版社，2(X)5.07【27】王序.平面設計師之設計歷程.北京:中國青年出版社，1998[281王受之.世界現代設計史.北京:中國青年出版社，20()2年版【29譚鐵志.演劇與影視舞臺空間創意.北京:華文出版社，2005.09第n頁口0]斯蒂夫.開普林亞當.班克斯.數碼圖形藝術.[3l]引用網址h即:旅iki.ss.Pku.edu.[321《Aesthe阮rneasures丈碼圖形藝術.曹田泉等譯，上海人民美術出版社.2《X)4.1cn/t沉一index.Php?page=Anin陽tion%20Scene%20Designforscreendesign》Ngo，D.C耽Byrne，J.G.Co立甲uter3、動畫論文的參考文獻
動畫論文的參考文獻
你知道動畫論文有哪些參考文獻嗎?參考文獻的格式又是怎么寫的?下面是我為大家收集的關于動畫論文的參考文獻，歡迎大家閱讀!
動畫論文的參考文獻【1】[1]侯易.面向緊急疏散的群體仿真技術研究[D].浙江大學.2008
[2]閆苑.淺析超級市場的安全疏散[J].安防科技.2003,(10)：13-16
[3]侯易.面向緊急疏散的群體仿真技術研究[D].浙江大學.2008
[4]孫劍，李克平.行人運動建模及仿真研究綜述[J].計算機仿真.2008,25(12)：12-16
[5]郭鶴.動態仿真建模環境研究[J].新疆教育學院學報.2007,23(2)：127-129
[6]閻高偉，李闖勤，石兵.基于社會力模型的群體優化算法[J].控制工程.2012,19(6)：1238-1243
[7]馮康.認知科學的發展及研究方向[J].計算機工程與科學.2014,36(5)：906-916
[8]李紅松，李靖，陳少柯，張智鵬，丁剛毅.一個用于非自治人群仿真的交互式人群編輯系統[C].第五屆智能CAD與數字娛樂學術會議.大連.2008
[9]郭瑞林，趙克勤.同異聯系度不確定勢的演變及其勢差與勢能[C].中國人工智能學會第10屆全國學術年會.廣州.2003
[10]李海燕，馮春，張怡.基于FCM的災難救援團隊中快速信任的推理分析[J].工業工程.2012,15(6)：132-138
動畫論文的參考文獻【2】[1]施捷鵬.世上“怪獸”知多少?[J].黃金時代(學生族)，2007(5)47-49
[2]孫立軍，馬華.美國迪斯尼動畫研究[M].北京：京華出版社，2015:183-187
[3]維·李明.歐洲傳統神話的發展史[J].中國圖書評論，2010(06)21
[4]劉法民.怪誕的美學研究與興起[J].哲學動態，2006(11)57-58
[5]董強.逸趣橫生的日本妖怪文化[J].百科知識，2011(18)57-59
[6]葉春生.日本妖怪學[J].民俗研究，2004(1)155-157
[7]鳥山石燕.圖解百魅夜行[M].西安：陜西師范大學出版社，2008:24-38
[8]維克多·雨果.《克倫威爾》序言[M].柳鳴九.上海：上海譯文出版社，2011:50-78
[9]阿蘭·鄧迪斯.美國的民俗感念[M].盧曉輝.桂林：廣西大學出版社，2005:118-121
[10]顏文娟.電影《怪獸大學》的美學觀[J].藝術教育，2014(1)133
[11]金凱.中國傳統紋樣在動畫藝術中的應用研究[J].大眾文藝，2013(16)185
[12]張帆.論民族化特征在三維動畫角色造型中的運用[J].電影評價，2012(1)34-35
[13]邢晉.《魔戒之王》的原型分析[D]:[碩士學位論文].長春：吉林大學文學院，2007
[14]顏文娟.電影《怪獸大學》的美學觀[J].藝術教育，2014(1)133
[15]邢晉.《魔戒之王》的原型分析[D]:[碩士學位論文].長春：吉林大學文學院，2007
[16]龐理科，韋凱.解析民族元素在動畫原畫創作中的應用[J].群文天地，2012(22)60-62
[17]王羅成.中西文化差異及原因分析[J].青年文學家，2009(15)184
[18]石川禎浩.晚晴“睡獅”形象探源[J].中山大學學報：社會科學版，2009(5)87-96
[19]麥克考爾.怪誕藝術美學[G].茶健，武漢：湖北少年兒童出版社出版社，2010:11-17
[20]小松和彥.日本文化中的妖怪文化[J].日本研究，2011(4)42-45
[21]龐理科，韋凱.解析民族元素在動畫原畫創作中的應用[J].群文天地，2012(22)60-62
[22]王羅成.中西文化差異及原因分析[J].青年文學家，2009(15)184
動畫論文的參考文獻【3】[1]王江龍.三維網格模型壓縮算法研究[J].西安電子科技大學，2008,1(2).
[2]莫天立.三維多媒體流網格數據壓縮技術[D].東北大學，2011.
[3]許敏.三維網格模型壓縮技術研宄[D].解放軍信息工程大學，2011.
[4]趙向軍，路梅，葉澄清.三維網格動畫的幾何視頻壓縮方法[J].南京郵電大學學報：自然科學版，2007,27(3)：54-58.
[5]MAMMOUK.CompressionofStaticandDynamic3DMeshes[J]_2008.
[6]GuX,GortlerSJ,HoppeH.Geometryimages[C]//ACMTransactionsonGraphics(TOG).ACM,200221(3)：355-361.
[7]CollinsG,HiltonA.Arigidtransformbasisforanimationcompressionandlevelofdetail[C]//Vision
動畫論文的`參考文獻【4】[1]祝普文.世界動畫史[M].北京：中國攝影出版社，2003,270-285.
[2]編輯：孫瑩.CUET科技資訊網，網站也需靚裝，沖浪者喜好判斷時間不超一秒
[3]孫立軍、張宇編著.世界動畫藝術史[M].第1版.海洋出版社.2007,11-12
[4]聶欣如著.動畫概論[M].復旦大學出版社.2006年12月第1版，第3頁
[5]安德魯·J·巴塞維奇.美國的極限：實力的終結與深度危機[M].曹化銀，曹愛菊譯.北京：中信出版社，2009,24-25[EB/OL].2006-1-18
[6]胡家祥.審美學[M].第1版，北京大學出版社，2000.2-4.
[7]魯道夫·阿思海姆.藝術與視知覺[M].騰守堯譯.成都：四川人民出版社，1998.18-27
[8]楊春時.藝術符號與解釋[M].北京：廣播電視出版社，1988,47-58
[9][加]英格麗·張，你的形象價值百萬[M],第1版，中信出版社.2011,53.
[10][英]莫里斯.手勢新探[M].南寧：廣西民族出版社，1992.56
[11][美]阿恩海姆：視覺思維-----審美直覺心理學[M],四川人民出版社，1998.423-424
[12]責任編輯：單緯《“主席頭”的起源、發展與定型》來源于大公網
[13]黃玉珊.動畫電影探索[M].臺灣遠流通出版社，1997.
[14]葉海忠，大眾娛樂文化影響下的動漫藝術創作[D].天津：天津大學，2010.
[15]孫立軍、馬華.影視動畫影片分析[M].北京：中國宇航出版社，2003:25-26
[16]魯嶸秘書長，于北京，2006中國(深圳)國際文化產業發展博覽交易會北京新聞發布會上的發言，[EB/OL].2005-8-11
[17]張斌，何艷.淺析我國動漫產業的現狀及其發展的對策思路[J].特區經濟，2007,212-214
;4、設計領域動畫制作難嗎？怎樣開始？
動畫制作是專業水平比較高的行業，門檻不低。
動畫制作分，動畫長片，動畫mv，還有表情制作。
1、先說最簡單的表情制作，你有一個已經設計好的形象，然后根據形象設計一個動作，大概也就一兩秒的時間，然后你把這個動作的過程畫出來就行了。
2、mv動畫，這個相對有些難度，這類動畫可能是廣告也可能是企業宣傳片，片長一般三分鐘左右，廣告的話更短，一分鐘以內。涉及到這一塊的，大多是團隊協作。一般兩三個人，也有一個人的。制作這一類動畫，需要企業把產品信息提供給你，然后你把核心內容提煉出來，出個分鏡動畫給甲方看，沒問題了，就根據分鏡進行動畫制作。一般這類短的動畫mv，是先有配音，然后再根據配音來制作動畫的。跟做表情包一樣，把過程畫出來就可以了。
3、動畫長片，一般是連續劇，或電影，前期制作組敲定劇本后，一般先拿到廣電局去備案，然后找投資人，或自出資金。制作流程是，1，人設，2，分鏡，3，根據分鏡繪制動畫和場景，人物動畫，和場景是分開繪制的，一般是兩組人分別繪制。4，后期合成，5，配音。這樣在制作上就完成了。
最后說下制作的工具，場景繪制，一般是用ps或pt，動畫繪制一般是用flash，后期用的一般是ae。分鏡可以是手繪，也可以是電腦繪制，這是數字制作。
如果是傳統動畫，那所有的畫面都在紙上畫，然后再拍攝，合成再配音。
關于動畫就是上面這些。
