信息技术
高校VI视觉元素在网站建设中的应用研究
吕思思祁建松
(天津中医药大学现代教育技术与信息中心，天津300193)
·167·
摘要：研究日的：研究高校VI税竞元素在高校网站建设中的应用。研究方法本文从企业CIS系统设计中的VI设计理念出发，深讨已经推广应用到高校的UIS系统及高校VI设计的基本准则，针对图内外知名高校网站VI视竞无素应用状流的调研分析，从高校的标志、标准宇、标准色、辅助图形、页面端排五个方面为高校网站的改善优化提出建议。研究结论：通过纵向向比对各高校网站建设效果可以看出，将高校VI视觉元素应用于网站建设能够极大地提升高校形象。为未来学校网站的改版指明了方向，对负责学校网站建设的老师提出了更加明确的工作要求。
关键词：高校网站建设；VI设计；CIS设计；UIS设计；视觉元素
Abstract: [Objective] By researching the VI visual elements applied in university website construction, provide advice for redesign-ing university website, specific work requirements of website constructors. [Methods] With the design concept of VI in CIS system design, discuss the UIS system and VI design principles which has been applied in university website construction, investigative and study visu-al elements of famous university website such as school badge, standard word, standard color, secondary graphics, page formatting. [Re sults) Through contrasting effect of university website construction, we find out it could promote character greatly by using VI visual ele-ments.
Key words: University website construction; VI design; CIS design; UIS design;Visual elements
近年来国内外各高校针对自身历史发展、专业特色量身打造视神转化为视觉符号，用可视的手段展示学校历史和校园文化，创作
觉识别系统已经逐步成为一个常态化的趋势，该系统的应用使得校内外宜传得到统一、学校形象的展示更加立体。随着国家政策的调整极速互联网体验开始快速普及，人们随时随地都能利用多种移动终端登陆网站，学校日常工作中的很多事务也都统一迁移到网站中解决，于是高校网站建设在如今的学校发展中愈加重要，而在将VI 设计中的视觉元素应用到高校网站建设这个方面，各个学校的应用程度不尽相间，
1高校VI视党形象识别系统 1.1VI设计理念
VI 设计隶属于CIS设计系统（Corporate Identity System）,CIS 系统即企业形象识别系统是由理念识别MI(MindIdentity）、行为识别 BI(Behavior Identity）和视觉识别VI(Visual Identity)三部分组成，其中视觉识别V设计是最直观明确展示企业形象的外在硬件识别系统。VI设计是对企业精神、企业理念、企业内滴的提炼，它是种将精神内涵转化为图形符号的表现形式，能够生成强烈的视觉感染效果，是企业文化快速有效传播的途径。VI设计注重艺术表现它通过运用节奏的律、统一变化、色彩心理等美学原则创造出独特的象征符号语汇，塑造信息化社会中专有的企业形象标示，带给人们审美的愉悦感。从二战后20世纪50年代的兴起，到20世纪60 至80年代的全盛，CIS系统的导人对于企业外在形式美的展示和内在精神文化的体现起到桥梁作用，它是项不断运动发展创新的体系。我国于20世纪90年代引入CIS系统理念，人们开始注重企业 VI视觉识别系统的建立，设计属于中国企业的VI系统。
1.2高校UIS系统
随着CIS在企业市场推广、战略定位中的广泛应用，高校UIS 系统（UniversityIdentitySystem）也逐渐被各个院校所认可。高校 UIS系统即大学形象识别系统是将大学特有的办学理念、教学特色用统一的符号形象标示出来的系统工程，应用于学校工作、学校环境的各个方面，向大众展示出学校的特性，起到为大众所认可和熟知的作用，提升学校的整体形象和知名程度。大学形象识别系统同企业形象识别系统结构基本相同，也包括理念识别MI、行为识别BI 和视觉识别VI三个部分。近年来一些高著名学府高等院校均已导入UIS系统，他们的应用实践都已证实UIS系统良好的效能，尤其是随着城市的扩张生源的增长，很多学校迁址建设新校区，在此契机中应该更好地引用高校UIS系统，向大众全面完整地展现大学全新的视觉形象，将UIS系统作为传播学校美誉度的有力方式。
1.3高校VI设计
高校VI设计即大学视觉形象识别设计，是高校UIS系统中的重要组成部分，在系统中主要起到外部展示的作用，它是将大学精
设计属于该大学特有的视觉符号。高校VI设计包括基础设计和应用设计两个部分，基础设计中包含学校标志、中英文标准字、标准色和辅助色、以及特有的辅助图形等，应用设计包括路牌、指示标、校车贴花、办公用具、学校网站等，可以推及到很多学校工作细致的部分。高校网站视觉形象系统内容包括学校名称、学校标志、学校标准学和标准色、辅助图形、以及统一的页面排版等，由于应用设计中所有基础的视竞符号都来源于先前的基础设计，所以要严格接照基础设计中的视觉元素来进行再设计在创作，高校VI视觉元素在高校网站建设中的应用就显得尤为必要。
2高校网站VI视觉元素应用状况调研分析
随着高校UIS系统应用的推广，各大院校纷纷参与本校的视觉形象识别设计，VI设计元素基本应用到可视范围内的校园环境，形成统一视觉形象给人以亲和力，但是在高校网站建设方面，VI视觉元素的应用程度却不同，从而影响了学校线上线下全方位给人的整体印象。究其原因，一方面是在界面设计时没有注重美学原理，另方面就是没有有效应用原有的V1设计元素。下面就前期对国内外高校网站界面V元素应用的调研情况进行归纳分析。
2.1国外著名学府
观摩的十所国外著名学府官方网站包括爱丁堡大学、哈佛大学、海德堡大学、加州大学伯克利分校、加州理工学院、剑桥大学、麻省理工学院、莫斯科大学、牛津大学、斯坦福大学。点击打开这十所高校网站首页，给人的第一印象都是整洁有序又不失活泼感，严谨得当又具国际化风格，十所学校网站均应用了VI设计中的基础元素。仔细分析，每所学校首页左上角显著位置均放置学校LOGO标志和学校名称，页面均采用大块额色布局，明确划分出不同的功能区，所采用的题色也都是标志中其有的标准色和辅助色，页面底部搭配辅助图形，界面效果干净简清、清爽利落。尤其是哈佛大学、剑桥大学和牛津大学最令人印象深刻，三者界面构图类似都是采用上中下的版面布局。上部是LOGO、导航和重要新期主题的宽幅 banner，刻意加宽加大色彩鲜明制作精良的banner图片让人眼前一亮，很能吸引眼球。中部是主要的各院系新闻，哈佛大学是将新闻标题放大缩小组合排列以图形符号的方式来展现文字，剑桥大学、牛津大学是以仅带标题整齐排列的小图片代替繁项的文字，都给人以形式美感。下部是大幅标准色色块与辅助色相结合，为学校的主要链接条目，方便浏宽者查找。值得一提的是，除了这十所高校，在康奈尔大学的网站首页，安排了一个很精彩的部分，为庆祝专栏，设置了一段学校储敢航拍的小视频，简清的学幕、优美的校园建筑给人强烈的视觉感受，凸显了学校悠久的历史和校园文化，值得学习和体会
作者简介：吕思思(1987-),女,甘肃武威人,硕士研究生,天津中医药大学现代教育技术与信息中心助理实验师,研究方向为视觉传达设计理论及其应用研究