高校门户网站视觉设计趋势研究

胡燕

摘 要：高校的门户网站是高校信息化建设的重要窗口，展示的是高校的精神面貌，与社会生活交换着重要的信息，也以此接受公众的监督。文章以高校门户网站的视觉设计为研究对象，针对当前高校门户网站的设计现状，预测未来的设计趋势，从而实现高校形象建设、教学教育贯穿一体、优化发展的目标。

关键词：高校门户网站;视觉设计;信息化建设

门户网站从广义上讲，是一个应用框架，将各类数据资源汇聚到互联网管理平台上，用统一化的用户界面为用户提供信息，满足用户的浏览需求。高校门户网站是门户网站中的一类，是指高校内部各类网站、数据信息、应用系统的总和，是高校内部的资讯与外部互联网实现资源交互共享的终端。它不以盈利为目的，没有庞杂无当的信息，其界面设计都非常直观，秉承的是“以教育为本”的原则，实现的是向用户提供并传递准确信息的目的。但是网络媒介的飞速发展，让高校的门户网站不仅成为展示高校形象的窗口，更成为文化内涵与大学精神的输出阵地。

一、内容与形式必须具备秩序感

高校的门户网站设计，它的内容主要是围绕着学校相关的栏目开展的，基本上就是学校概况、办学理念、院系设置、学科设置、校风校貌等栏目，从栏目的设置上，基本可以判定学校的性质与特色。因此，在整合内容的时候，一定要突出教育网站的性质，通过有序的排列，让浏览的用户一目了然。另外，门户网站一定要有校名与校徽，这是学校所有文化的统一标志，能够让人们对学校的基本教育精神和理念有所了解，也有助于学生、教师等经常使用网站的人加深对本校的认识。

网页的内容与形式是一个整体，当把大量的信息放到网页上时，需要考虑的是对这些内容如何进行编排。不仅是组块信息需要编排，与之相应的细节也需要编排。这就需要设计师从头至尾地梳理思维，思考如何将内容与形式结合起来，让用户在页面尽可能多地得到有效信息的同时，又能身心愉悦。这是需要从审美层面入手的，在门户网站的设计中，将各种元素按照统一与变化、条理与反复、均衡与对比等原则整合在一起，完成对网页中的文字、图像的设计。

二、突出主题要素

每一个网页都应该有明确的主题，然后按照人们的视觉规律进行编排，将其中的信息准确地传达给浏览者，使人们能够从信息群中快速地提取出自己需要的信息，或者是形成视觉焦点。这是吸引网站浏览者最重要的元素，明确的主题会引导人们的视线，这是网站信息排列的初衷，也是视觉设计的初衷。为了突出主题，网站一般会采用结构变化的方法。如把需要传达的主题做实做大，和主题无关的则可以虚化或是占据比较小的网页面积，强化视觉力度永远是最传统却最管用的突出主题的方法。

为了突出主题要素，可以在不影响整体效果的情况下，把一些多余的元素去掉，或是在能够达到同样效果的设计方案中，选择相对简单的设计，总体来说，就是越简单的方案主题越突出。除此以外，还要对一些细节进行“雕琢”。很多国外的大学在门户网站的设计上都可以达到“像素级的完美”，即使设计的边框等不被浏览者注意的细节都能达到近乎真实的效果，从而在审美氛围的营造、门户网站的品位等方面上一个台阶。

三、审美与实用兼而有之

高等院校的门户网站在设计时，必须同时满足教师与学生的审美需求。网页追求简单与大方，最能满足大部分人的审美，还可以营造出浓厚的学术氛围，让严谨认真的治学态度自然而然地表现出来。就使用体验来看，清晰美观且满足了大部分人审美需求的页面，会给人们带来愉悦、舒适的浏览体验，让人们接受信息更加容易。在审美上，不要追求过于花哨的内容，虽然每个人的审美是有差异的，但是自然朴素总是更容易被人们所接受。

除了审美上的共性，人们更愿意追求功能的实用性。国内目前有很多高校的网站设计都不完善，有些链接点进去没有对应的内容，人们使用起来很不方便，尤其是在招生信息的链接上，人们在门户网站获得的信息还没有通过搜索引擎得到的信息多。设计者要对每一个网页链接的功能做出统筹布局，让人们点进去后有收获，毕竟所有的视觉设计都是为了内容而服务的。在兼顾美感和功能的过程中，设计师不要惯用一种设计方法。例如当前使用的web2.0的确被人们普遍接受，但是一味模仿也并非良策。为高等院校进行的视觉设计，一定要担负起引领和提升社会审美的责任，惯用web2.0，会让人们陷入到一种陈旧的审美中。如果是有自觉审美的人群，则会厌烦这种设计，这与高校门户网站的视觉设计初衷是相悖的。由此可见，高等院校的门户网站在进行视觉设计时，必须自觉地承担社会功能。

四、方便快捷也要善于“留白”

所谓的方便快捷包含了两个部分，第一个部分是网页上的按钮设计应该明确醒目，能够让浏览者直接看到。那些花哨、夸张的设计，看上去非常个性，但是并不适用，让人眼花缭乱，也不符合高校的学术气质。第二个部分是门户网站整体的结构设计。正如上文所说的，在内容和形式上需要有秩序感。例如：明确每一个内容的安排是不是按照一定的顺序进行的;明确从首页开始，是不是体现出栏目明确化、设计合理化、层级结构简单化、信息明确具体化的特点。在设计领域有一句名言：“别让我思考。”这句话一语道破当下人们使用互联网的心态。有人精确地计算过人们浏览网页的时间，平均一个网页的有效停留时间只有3秒钟，人们会快速浏览并判断是否有自己需要的信息。如果在这3秒钟里，人们还要费力地寻找按键、检索内容，那显然是不现实的，那样的设计只会让人们更快地放弃这个网页甚至是这个网站。还有，在网页上适当“留白”，也能够给人们留下较好的观看体验。这种“留白”和上文所批评的没有内容并不冲突。这里所指的“留白”是为人们留下一些空间，例如将行距、字间距变宽，字体适当放大等，促进浏览的合理化，是来自视觉的体验，而非我们认为的内容上的简化。

五、网页“副空间”的作用会越来越大

“副空间”实际上是一个建筑学领域的名词，也被称为过渡空间或是灰色空间。与建筑学中所说的“副空间”一致，在网站设计上，那些介于利用和未被利用之间的空间，都被归入“副空间”。它与“留白”有一些异曲同工之处，不过“副空间”更重视的是网页之间的衔接。一些高校在网站设计上非常容易进入的一个极端是，一个内容展示完毕后，马上展示另一个内容，密度之大让浏览者很容易混淆信息，产生厌烦感。如果能在衔接部分加入一些创新的元素，则会给人不一样的视觉感受。例如哈佛大学、麻省理工学院的网页上都有一些艺术作品的展示，这些艺术作品源于生活但是高于生活，把人们印象中大学严肃的气氛与高雅的格调联系在了一起，展现出不一样的风格。人们每当浏览到这些网页时，就会忍不住“驻足”，甚至是产生共鸣，这才是一个成功的视觉设计。当然，各个学校可以依据自己的性质和风格进行设计，如，北京航空航天大学等理工类卓著的院校在对“副空间”进行设计时，更多采用纵向线条，与其本身的气质相协调。“副空间”还可以被看作是交互设计界面的“中转站”，在人们检索信息、整合信息的过程中，“副空间”中的内容可以放松心情，这也不失为高校向社会传递精神面貌、引導社会文化的一个有效的途径。总体来说，“副空间”越以人为本，就会越多地吸引到人们的关注，传播有效的信息。

六、结语

在高科技迅猛发展的时代，中国高校门户网站的设计更像是一个襁褓中的婴儿，没有可以照搬的模式，一切元素都处于待开发阶段。但是设计本身并没有形式上的规定和标准上的限制，这就为高校门户网站的设计优化提供了巨大的空间。设计师从内容、形式、色彩、功能等各种元素着手进行界面的设计，拥有更大的发展空间。注重从传统的艺术思想理论和形式法则中汲取营养，善于思考与设计，让网站的界面衔接得更加精彩、更加出色、更加人性化，必然是设计发展的基础，为更多的艺术设计实践活动提供着扎实的基础与养分。

参考文献：

[1]闵伟，丁耀.高校门户网站人性化设计的调查研究：以闽江学院为例[J].赤峰学院学报（自然科学版），2015（9）：22-24.

[2]刘松，蓝鹰.高校门户网站的页面导航布局设计研究[J].智能计算机与应用，2017（5）：117-118，122.

[3]唐甜，尚子田.高校门户网站界面交互设计研究[J].中国民族博览，2018（2）：102-103.

[4]晁永刚，刘明国，葛晓昱，等.关于高校网站的设计思考[J].大众文艺，2016（9）：83.

作者单位：

湖北科技学院艺术与设计学院