邱新宇，湯雨佳，孫 平

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

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

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

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

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

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

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

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

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

3 酷炫體育設(shè)置

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

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

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

5 交互設(shè)計

一般而言，傳統(tǒng)意義上的網(wǎng)站主頁缺乏更好的交互性設(shè)計，交互功能偏少，可以考慮增設(shè)交互性功能設(shè)計，充分展現(xiàn)體育的獨有魅力。

第一，注重網(wǎng)站主頁的交互窗口設(shè)計，實現(xiàn)內(nèi)容需要與交互設(shè)計對接，例如，“體測成績查詢”“體育場館預(yù)約系統(tǒng)”“校園賽事實時跟蹤系統(tǒng)”“校園體育賽事直播平臺”“校園體育微信矩陣”等交互窗口設(shè)計，同時引入APP開發(fā)的形式，與HL大學(xué)工業(yè)設(shè)計交互工作室合作。

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

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

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

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

6 結(jié)論與建議

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

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