浅谈澳门地区高校主页的视觉设计价值与意义

摘 要：随着传统传播媒介的衰退，互联网时代的到来，高校网页主页的视觉设计显得至关重要，传统单一的信息传递早已被基于用户为中心的理念取代，对视觉体验提出了更高的要求。作为中西文化交汇融合的澳门地区高校以立足本土、根植中华、放眼世界的战略眼光发展。本文基于澳门地区5所高校网站主页，从主体颜色、框架版式、浏览动线3个方面分析其视觉设计的价值与意义。

关键词：网页主页;视觉设计;色彩心理学

随着信息技术的发展及“互联网+”时代的到来，中国互联网络信息中心发布报告显示，中国拥有7.51亿互联网用户，占世界网民总数的1/5，居全球第一。互联网已成为当前人们日常生活中不可或缺的一部分。随着传统传播媒介的衰退，互联网时代崛起，让信息传递变得更具实效性、全球性、便捷性，网站逐渐成为获取（Acquire）、发布（publish）、传递（deliver）信息的重要渠道，也成为世界高校信息对外传播的重要窗口之一。在如今以用户体验（user experience）为王的今天，对网页的建设提出了更高的要求。传统单一的不对称信息传递是远远不够的，感官体验、浏览体验、互动体验建立起了高校网站与用户互动的桥梁，通过感官效果营造出一种舒适温馨的氛围，让用户感受到高校的文化与环境，拉近了高校与学生间的情感距离。

高校网站的主页是访问者进入网站后最直观的视觉体验，主页所传递的文字语言、色彩语言、版式语言都成了访问者对其最直观的印象。随着如今信息化时代技术以及大众审美水平的提升，受众对于网站的视觉设计，如色彩运用、版式设计等方面的要求不断提升。从以前单一通过网站查阅信息演变为以用户为中心的用户体验设计，浏览网站时视觉体验显得至关重要。

澳门独特的地理位置与历史背景造就了具有代表性的澳门文化，是中华文化与葡萄牙文化为主的中西文化交汇形成的澳门文化。中西文化融合在审美、生活习惯等众多领域都得到了体现。高校是文化传承的高地，澳门的高校立足本土，根植中华，放眼世界。本文以澳门大学、澳门科技大学、澳门城市大学、澳门理工学院、澳门镜湖护理学院5所高校网站主页为样本，通过对网站主页视觉设计中主体颜色、框架版式、浏览动线方面的分析，总结其视觉设计的特点，促进两岸高校在网站主页建设的交流以及文化层面的深度思考。

1 主体颜色

颜色是网页设计中常用的视觉语言。色彩的形式变幻万千，色彩是一种物理现象，色彩客观来说并不包含任何人为情感，一切情绪化的意义都是被人为赋予的。歌德在色彩学研究领域直接赋予了眼睛重要而独特的地位，眼睛在色彩感知中具有“极性”倾向，色彩不断塑造与改变人类的色彩感知，在潜意识里左右人的情绪。每种色彩都被赋予不同的含义，“蓝天白云、灯红酒绿”，我们的日常生活中充满了缤纷的色彩。人类在色彩接触中产生的从知觉到情绪再到意志象征等一系列心理活动被广知为色彩心理学，是视觉神经与客观环境的直接对话，而情绪又会受到潜意识的支配，从原始文化用色彩涂抹身体开始，色彩对人类而言便被赋予了更多的意义。而网站主页的颜色则是作为高校的视觉特征，通过颜色的搭配，进一步影响人们对于该校的主观意识。

澳门地区5所高校网站主页大多使用了不同明度的蓝色，蓝色在大众的印象中象征着年轻，而澳门地区的大学大多都较为年轻，与蓝色的色彩定义有异曲同工之处。在色彩心理学的测试中，发现几乎没有人对蓝色反感。有心理学家指出，人的第一感觉是视觉，而对视觉影响最大的是色彩。该地区5所高校在视觉的第一印象上拉近了与访问者的距离。

澳门大学的首页颜色以青蓝和绯红为主，两种色彩的对比强烈，直观的视觉效果的体现从另一方面反映了中西方文化碰撞。其作为澳门地区唯一的综合性公立大学，首页通过低明度的色彩使用，从视觉上影响着访问者对学术及发展的主观意识的判断。澳门科技大学的首页颜色以浅缥及青色为主，该色广泛应用于科技及互联网领域。同色系的两种色彩明暗对比强烈，给人更直观的科技感及未来感，与该校创学宗旨、发展使命相呼应。从视觉上凸显该校的青春活力，彰显其多元化办学、前沿性科技研究及国际化战略。澳门城市大学大量使用青绿色，该色会给人清爽的感觉，可以使人从兴奋的状态中冷静下来。该色所体现的精致感与该校以其作为植根澳门、服务区域的办学理念相得益彰。澳门理工学院的首页颜色以白群为主，给人通透之感。其作为澳门地区应用型高校，本着“小而美、小而精、出精品”的办学理念，白群色象征着理想，是其高质量的教学保障体系。搭配网页右侧活动行事历部分所使用的真红，以强烈的视觉冲击使普专兼擅，中西融通的校训留存在访问者的记忆中。澳门镜湖护理学院的首页颜色以杜若色和白色为主，给人纯净之感。该校致力于培养护理专业人才，白衣天使向来都是护士的代名词，且符合南丁格尔首创护士服时所提出的清洁、整齐并利于清洁的原则。视觉上展现了该校专业化的专业设置及对医学严谨的态度。

通过对表1网页所使用色彩的分析，澳门各大高校在网站首页的颜色使用中，较多地运用相近色彩作为主要颜色，搭配少量相似色彩加深层次，以对比色的运用强调和凸显重点信息;以白色及少量灰色作为底色，使整体页面简洁大方，主页文字信息得以突出，彰显该高校在主页视觉设计中对浏览者的人文关怀。

2 框架版式

通过对比分析澳门5所高校的网站主页，在框架版式中，大多采用骨骼型和上下分割型相结合的方式。其中澳门理工学院在页头中使用中轴型版式，给人稳定平和之感。骨骼型是比较规范的网页分割方法，能让人在视觉上感受到严谨、和谐、理性的美;上下分割型则是在整体上把版面分为上、下两个部分，从而产生较为强烈的视觉冲击力。

本文将5所高校的主页按页头（包含LOGO、标题、导航栏、BANNER）、主體（包含内容）、页尾（包含友情链接、版权声明、使用协议）分为3个板块进行分析，并得到表2。

通过以上分析，对澳门地区5所高校主页框架版式有了初步认知，以较为规范和严谨的骨骼型版式为主，并与其他类型的版式进行混合使用，使整体版式更加多元，从视觉上达到了既有条理、理性，又活泼的弹性效果。

3 浏览动线

网页的浏览动线就好像人在室内室外移动的点，联合起来就成为动线，访问者在浏览网页时，动线的排布方式将直接影响访问者的浏览速度、信息浏览量及浏览便捷度。

通过体验分析比较澳门地区5所高校的网站主页，仅澳门理工大学较为新颖和独特，采用横向动线，访问者仅需左右移动鼠标，便可查阅相关目录及点击跳转。澳门大学、澳门科技大学、澳门城市大学、澳门镜湖护理学院均采用纵向动线，需访问者手动拉动页面浏览。

相比较横向动线和纵向动线，首先就访问浏览速度而言，前者更快，后者稍慢;其次就可供浏览的信息量而言，前者较少，后者较多;最后就浏览便捷度而言，前者需要跳转至子页面，后者则可在了解标题后选择性进行子页面的跳转。（如表3）

通过对主页浏览动线的分析，澳门地区高校对于访问者的人性化设计相对完善。访问者能够较为便捷地进行初步浏览和找到目的信息进行点击跳转。

以澳门地区5所高校网站主页为例，对主体颜色、框架版式、浏览动线三方面进行了分析。澳门地区高校在网站主页上通过视觉设计体现学校自身特色、未来发展趋势以及访问者的人文关怀。

在网站主页设计中，视觉是一种直观的传播方式，通过使用颜色、符号、字体等视觉语言元素，高校与受众之间进行了信息、情感的交互。如何让视觉元素更加有效地将高校文化、特色学科、办学理念等传播给受众，拉近学校与学生之间的情感距离，通过色彩、框架、浏览动线让网站变得更有“温度”，这不仅是澳门地区高校在网站建设中需要探索的问题，也是信息化时代下世界高校都值得深思与探讨的问题。网络让世界变得没有距离，通过视觉设计体现网站主体价值观，建立起网站与用户互动的桥梁，是网站主页最核心的价值体现。

参考文献：

[1] 莫光华.色彩是“光的业绩，业绩和苦难”——论歌德的《色彩学》和色彩观[J].同济大学学报（社会科学版），2012.

[2] 谢雪莹.网页设计与色彩综述[J].艺术与设计（理论），2015.

作者简介：朱邹（1991—），男，重庆人，艺术学学士。