吳新宇 湯雨佳 孫 平

（1.華北理工大學(xué) 體育部，2.華北理工大學(xué) 機(jī)械工程學(xué)院，河北 唐山 063210）

隨著信息化社會的到來，網(wǎng)站建設(shè)作為學(xué)校信息化建設(shè)的主要形式，得到了教育管理部門與各級各類學(xué)校的重視。在新時代中國特色社會主義精神的引領(lǐng)下，在全面深化體育改革與健康中國戰(zhàn)略的價值導(dǎo)向下，如何建設(shè)蘊(yùn)含中國體育精神文化的大學(xué)體育網(wǎng)站，如何通過體育網(wǎng)站建設(shè)提升校園體育文化氛圍，提高學(xué)生參與體育活動的積極性，是我國大學(xué)體育改革發(fā)展亟待解決的問題。目前有關(guān)大學(xué)體育網(wǎng)站的研究主要集中在功能定位[1]、文化比較[2]、教學(xué)成果宣傳[3]、建設(shè)對策[4]、形象展示[5]與文化認(rèn)同[6]、新聞傳達(dá)[7]與行業(yè)展示[8]、網(wǎng)站整體建設(shè)[9]、政治價值觀傳播[10]、跨文化研究[11]等若干方面，缺乏對大學(xué)公共體育網(wǎng)站創(chuàng)新設(shè)計(jì)案例方面的研究。鑒于此，如何提升教工和學(xué)生對本校體育網(wǎng)站信任度和忠誠度，有效感知網(wǎng)站的易用性，提出具體的網(wǎng)頁設(shè)計(jì)范例，搭建一個能夠有效地為大學(xué)體育教學(xué)、群體活動、運(yùn)動訓(xùn)練、場館預(yù)約服務(wù)的平臺。本研究對新時代我國大學(xué)體育網(wǎng)站的有效性建設(shè)，并以HL大學(xué)體育網(wǎng)站為創(chuàng)新案例研究，打造具有新時代中國特色的大學(xué)體育網(wǎng)站建設(shè)總體方案。

圖1 HL大學(xué)公共體育網(wǎng)站首頁設(shè)計(jì)效果

1 引入HL大學(xué)體育網(wǎng)站設(shè)計(jì)案例

圖2 HL大學(xué)公共體育網(wǎng)站二級頁面設(shè)計(jì)效果

如圖1、圖2所示，結(jié)合HL大學(xué)體育開展的實(shí)際情況，本研究組建了體育教育與訓(xùn)練、體育社會學(xué)、工業(yè)設(shè)計(jì)、繪畫等多學(xué)科背景的研究團(tuán)隊(duì)，對HL大學(xué)公共體育網(wǎng)站的改版與創(chuàng)新進(jìn)行了研究設(shè)計(jì)，該研究方案經(jīng)過了HL大學(xué)教學(xué)沙龍活動、午間漫談活動、學(xué)術(shù)型小型會議的討論等多種形式的研討會，以及相關(guān)專業(yè)教師的多輪次參與方案修改，最后形成了圖1所示的最終設(shè)計(jì)方案。以下我們圍繞體育網(wǎng)站創(chuàng)新設(shè)計(jì)的總體思路、版式設(shè)計(jì)、內(nèi)容設(shè)置、內(nèi)容呈現(xiàn)、交互設(shè)計(jì)等方面，一一展開詳細(xì)論述。

2 HL大學(xué)公共體育網(wǎng)站創(chuàng)新設(shè)計(jì)的總體思路

在充分比較研究了中外一流大學(xué)公共體育網(wǎng)站設(shè)計(jì)的基礎(chǔ)之上，中外一流大學(xué)公共體育網(wǎng)站設(shè)計(jì)呈現(xiàn)出截然不同的風(fēng)格與理念，國外一流大學(xué)普遍采用圖配文的傳媒流行樣式，官網(wǎng)主頁以高清晰圖片呈現(xiàn)為主，而國內(nèi)一流大學(xué)普遍采用新聞樣板模式，即文字欄目呈現(xiàn)為主，圖片報道占據(jù)主頁空間比率過小，導(dǎo)致內(nèi)容呈現(xiàn)缺乏直觀性和沖擊力。由此，本研究充分借鑒國外一流大學(xué)普遍流行的圖配文且高度抽象化的主頁設(shè)計(jì)風(fēng)格，以精選高清圖片為信息導(dǎo)引，重點(diǎn)呈現(xiàn)圖片蘊(yùn)含的巨量信息，這符合讀圖時代大學(xué)生青少年群體具有的視覺素養(yǎng)特征。圖配文與抽象主義理念具體反映到大學(xué)公共體育網(wǎng)站設(shè)計(jì)中，主要以簡約設(shè)計(jì)風(fēng)格的呈現(xiàn)為主，在圖1的設(shè)計(jì)中，本研究盡量保持網(wǎng)站主頁的整體性、干凈與簡潔，網(wǎng)站海量信息按照二級頁面的板塊引導(dǎo)進(jìn)入，這種簡約化設(shè)計(jì)使主頁成為一個“櫥窗”，具有重要信息的呈現(xiàn)、內(nèi)容的象征性與價值的導(dǎo)向性等功能。

在HL大學(xué)公共體育網(wǎng)站主頁的版式設(shè)計(jì)與主色調(diào)搭配方面，因體育運(yùn)動具有競技性、趣味性、活躍性等特點(diǎn)，因此風(fēng)格定位為，整體簡潔明快，不同于國內(nèi)多數(shù)機(jī)關(guān)單位網(wǎng)站，本設(shè)計(jì)運(yùn)用大量多邊形色塊，主題突出鮮明，視覺沖擊力強(qiáng)。使用三角形、矩形、菱形、圓形、不規(guī)則圖形等多種幾何圖形，用作底圖、導(dǎo)航欄、邊框或圖片輪廓等，使網(wǎng)頁整體產(chǎn)生清晰而有層次的差異感，動感且時尚。本研究采取了“有棱有角”不規(guī)則幾何的設(shè)計(jì)風(fēng)格，“有棱有角”指的是主頁板塊的方塊型設(shè)計(jì)，這種方塊式的板塊在信息傳達(dá)方面具有莊重感，各個欄目塊的風(fēng)格一致，用底色變化、幾何圖形等細(xì)節(jié)加以修飾區(qū)別，統(tǒng)一卻不呆板，悅動卻不凌亂。既體現(xiàn)了大學(xué)公共體育網(wǎng)站具有的事業(yè)單位網(wǎng)站的屬性，也傳達(dá)了體育運(yùn)動的活力與躍動感。在主色的選取與搭配方面，本研究選擇高飽和度、高明度的淺藍(lán)作為主色調(diào)，一方面考慮HL大學(xué)面朝大海、深根科技的辦學(xué)定位，一方面考慮淺藍(lán)寓意沉靜與海闊天空，不失一份冷靜，也不失一抹亮色。對于莘莘學(xué)子而言，海藍(lán)色寓意讓學(xué)子們沉靜下來，鉆研業(yè)務(wù)，苦練本領(lǐng)，為學(xué)成之后精忠報國打下基礎(chǔ)。同時寓意我們的祖國未來繁榮昌盛，為實(shí)現(xiàn)中華民族偉大復(fù)興的中國夢而努力奮斗?？紤]到冷暖色對比對于人的視覺感官的調(diào)動，選取中黃色作為副色，飽和度較高的黃、藍(lán)兩色結(jié)合，搭配和諧均衡、重點(diǎn)突出，帶給用戶清晰明快的視覺效果。

本研究網(wǎng)頁設(shè)計(jì)兼顧頁面的功能性和美觀性。頁面簡潔、和諧平衡、重點(diǎn)突出、富有邏輯，良好的反饋式交互，能夠引導(dǎo)他們找到自己所需的內(nèi)容，會讓用戶產(chǎn)生需求得到滿足時的愉悅。同時，用戶感受到頁面強(qiáng)烈的躍動感、視覺沖擊所帶來的活力，潛移默化地受到感染，進(jìn)而激發(fā)學(xué)生和教工積極參與體育運(yùn)動的熱情。

3 酷炫體育設(shè)置

對新時代我國大學(xué)體育網(wǎng)站內(nèi)容創(chuàng)新設(shè)置進(jìn)行探索研究表明，可以考慮設(shè)置酷炫體育欄目?！翱犰拧边@一概念反映了新時代大學(xué)生追求時尚的時代旋律，青少年作為校園體育的主體力量，必然呈現(xiàn)出新穎的、時尚的、前衛(wèi)的體育世界，這一世界的呈現(xiàn)方式就是既“酷”又“炫”，同時反映了新興事物的發(fā)展規(guī)律。例如街舞、輪滑、攀巖、電子競技等新興體育項(xiàng)目，在校大學(xué)生群體都是推動新興體育項(xiàng)目發(fā)展的主力軍。在圖1所示的校園“酷炫”體育專題報道欄目，采取視頻和圖片報道的形式，貼近大學(xué)生的日常生活，呈現(xiàn)校園體育最真實(shí)、最豐富多彩的一面。這些視頻與圖片報道來自大學(xué)生的體育生活，真實(shí)記錄了大學(xué)生群體從事體育活動的點(diǎn)滴瞬間，以貼近生活的報道理念，走進(jìn)大學(xué)生的內(nèi)心世界，進(jìn)而帶動在校大學(xué)生參與體育活動，強(qiáng)健體魄。同時，圖片視頻的設(shè)置于首頁，增加了網(wǎng)頁版式的動態(tài)視覺效果，增強(qiáng)用戶在瀏覽網(wǎng)站時的視覺和聽覺享受。靜態(tài)圖文與動態(tài)視頻配合，使版面充滿活力，體現(xiàn)出大學(xué)體育網(wǎng)站相對于其他類別網(wǎng)站所獨(dú)有的運(yùn)動感、沖擊力，調(diào)動學(xué)生積極參與體育運(yùn)動的熱情。

4 內(nèi)容呈現(xiàn)

在HL大學(xué)體育網(wǎng)站的內(nèi)容呈現(xiàn)方面，主要以團(tuán)隊(duì)宣傳為主，明星運(yùn)動員個人報道為輔的基本定位。大多數(shù)國外高校體育網(wǎng)站，尤其是美國高校的體育網(wǎng)站一般選用運(yùn)動員個人的特寫照片進(jìn)行圖片展示，這與其具有的個體意識和競爭意識有關(guān)。而中國社會歷來推崇集體主義的精神，團(tuán)隊(duì)的力量永遠(yuǎn)比個人更強(qiáng)大，同時反映了當(dāng)代體育發(fā)展的基本規(guī)律，單兵作戰(zhàn)的思路已經(jīng)失去市場，團(tuán)隊(duì)的象征寓意已經(jīng)深入人心。網(wǎng)站以圖片作為主要的內(nèi)容呈現(xiàn)載體，在圖1所示的“焦點(diǎn)關(guān)注”板塊和“酷炫體育”板塊，呈現(xiàn)了校女排隊(duì)集體、校女籃隊(duì)集體、校輪滑隊(duì)集體、校足球隊(duì)集體的精彩瞬間，其中校輪滑隊(duì)集體全家福照片詮釋了“酷炫體育”的精神，隊(duì)員們穿著時尚，決心堅(jiān)定，充滿自信。此外，必須發(fā)揮校園明星運(yùn)動員的榜樣力量，打造體育團(tuán)隊(duì)與個人體育明星相結(jié)合的宣傳報道模式。通過前期調(diào)研發(fā)現(xiàn)，網(wǎng)站的學(xué)生和教工用戶，最希望以主動的方式，直接通過網(wǎng)站了解到賽事進(jìn)程，而非等待學(xué)院分級下發(fā)賽事通知。“賽事預(yù)告”板塊，能夠滿足用戶主動了解校園體育賽事進(jìn)程的需求，同時一定程度上減輕了體育部以及各學(xué)院的工作負(fù)擔(dān)。

5 交互設(shè)計(jì)

一般而言，傳統(tǒng)意義上的網(wǎng)站主頁缺乏更好的交互性設(shè)計(jì)，交互功能偏少，可以考慮增設(shè)交互性功能設(shè)計(jì)，充分展現(xiàn)體育的獨(dú)有魅力。第一，注重網(wǎng)站主頁的交互窗口設(shè)計(jì)，實(shí)現(xiàn)內(nèi)容需要與交互設(shè)計(jì)對接，例如“體測成績查詢”、“體育場館預(yù)約系統(tǒng)”、“校園賽事實(shí)時跟蹤系統(tǒng)”、“校園體育賽事直播平臺”、“校園體育微信矩陣”等交互窗口設(shè)計(jì)，同時引入APP開發(fā)的形式，與HL大學(xué)工業(yè)設(shè)計(jì)交互工作室合作。

第二，可以引入校園體育直播的形式，目前直播平臺是網(wǎng)絡(luò)熱點(diǎn)，聚集人氣，很大程度上提升了網(wǎng)站的聯(lián)動與交互性效應(yīng)。在官網(wǎng)上展示直播內(nèi)容，涉及到敏感問題不好處理，可以考慮在商業(yè)公共直播平臺上開通用戶名，以個人名義完成直播展現(xiàn)，同時可以考慮將比賽集錦放在官網(wǎng)上，擴(kuò)大網(wǎng)站的校園影響力。

第三，可以考慮開通學(xué)校體育部的微信公眾號，并與網(wǎng)站實(shí)現(xiàn)聯(lián)動發(fā)展。尤其是不定時的分享一些比賽信息，既可以觀看欣賞，又可以親身參與其中，實(shí)現(xiàn)教師與學(xué)生的交流。體育部老師予以評論回應(yīng)，認(rèn)為該觀點(diǎn)切合實(shí)際需要。例如，某個時間點(diǎn)發(fā)出公眾號通知，邀約教師與學(xué)校女排代表隊(duì)進(jìn)行友誼賽，看到通知的老師都可參與，廣大學(xué)生也可以到場觀看，發(fā)揮微信公眾號的公告板平臺功能，增加了校園體育的聯(lián)動性。

第四，結(jié)合GPS技術(shù)的應(yīng)用發(fā)展，可以在官網(wǎng)或者微信公眾號上面，增加“運(yùn)動地圖”的程序功能設(shè)計(jì)，全天候顯示校園體育賽事的進(jìn)行情況，讓學(xué)生們能夠直觀了解全校開展的體育活動，同時增設(shè)導(dǎo)航功能，便于快速到達(dá)相應(yīng)比賽場地。

界面設(shè)計(jì)注重反饋式交互，通過鏈接變色、鼠標(biāo)變形、文字提示等方式實(shí)現(xiàn)對用戶行為的反饋。為鼠標(biāo)移動到導(dǎo)航欄時，鼠標(biāo)變形，導(dǎo)航文字變色效果。為用戶點(diǎn)擊此欄目時，導(dǎo)航色塊由中黃變?yōu)樽攸S色。這些反饋式的交互細(xì)節(jié)，能夠進(jìn)一步提升用戶體驗(yàn)，提高用戶忠誠度和滿意度。

6 結(jié)論與建議

本課題組組建了體育教育與訓(xùn)練、體育社會學(xué)、工業(yè)設(shè)計(jì)、繪畫等多學(xué)科背景的研究團(tuán)隊(duì)，對HL大學(xué)公共體育網(wǎng)站的改版與創(chuàng)新進(jìn)行了研究設(shè)計(jì)。注重網(wǎng)站主頁的交互窗口設(shè)計(jì)，實(shí)現(xiàn)內(nèi)容需要與交互設(shè)計(jì)對接，例如引入校園體育直播的形式；開通校園體育微信公眾號；結(jié)合GPS技術(shù)的應(yīng)用發(fā)展，增加“運(yùn)動地圖”的程序功能設(shè)計(jì)等。

本課題組對HL體育網(wǎng)站進(jìn)行了創(chuàng)新設(shè)計(jì)，理論與現(xiàn)實(shí)存在差距，由于體育實(shí)踐蘊(yùn)含的豐富變化，加之政策環(huán)境、地方院校的定位等種種因素的影響，如何付諸改革實(shí)踐還要走一段很長的路。建議以HL大學(xué)為案例，先行進(jìn)行改革試點(diǎn)，等待若干年的平穩(wěn)運(yùn)行并取得良好宣傳效果時，再進(jìn)行廣泛推廣，總結(jié)實(shí)踐經(jīng)驗(yàn)，打造具有新時代中國特色的大學(xué)體育網(wǎng)站建設(shè)總體方案。