題記：網頁動畫于你的手指之間顯現，開始制作前的分鏡是它的靈魂。

　　網頁動畫繪制與分鏡設計1

　　當我們頭腦中有了大綱，就要逐步分割動畫細節。當你開始繪制動畫之前，必須要繪制一份兒分鏡頭腳本(簡稱分鏡)，畫分鏡是一個很重要的過程，在這個過程中基于內容和鏡頭將動畫進行了分割，從而我們可以用模塊化的方式組織那些驅動動畫的代碼。在很多場景中，分鏡還能夠讓我們對動畫進行合理的時間分配，允許你按照步驟，一步步分割鏡頭。

　　網頁動畫繪制與分鏡設計2

　　我們有一個常見的誤區，很多時候將繪制分鏡完全等同于設計一份精美的漫畫，小編認為這就是為什么很多網頁動畫師并不樂意去繪制一份分鏡的原因所在，他們畏懼去畫一份精美的漫畫，畏懼將一份精美的漫畫實現為優雅的動畫，畏懼花費大量的時間和精力用在設計過程上，總之就是他們認為應該趕緊推動項目的進程，盡快完成項目，在高強度的工作態勢下，動畫師真不容易，小編完全理解這種心理。

　　網頁動畫繪制與分鏡設計3

　　為了避免有些人產生這種畏懼心理，小編建議忘掉心中對分鏡的不切實際的理解。小編自己也畫分鏡，你問我會對如此簡陋的初稿感到羞愧嗎?我說，一點兒也不。這個初稿我只花了不到一分鐘，它是對我未來工作的一個整體性的把控和表現框架，或說構圖。它能夠幫助我勾勒出后面——我需要花好幾天繪制的動畫的一些細節，如果沒有它，我就無法做到事半功倍。分鏡因人和使用場景而異，所以沒有必要畫得那么好，只需要簡單地勾勒出草圖就行了。

　　網頁動畫繪制與分鏡設計4

　　再讓我們了解一下使“用戶產生共鳴”的方法，假設現在我們可以通過分鏡來完成所有的有關用戶的交互，那我們就要站在觀眾的這一邊，將心比心地理解他們的行為和心理訴求，可以基于預期目標和產出來做一些有針對性的分鏡繪制方案。

　　網頁動畫繪制與分鏡設計5

　　另外你知道畫分鏡的過程也是需要進行配色的嗎?就像你為網站設計配色一樣，迪斯尼和其他工作室在制作分鏡的時候也會做色調和風格化方面的處理，為其中主要的動畫任務和場景進行配色。

　　網頁動畫繪制與分鏡設計6

　　這里是觸須動漫，原創動漫文化挖掘，請勿抄襲搬運，允許轉載，請標明出處。祝國產動漫再上一層樓。

　　網頁動畫繪制與分鏡設計7