吴新宇 汤雨佳 孙 平

（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大学为案例，先行进行改革试点，等待若干年的平稳运行并取得良好宣传效果时，再进行广泛推广，总结实践经验，打造具有新时代中国特色的大学体育网站建设总体方案。