假如你是飛行員，你該如何選擇？

　　——大眾網(wǎng)《生死抉擇 驚天一墜》專題設(shè)計(jì)解析

　　大眾網(wǎng)“云設(shè)計(jì)”工作室 王春雷

    2010年5月6日，濟(jì)空馮思廣、張德山兩位飛行員為保護(hù)人民財(cái)產(chǎn)，在生死關(guān)頭做出令人欽佩的抉擇，事件發(fā)生后，大眾網(wǎng)迅速推出《生死抉擇 驚天一墜》專題。

    第一版的專題首頁設(shè)計(jì)效果圖

    由于趕時(shí)間推出專題，視覺上更要有特色，突出事件敘述和互動(dòng)演示，所以最初的頁面設(shè)計(jì)以天藍(lán)為主色調(diào)，天空、白云、國旗、戰(zhàn)機(jī)為背景，前面是馮思廣、張德山二位飛行員形象，加以醒目大標(biāo)題，明快簡潔大方。

    現(xiàn)場模擬演示動(dòng)畫

    專題最大的設(shè)計(jì)亮點(diǎn)——在專題首頁中部插入FLASH現(xiàn)場模擬動(dòng)畫頗有新意。尤其是強(qiáng)調(diào)發(fā)揮FLASH交互效果，允許用戶自由體驗(yàn)英雄面對(duì)人民的利益和自己的生命只取其一的矛盾選擇，是生是死帶來的兩種結(jié)局。在戰(zhàn)斗機(jī)飛入畫面之后設(shè)置了兩種選擇按鈕。第一種點(diǎn)擊后讓英雄改變飛行軌跡，飛機(jī)飛行高度達(dá)不到跳傘要求，前艙飛行員馮思廣跳傘時(shí)，飛機(jī)高度僅有32米，且?guī)в?6度俯角，彈射后降落傘尚未張開即觸地，壯烈犧牲，用自己的身軀保護(hù)了千千萬萬群眾的生命財(cái)產(chǎn)安全；第二種是點(diǎn)擊后不改變飛行軌跡，前方是繁華鬧市，僅常駐居民就有4000多人，一旦飛機(jī)觸地產(chǎn)生的跳躍、沖擊、爆炸，將會(huì)把城區(qū)炸出一片火海，而飛行員跳傘得以脫身。用小游戲般的敘事動(dòng)畫力爭真實(shí)還原事件過程以及相反的虛擬結(jié)局。專題推出不久，模擬動(dòng)畫效果格外受到網(wǎng)友的關(guān)注，網(wǎng)友競相點(diǎn)擊體驗(yàn)，好評(píng)如潮。
    快速推出專題后，設(shè)計(jì)上就需要進(jìn)一步的完善和細(xì)化。

    第一版的首屏動(dòng)畫頁面

    定稿后的首屏動(dòng)畫頁面

 
    只有現(xiàn)場演示動(dòng)畫和網(wǎng)頁文字還不足以在感官上體驗(yàn)英雄舍生取義的悲壯情懷。于是開始設(shè)計(jì)專題首屏的動(dòng)畫。最初采用藍(lán)天綠草地，以及手持白花的兒童跑向英雄作為主畫面，背景音樂也在尋找大量的資料中反復(fù)篩選斟酌，然后幾經(jīng)修改，最終定為現(xiàn)在的畫面：藍(lán)天里英雄微笑著回看下方的萬家燈火，正是自己用生命換來的溫馨場景。飛行的戰(zhàn)斗機(jī)旁邊打出的一行行文字，訴說著英雄的事跡，配合優(yōu)美肅穆的背景音樂，專題一打開就使人泛起悲傷和懷念的情緒，更加富有感染力。

    英雄生前成長圖片和犧牲后萬人悲痛的大幅照片快速展示

    雄鷹甘折翼，浴血為人民

    為了網(wǎng)友更明白直接體會(huì)英雄抉擇的情節(jié)，又把演示動(dòng)畫提前到開場動(dòng)畫播完后第二屏展示。在網(wǎng)友通過點(diǎn)擊現(xiàn)場演示動(dòng)畫，明確整個(gè)事情過程之后，下一屏增加設(shè)計(jì)了英雄生前成長圖片和犧牲后萬人悲痛的大幅照片快速展示，淡化以后出現(xiàn)紅色書法大字“雄鷹甘折翼，浴血為人民”，表達(dá)媒體對(duì)英雄敬仰，增強(qiáng)了專題的力度。專題的首頁也進(jìn)行了板塊更加明確的調(diào)整，文字、圖片、視頻和演示動(dòng)畫在首頁上的布局更加清晰合理。之后經(jīng)過對(duì)專題細(xì)節(jié)的設(shè)計(jì)調(diào)整，以及對(duì)用戶體驗(yàn)的詳細(xì)琢磨，做到了四層演示，既豐富感人，又不會(huì)繁瑣，能夠快速進(jìn)入專題首頁。
    不經(jīng)歷風(fēng)雨般的修改哪能見到一等獎(jiǎng)般的彩虹，最終在網(wǎng)友面前呈遞出一個(gè)大氣磅礴富于情緒感染力的專題，經(jīng)過各種努力終于獲獎(jiǎng)，陶醉其中不能自拔，毫不轉(zhuǎn)彎抹角的夸領(lǐng)導(dǎo)同事還有自個(gè)兒，碎碎念到：這都是真的這都是真的這都是真的這都是……