高旭 北京廣播電視臺(tái)

今年是中國共產(chǎn)黨成立100周年，全國各地都掀起了黨史學(xué)習(xí)的熱潮。習(xí)近平總書記將黨史學(xué)習(xí)教育概況為16個(gè)字“學(xué)史明理，學(xué)史增信，學(xué)史崇德，學(xué)史力行”，為了更好地宣傳紅色基因，講好紅色故事，弘揚(yáng)紅色精神，各媒體都集中力量全方位的對(duì)黨史教育進(jìn)行宣傳報(bào)道。在媒體融合的大背景下，傳統(tǒng)媒體在做好本系統(tǒng)的宣傳工作之外，都下大力氣制作了新媒體產(chǎn)品，全方位多角度地宣傳黨史。

北京廣播電視臺(tái)發(fā)揮自身的優(yōu)勢，在音頻內(nèi)容上以講故事的形式制作了“見證初心——百集京華黨史故事”系列音頻專題，同時(shí)，為了彌補(bǔ)廣播稍縱即逝的缺點(diǎn)，在北京廣播電視臺(tái)官方微信號(hào)制作了新媒體H5頁面《黨史隨身聽》，頁面在界面設(shè)計(jì)和展現(xiàn)形式上都更好地將音頻內(nèi)容集中展示，在一個(gè)融媒體產(chǎn)品中，將100集音頻分類明晰，邏輯清晰的羅列出來，讓用戶在一個(gè)界面中能將一百集音頻全部收聽，并且頁面樣式不繁復(fù)和拖沓。讓黨史學(xué)習(xí)變得更為簡單便捷，增加黨史學(xué)習(xí)的趣味性。

一、廣播電視臺(tái)廣播新媒體H5產(chǎn)品特性

（一）界面設(shè)計(jì)樣式

《黨史隨身聽》H5產(chǎn)品考慮到主要在手機(jī)終端進(jìn)行展示，所以，在取名時(shí)也突出便攜性的特點(diǎn)，“隨身”兩字讓黨史學(xué)習(xí)變得更隨性一些。H5開始界面的動(dòng)畫展示頁面的設(shè)計(jì)樣式?jīng)]有采用黨政宣傳常用的紅色背景，而是用白底紅字讓整體風(fēng)格更為清新淡雅。設(shè)計(jì)元素采用了疊摞的書籍，意在突出黨史的厚重感，不同歷史節(jié)點(diǎn)的事件用動(dòng)畫形式并循環(huán)播放，再配有渾厚的背景音樂讓整個(gè)頁面的代入感增強(qiáng)。音頻內(nèi)容展示頁的設(shè)計(jì)樣式采用了書架的方式，既承接了首頁的設(shè)計(jì)樣式，又將每集音頻用書籍封面的形式展現(xiàn)，讓受眾可以快速直觀的獲取音頻的內(nèi)容信息，避免了標(biāo)題列表的枯燥形式。左右滑動(dòng)切換書架的形式讓每一頁的內(nèi)容不至于太多，也讓受眾和產(chǎn)品之間有了互動(dòng)。點(diǎn)擊每一本書籍封面，都會(huì)在頁面底部的播放器上隨即播放，避免了鏈接到新的頁面，減少了用戶來回切換頁面的繁瑣步驟。（見圖1）

（二）技術(shù)特性

圖1 《黨史隨身聽》設(shè)計(jì)樣式

H5頁面的創(chuàng)新是近幾年融媒體發(fā)展的主戰(zhàn)場，H5的出現(xiàn)為下一代互聯(lián)網(wǎng)提供了全新的構(gòu)架和平臺(tái)，包括提供免插件的音視頻，圖像動(dòng)畫，本體存儲(chǔ)以及更多酷炫和重要的功能。各媒體根據(jù)自身業(yè)務(wù)發(fā)展的需求，對(duì)H5產(chǎn)品的要求也越來越高，這也就促進(jìn)了H5在技術(shù)方面的更新，各種功能在不斷的完善。最近推出的IVX制作平臺(tái)，相比之前的IH5平臺(tái)就增加了很多新功能，例如：增加了外部網(wǎng)頁嵌入功能，提供了小程序和小游戲的制作界面等。最大的變化就是將外部網(wǎng)頁的嵌入功能全面放開，這樣就可以將各媒體自產(chǎn)內(nèi)容的網(wǎng)頁和新媒體H5產(chǎn)品更好的融合在一起。《黨史隨身聽》的技術(shù)結(jié)構(gòu)就是將H5與傳統(tǒng)HTML頁面結(jié)合，這樣既利用了H5頁面方便轉(zhuǎn)發(fā)的特性，又利用HTML頁面可以隨時(shí)更新的特點(diǎn)。實(shí)現(xiàn)了將傳統(tǒng)音頻內(nèi)容以最高效的方式在融媒體平臺(tái)中得以傳播的構(gòu)想。

頁面在設(shè)計(jì)制作過程當(dāng)中，由于客觀情況的出現(xiàn)讓原有的設(shè)計(jì)構(gòu)架發(fā)生了很大的改變。最初的設(shè)計(jì)是三個(gè)層級(jí)的，點(diǎn)擊每一本書籍封面會(huì)打開新的鏈接頁面收聽音頻，但由于客觀原因，不能直接鏈接第三方APP頁面。所以就將音頻資源下載壓縮后重新上傳，頁面結(jié)構(gòu)也由原來的三層變?yōu)榱藘蓪?，雖然頁面的層級(jí)縮減了，但是對(duì)技術(shù)要求的難度卻增加了。點(diǎn)擊書本封面后，頁面下方的音頻播放器不僅直接播放，還要做到音頻切換非常流暢，必須采用流媒體的形式，提升了用戶體驗(yàn)的同時(shí)也避免了外鏈后不容易返回產(chǎn)品頁面的窘境。

（三）各終端平臺(tái)的適應(yīng)性

H5的內(nèi)容展示頁面為了能更好的服務(wù)各個(gè)用戶群，在各種終端設(shè)備的適應(yīng)性上都做到了最好，例如PC機(jī)終端，平板電腦終端，手機(jī)終端（見圖2.3.4）。將頁面的自適應(yīng)性能調(diào)整到最佳，既能讓頁面有一個(gè)好的展示效果，同時(shí)又能讓不同終端設(shè)備的屏幕顯示飽滿。多種終端設(shè)備的兼容能讓更多的受眾體驗(yàn)到產(chǎn)品，豐富產(chǎn)品，展現(xiàn)平臺(tái)的同時(shí)也擴(kuò)大了用戶群。讓黨史學(xué)習(xí)能在更多的人群中得到宣傳，使黨史教育更深入人心。

黨史學(xué)習(xí)教育是今年各媒體宣傳任務(wù)的重中之重，如何利用好新媒體平臺(tái)也是各媒體的創(chuàng)新原動(dòng)力，傳統(tǒng)媒體根據(jù)各自輸出內(nèi)容的特點(diǎn)，結(jié)合新媒體技術(shù)，用更好的方式將傳統(tǒng)新聞內(nèi)容傳播給大眾，實(shí)現(xiàn)媒體融合的最大化。《黨史隨身聽》H5產(chǎn)品的設(shè)計(jì)制作過程，也是對(duì)廣播音頻內(nèi)容如何與新媒體結(jié)合的探索嘗試，將廣播的線性特點(diǎn)加以模塊化和層級(jí)化，實(shí)現(xiàn)傳統(tǒng)媒體資源的高效利用和傳播。

圖2 PC機(jī)終端顯示效果

圖3 手機(jī)終端顯示效果

圖4 平板電腦終端顯示效果

二、設(shè)計(jì)樣式如何影響內(nèi)容傳播

（一）視覺設(shè)計(jì)

如今，新媒體產(chǎn)品的形式日益增多，千變?nèi)f化，各媒體都在尋求新穎特別的設(shè)計(jì)樣式來吸引受眾的關(guān)注，但根本宗旨還是通過設(shè)計(jì)樣式來精準(zhǔn)傳達(dá)要宣傳的內(nèi)容。不同媒體平臺(tái)生產(chǎn)的新聞內(nèi)容的形式是有其特點(diǎn)的，例如廣電媒體主要是以音視頻為主。這就要求新媒體產(chǎn)品在設(shè)計(jì)開發(fā)初期針對(duì)音視頻固有的特性來設(shè)計(jì)產(chǎn)品結(jié)構(gòu)和風(fēng)格樣式。對(duì)音視頻內(nèi)容展現(xiàn)樣式的設(shè)計(jì)一定要通過圖片設(shè)計(jì)來突出，圖片的選取一定要精準(zhǔn)突出音視頻內(nèi)容，并且要是廣受大眾熟知的形象。這樣才能讓受眾在瀏覽海量信息時(shí)，快速準(zhǔn)確地獲取到自己感興趣的資源，從而也最大程度的達(dá)到了宣傳的目的。

（二）結(jié)構(gòu)設(shè)計(jì)

一個(gè)成功的H5產(chǎn)品，其整體的構(gòu)架層級(jí)也是需要強(qiáng)化設(shè)計(jì)的一部分，如何設(shè)計(jì)互動(dòng)響應(yīng)方式，頁面的層級(jí)關(guān)系，元素之間的關(guān)聯(lián)方式。這些都要根據(jù)主題內(nèi)容和媒體資源的形式來決定，好的設(shè)計(jì)樣式要將龐大的數(shù)據(jù)信息用清晰簡單的邏輯層次展現(xiàn)出來，展現(xiàn)樣式要根據(jù)不同的內(nèi)容介質(zhì)來設(shè)計(jì)，宗旨就是要提高用戶體驗(yàn)的友好度。

（三）技術(shù)設(shè)計(jì)

設(shè)計(jì)師對(duì)于技術(shù)的考量也是至關(guān)重要的，一款H5產(chǎn)品最后成品的功能實(shí)現(xiàn)，完全是靠技術(shù)支撐的。所以在設(shè)計(jì)之初，就要考慮到技術(shù)參數(shù)的運(yùn)用。前面的圖形設(shè)計(jì)和結(jié)構(gòu)設(shè)計(jì)最終要依靠技術(shù)來實(shí)現(xiàn)，無論是各種互動(dòng)形式的展現(xiàn)，還是對(duì)內(nèi)容的呈現(xiàn)方式，技術(shù)參數(shù)的運(yùn)用會(huì)直接影響到受眾對(duì)產(chǎn)品的使用感受，甚至關(guān)乎產(chǎn)品的可行性。

綜上所述，傳統(tǒng)媒體內(nèi)容資源在媒體融合的過程中要想得到充分的利用，必須對(duì)新媒體產(chǎn)品的設(shè)計(jì)樣式有充分的考量，最大程度的發(fā)揮新媒體的優(yōu)勢。利用自身媒體傳統(tǒng)新聞內(nèi)容的特性，通過對(duì)視覺，結(jié)構(gòu)，技術(shù)三方面的綜合設(shè)計(jì)，生產(chǎn)出適合傳統(tǒng)廣電媒體宣傳的新媒體產(chǎn)品。讓廣電行業(yè)在媒體融合的大環(huán)境中更具有競爭力，實(shí)現(xiàn)廣電行業(yè)的二次騰飛。