陳婉佳 吳小璞 陳夢(mèng)妍 陳瀟航

（南京藝術(shù)學(xué)院,江蘇南京 210000 ）

一、設(shè)計(jì)背景

（一）醫(yī)療科普的需求

根據(jù)中國(guó)科普數(shù)據(jù)報(bào)告顯示，我國(guó)有82.7%的公民對(duì)“醫(yī)學(xué)和健康”科普話(huà)題十分關(guān)注。這表明隨著生活質(zhì)量和文化素質(zhì)的提高，人們開(kāi)始逐漸關(guān)注和重視健康和醫(yī)療層面、了解醫(yī)療相關(guān)的知識(shí)，提高自身對(duì)健康信息的認(rèn)知。在國(guó)家“健康中國(guó)”的健康發(fā)展策略支持下，社會(huì)對(duì)健康信息的需求增加，市場(chǎng)上健康科普信息平臺(tái)層出不窮。但由于網(wǎng)絡(luò)上信息混雜，信息質(zhì)量錯(cuò)落不齊，難以分辨出正確、專(zhuān)業(yè)、科學(xué)的健康訊息，這使公眾對(duì)醫(yī)療科普產(chǎn)生了迷茫與不信任，亟待提供一個(gè)正確科普知識(shí)的宣傳窗口，搭建醫(yī)學(xué)科普平臺(tái)，簡(jiǎn)單、便利地傳達(dá)專(zhuān)業(yè)知識(shí)，加強(qiáng)記憶，讓公眾形成科學(xué)、正確的醫(yī)療觀念，提高對(duì)疾病預(yù)防的意識(shí)，從而提升全民的健康素養(yǎng)，進(jìn)一步促進(jìn)健康中國(guó)的實(shí)現(xiàn)。

（二）H5技術(shù)的發(fā)展

在互聯(lián)網(wǎng)的高速發(fā)展影響醫(yī)療科普的傳播方式，由最初傳統(tǒng)的統(tǒng)一以靜態(tài)媒體進(jìn)行醫(yī)療科普傳播的方式（如報(bào)刊或醫(yī)院畫(huà)廊），轉(zhuǎn)變?yōu)殪o態(tài)媒體與互聯(lián)網(wǎng)協(xié)同發(fā)展，大眾通過(guò)自己隨身攜帶的手機(jī)就可以獲取各種資訊，不受場(chǎng)景、呈現(xiàn)方式的限制，在任何地點(diǎn)都可以獲取醫(yī)療信息，同時(shí)互聯(lián)網(wǎng)的發(fā)展使得大眾獲得信息的途徑多樣化，伴隨著基于微信平臺(tái)H5傳播工具的出現(xiàn)，它改變了傳統(tǒng)傳播方式的局限性與復(fù)雜性，融合了移動(dòng)app、ppt、微信網(wǎng)頁(yè)、動(dòng)畫(huà)等多方特色，通過(guò)多媒介結(jié)合交互，豐富展現(xiàn)形式，提升頁(yè)面趣味感，使用者更能參與其中，促使人們掌握理解更多內(nèi)容。

H5是超媒體發(fā)展的表現(xiàn)，不僅打破古板傳統(tǒng)的傳播枷鎖，還擁有可跨平臺(tái)傳播的兼容性。通過(guò)H5技術(shù)讓信息在更廣泛的社交媒體上傳播交流，令公眾更便捷地獲取知識(shí)。

二、設(shè)計(jì)價(jià)值

（一）HPV疫苗的設(shè)計(jì)背景及意義

2016年，三種類(lèi)型的HPV疫苗獲批上市，但作為新興產(chǎn)物，公眾對(duì)其知之甚少，存在諸多疑問(wèn)。如圖1，公眾對(duì)HPV疫苗及相關(guān)信息的了解訴求不斷增加；在2017年至2020年間，HPV疫苗的關(guān)注度也表現(xiàn)出了大幅度的增長(zhǎng)。

本次設(shè)計(jì)內(nèi)容以“HPV疫苗”為主題展開(kāi)，針對(duì)各大平臺(tái)官方發(fā)布的排行信息，選取高價(jià)值、低普及度的問(wèn)題，系統(tǒng)地解讀接種疫苗的效用和深遠(yuǎn)意義，旨在強(qiáng)調(diào)衛(wèi)生保健意識(shí)，提高人民的文明衛(wèi)生素質(zhì)，達(dá)到衛(wèi)生保健、預(yù)防疾病的最終效果。

圖1 HPV疫苗需求圖譜 圖片來(lái)源：百度指數(shù)

（二）設(shè)計(jì)醫(yī)療科普H5的意義

本次設(shè)計(jì)使用新媒體手段代替?zhèn)鹘y(tǒng)傳播模式，由于醫(yī)療科普主要面向大眾群體，然而公共衛(wèi)生信息普遍存在邏輯復(fù)雜、專(zhuān)業(yè)名詞晦澀難懂等問(wèn)題難以調(diào)節(jié)，考慮到受眾的年齡、文化程度等因素，所建立的用戶(hù)模型類(lèi)型復(fù)雜多樣，故需在內(nèi)容的表達(dá)方式上提取重難點(diǎn)，改變傳統(tǒng)晦澀難懂的閱讀模式，結(jié)合圖文、動(dòng)態(tài)及交互，讓傳播內(nèi)容兼具趣味性、互動(dòng)性、科學(xué)性。

通過(guò)大眾更易理解的方式，將醫(yī)療認(rèn)知內(nèi)容傳播出去，形成健康醫(yī)療觀念，提升自身防護(hù)意識(shí)，增加醫(yī)療科普的精準(zhǔn)性，這對(duì)于預(yù)防疾病、改善預(yù)后等方面有重要作用，從而進(jìn)一步向移動(dòng)終端方向拓展醫(yī)學(xué)科普生態(tài)，推動(dòng)醫(yī)學(xué)科普移動(dòng)終端發(fā)展，促使生態(tài)向更加有利的方向推進(jìn)。

三、設(shè)計(jì)實(shí)現(xiàn)

（一）內(nèi)容設(shè)計(jì)

隨著科學(xué)醫(yī)療技術(shù)水平的不斷發(fā)展，越來(lái)越多的重大疾病得到了有效的預(yù)防及診治。其中對(duì)宮頸癌及相關(guān)疾病具有一定預(yù)防功效的HPV疫苗的出現(xiàn)引起大眾強(qiáng)烈關(guān)注。本次科普、內(nèi)容結(jié)構(gòu)分為以下部分：

1.宮頸癌的定義；

2.宮頸癌的危害、世界發(fā)病率；

3.引發(fā)宮頸癌的主要原因，簡(jiǎn)單介紹HPV病毒；

4.HPV病毒的分類(lèi)、傳播方式；

5.HPV疫苗相關(guān)信息，鼓勵(lì)積極診療；

6.提醒人們注意防范HPV病毒，建議提高自身免疫力，注意性衛(wèi)生、保持定期體檢。

（二）色彩運(yùn)用

通過(guò)明確闡述內(nèi)容，比較相關(guān)設(shè)計(jì)案例，進(jìn)一步優(yōu)化設(shè)計(jì)原型。

本次H5設(shè)計(jì)主背景色為紫紅色，色彩在視覺(jué)可視化中占據(jù)很重要的位置，色彩能夠調(diào)動(dòng)人們的感官，吸引觀看者的注意力。在本次設(shè)計(jì)中充分運(yùn)用紫色作為主色調(diào)，以黃色作為輔助色。設(shè)計(jì)的過(guò)程中主要色彩的選擇主要考慮到以下幾點(diǎn)：

第一，“HPV疫苗科普”是以科普為主，紫色可以讓人們聯(lián)想到治療、沉思與思考，在自然紫中含有紅色，觸動(dòng)觀看者內(nèi)在熱情并間接化為行動(dòng)力；

第二，小面積使用黃色作為輔色，高明度黃色在界面中可以吸引到大眾的注意力，作為標(biāo)題背景色更加吸引大眾的眼球，其次輔助色在H5界面設(shè)計(jì)中可以豐富頁(yè)面顏色，突出主要內(nèi)容。

（三）動(dòng)畫(huà)效果

本次設(shè)計(jì)中加入人物插畫(huà)，選取女性形象進(jìn)行繪制，主要考慮到如下幾點(diǎn)：

第一，宮頸癌婦科疾病中是最常見(jiàn)，并且也是惡性腫瘤之一，在女性惡性腫瘤的發(fā)病和死亡順位中均位列第四；

第二，在2013年到2017年這過(guò)去的四年時(shí)間，中國(guó)女性宮頸癌的死亡率呈現(xiàn)出不斷的上升趨勢(shì)，在設(shè)計(jì)中選取女性卡通化形象更加能貼切科普對(duì)象，其科普過(guò)程中使得主題更加貼切及情感化越加凸顯。

在根據(jù)內(nèi)容呈現(xiàn)不同狀態(tài)，使畫(huà)面層次更加豐富，添加趣味性的同時(shí)更易于接受，除此之外，其他相關(guān)內(nèi)容的元素也使用統(tǒng)一風(fēng)格的插畫(huà)，豐富內(nèi)容，輔助理解。在一些圖表數(shù)據(jù)中，通過(guò)二次圖表繪制，篩選關(guān)鍵數(shù)據(jù)進(jìn)行繪制，結(jié)合內(nèi)容突出重點(diǎn)，并且對(duì)圖表的顏色進(jìn)行設(shè)計(jì)，使得圖表數(shù)據(jù)更加貼切整個(gè)設(shè)計(jì)的風(fēng)格，如圖2所示。

圖2 “HPV疫苗科普”效果圖一

（四）交互設(shè)計(jì)

本次設(shè)計(jì)中，在設(shè)計(jì)中添加了動(dòng)效，其作用有以下幾點(diǎn)：

第一，增加用戶(hù)對(duì)科普內(nèi)容的興趣；

第二，提供用戶(hù)交互反饋；

第三，更加形象地表達(dá)題材內(nèi)容在敘述過(guò)程中的方式。

用戶(hù)在“HPV疫苗科普”中主要通過(guò)長(zhǎng)按頁(yè)面向上滑動(dòng)的手勢(shì)進(jìn)行頁(yè)面跳轉(zhuǎn)，使得用戶(hù)在操作的同時(shí)更加貼切手指的運(yùn)動(dòng)，降低用戶(hù)的學(xué)習(xí)成本。在交互的動(dòng)效設(shè)計(jì)中，通過(guò)用戶(hù)簡(jiǎn)易的手指操作實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)、動(dòng)畫(huà)動(dòng)效、頁(yè)面內(nèi)容拓展等系列交互流程。在用戶(hù)操作的過(guò)程中區(qū)別僅提供文字與圖片的科普方式，本次設(shè)計(jì)中相關(guān)的頁(yè)面插畫(huà)出現(xiàn)動(dòng)效，及時(shí)給予用戶(hù)操作反饋，提高用戶(hù)的興趣并感受到畫(huà)面中空間元素的變化，并通過(guò)文字或動(dòng)畫(huà)提示用戶(hù)去注意那些可以操作的內(nèi)容，吸引更多的用戶(hù)瀏覽、交互。

四、結(jié)語(yǔ)

本次設(shè)計(jì)主要以HPV疫苗的相關(guān)知識(shí)內(nèi)容進(jìn)行公共醫(yī)療信息科普，并以H5多媒體設(shè)計(jì)的方式呈現(xiàn)，從科普內(nèi)容的資料收集與篩選，提煉出主要信息進(jìn)行設(shè)計(jì)，并且設(shè)計(jì)中考慮用戶(hù)界面中的圖畫(huà)形式、文字內(nèi)容、動(dòng)態(tài)效果、互動(dòng)交流，保留信息的科學(xué)性，內(nèi)容架構(gòu)的邏輯性，頁(yè)面文字和數(shù)據(jù)圖表的通俗性，插畫(huà)動(dòng)效的交互性及趣味性，符合設(shè)計(jì)的交互原則。

需要明確的是，借助網(wǎng)絡(luò)平臺(tái)將信息以寓教于樂(lè)的方式傳遞出去。通過(guò)改善傳統(tǒng)的內(nèi)容傳遞形式，將醫(yī)療科普更加生動(dòng)的融入大眾的生活中去，提高醫(yī)療科普信息的傳播，減少缺乏科學(xué)性的謠言，規(guī)范醫(yī)療健康知識(shí)，使醫(yī)療知識(shí)能夠更好地傳播與普及。