題記：網(wǎng)頁(yè)動(dòng)畫于你的手指之間顯現(xiàn)，開始制作前的分鏡是它的靈魂。

　　網(wǎng)頁(yè)動(dòng)畫繪制與分鏡設(shè)計(jì)1

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

　　網(wǎng)頁(yè)動(dòng)畫繪制與分鏡設(shè)計(jì)2

　　我們有一個(gè)常見的誤區(qū)，很多時(shí)候?qū)⒗L制分鏡完全等同于設(shè)計(jì)一份精美的漫畫，小編認(rèn)為這就是為什么很多網(wǎng)頁(yè)動(dòng)畫師并不樂(lè)意去繪制一份分鏡的原因所在，他們畏懼去畫一份精美的漫畫，畏懼將一份精美的漫畫實(shí)現(xiàn)為優(yōu)雅的動(dòng)畫，畏懼花費(fèi)大量的時(shí)間和精力用在設(shè)計(jì)過(guò)程上，總之就是他們認(rèn)為應(yīng)該趕緊推動(dòng)項(xiàng)目的進(jìn)程，盡快完成項(xiàng)目，在高強(qiáng)度的工作態(tài)勢(shì)下，動(dòng)畫師真不容易，小編完全理解這種心理。

　　網(wǎng)頁(yè)動(dòng)畫繪制與分鏡設(shè)計(jì)3

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

　　網(wǎng)頁(yè)動(dòng)畫繪制與分鏡設(shè)計(jì)4

　　再讓我們了解一下使“用戶產(chǎn)生共鳴”的方法，假設(shè)現(xiàn)在我們可以通過(guò)分鏡來(lái)完成所有的有關(guān)用戶的交互，那我們就要站在觀眾的這一邊，將心比心地理解他們的行為和心理訴求，可以基于預(yù)期目標(biāo)和產(chǎn)出來(lái)做一些有針對(duì)性的分鏡繪制方案。

　　網(wǎng)頁(yè)動(dòng)畫繪制與分鏡設(shè)計(jì)5

　　另外你知道畫分鏡的過(guò)程也是需要進(jìn)行配色的嗎?就像你為網(wǎng)站設(shè)計(jì)配色一樣，迪斯尼和其他工作室在制作分鏡的時(shí)候也會(huì)做色調(diào)和風(fēng)格化方面的處理，為其中主要的動(dòng)畫任務(wù)和場(chǎng)景進(jìn)行配色。

　　網(wǎng)頁(yè)動(dòng)畫繪制與分鏡設(shè)計(jì)6

　　這里是觸須動(dòng)漫，原創(chuàng)動(dòng)漫文化挖掘，請(qǐng)勿抄襲搬運(yùn)，允許轉(zhuǎn)載，請(qǐng)標(biāo)明出處。祝國(guó)產(chǎn)動(dòng)漫再上一層樓。

　　網(wǎng)頁(yè)動(dòng)畫繪制與分鏡設(shè)計(jì)7