高旭 北京廣播電視臺

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

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

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

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

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

（二）技術(shù)特性

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

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

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

（三）各終端平臺的適應性

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

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

圖2 PC機終端顯示效果

圖3 手機終端顯示效果

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

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

（一）視覺設(shè)計

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

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

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

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

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

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