建站常識

網(wǎng)頁界面設(shè)計教程七：動畫設(shè)計

2007-01-15 16:18:00

周期、關(guān)鍵幀和行為被稱為動畫的三個屬性。
使用簡單的GIF動畫生成的廣告圖形，點擊率會上升10%-25%，而動畫廣告的面積平均比靜態(tài)廣告小5%-25%。
動畫由于在信息的方向性誘導(dǎo)方面的優(yōu)勢，除了能夠加強(qiáng)視線在視覺傳達(dá)領(lǐng)域的注意外，在引導(dǎo)視線方面能夠發(fā)揮更大的能動性，引導(dǎo)視線完全按照設(shè)計師的意圖去瀏覽，以最快捷的途徑，最有效的感知方式獲取視覺信息，使設(shè)計師能夠更有效地影響瀏覽者的視線運(yùn)動軌跡。
當(dāng)人們面對平面上一些靜止的物體時，會在它們之間平分其注意力，如果其中一個物體突然動起來，所有的注意力在1/5秒后都將轉(zhuǎn)向它。
人的正常視覺容量約為每秒25比特，即大約每秒4個漢字，每分鐘約250個字左右。
動畫表達(dá)追求的是信息的準(zhǔn)確傳達(dá)，意念的清晰易懂。而做到這一點取決于兩個方面：一是動畫本身有好的表現(xiàn)手法和設(shè)計，使每一個畫面或主要變化以最清楚和最有效的方式呈現(xiàn)出來；二是好的時間掌握。畫面轉(zhuǎn)換的時間要恰到好處，太慢則感覺節(jié)奏緩慢，在里面尋找不到興奮點，視覺心理就會感覺空洞、單調(diào)，使注意力分散；太快則瀏覽者還沒看清要傳達(dá)的信息，動作已經(jīng)結(jié)束，創(chuàng)意沒有意義，設(shè)計也就失敗了。
一般一個頁面有1-2個動畫區(qū)域是比較適度的。如果在頁面上必須出現(xiàn)不止一個動畫，也應(yīng)給予較大的區(qū)別，如采用面積的大小對比，或使動畫的演示有時間差別等。
常見的動畫設(shè)計效果：
（1）色彩循環(huán)動畫
（2）元素沿直線或曲線的滾動
（3）元素的跳動與閃動。在跳動后保持5-10秒的靜止，這樣跳動吸引瀏覽者的視線，靜止則使瀏覽者能看清圖像。
（4）元素的淡入與淡出。
（5）元素飛入畫面。
（6）元素的緩慢旋轉(zhuǎn)，通常旋轉(zhuǎn)幾周后就停頓一會兒。
（7）元素的爆炸與組合。
（8）閃爍和燈光效果。
（9）元素之間的過渡與變形。將一幅圖象的部分或整體毫無痕跡地融入另一幅圖象中。

上一篇：網(wǎng)站改版方案的一些建議

下一篇：網(wǎng)頁界面設(shè)計教程六：版式的構(gòu)成與設(shè)計