我國大學公共體育網站創新設計研究*

吳新宇 湯雨佳 孫 平

（1.華北理工大學 體育部，2.華北理工大學 機械工程學院，河北 唐山 063210）

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

圖1 HL大學公共體育網站首頁設計效果

1 引入HL大學體育網站設計案例

圖2 HL大學公共體育網站二級頁面設計效果

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

2 HL大學公共體育網站創新設計的總體思路

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

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

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

3 酷炫體育設置

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

4 內容呈現

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

5 交互設計

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

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

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

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

界面設計注重反饋式交互，通過鏈接變色、鼠標變形、文字提示等方式實現對用戶行為的反饋。為鼠標移動到導航欄時，鼠標變形，導航文字變色效果。為用戶點擊此欄目時，導航色塊由中黃變為棕黃色。這些反饋式的交互細節，能夠進一步提升用戶體驗，提高用戶忠誠度和滿意度。

6 結論與建議

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

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