视觉要素在高校网站页面设计中的应用

郝淑惠

【摘要】互联网的高速发展，使越来越多的高校通过建设自己的网站进行展示和宣传。高校网站页面设计作为高校宣传的门户显得尤为重要。要想做好网站页面设计，最重要的就是把握好视觉要素的使用。基于此，本文首先对视觉要素的概念进行了简述，接着对网站页面设计的原则进行了介绍，最后详细的分析了几种视觉要素在高校网站页面设计中的应用，希望能够提供相关借鉴。

【关键词】视觉要素;高校网站;页面设计;应用

大众对于学校的最初理解基本上都是从查看学校官网来进行的，这也就意味着高校的官网在向社会展示高校办学特点以及文化内涵的同时与外界形成了互通，最大限度的扩大了学术交流的范围，促进了高校向世界走去。现如今，功能性的网站页面设计已经不能够吸引人们的兴趣，人们更加重视美的享受，也就是要在能看到有效信息的同时还要使得浏览者感知网站界面上的各种视觉要素。

1. 视觉要素的概念

使用视觉符号对信息进行传达、注重审美效果以及以视觉的形式表达出来是视觉要素需要满足的几个条件，在这个过程中，网站设计师将自己的思想寄托到网站页面中，从而引发人们的心理效应，用户可以通过视觉有指向性的来对信息进行获取。需要注意的是，在将视觉要素应用到网站设计中时，首先一定要对自身定位和内容进行明确，这样在设计好了以后才能够凸显出学院特色以及个性。另外，要知道对艺术性网站浏览的用户主要是一些有着知识或者是艺术背景的教师和学生，这些群体有着自己對于美的理解和感受，所以说，在设计的过程中一定要以人为本，讲究细节，注重色彩的展示和内容的表达。

2. 高校网站视觉形象构建的发展动态

随着时代的发展，高校越来越重视自身形象的塑造。到目前为止，已经有很多的高校建立了相应的网络宣传系统，这使得高校可以面向更多人介绍自己学校的特色。为了完善自身网络系统的建设，高校开始重视网站设计过程中的视觉形象构建。在高校建立的不同级别网站和相应网络空间的融合过程中，视觉形象系统得到了充分的显现。为了能够提升自身的竞争力并且顺应时代发展过程中办学形态的变化，越来越多的新技术应用到了网站的构建和规划中。由于网络媒介在教育领域应用的越来越广泛，所以说，高校网络文化的建设也越来越受到国家的重视，高校已经建立了基本的网站以及相关的教育和交流平台。虽然说高校网站建设得到了一定程度的发展，但是其中还是存在着一系列的问题的。

3. 视觉要素在高校网站页面设计中的应用

3.1 版式布局在高校网站设计中的视觉传达

为了更好的在高校网站页面设计中对视觉要素进行应用，在对网站的版式进行布局的时候要和图形、文字以及色彩等相关要素相结合，按照色彩、比例以及虚实等相关的规律来对页面来进行设计制作，在表现设计方案以及思想的时候可以通过造型要素以及形式原理来实现，这样能够更好的对审美信息空间来营造。对于高校网站建设来说，在进行版式布局的时候要注意形式美学的要求以及视觉造型各个元素之间的合理运用。在做设计的时候，要使用对称、非对称以及对比等方法，还需要注意网站的大小、位置、节奏以及间隔，为了保证页面整体布局的协调和平衡，需要以人的视觉模式识别特点来用框架技术对页面进行分割，使用的过程中还需要注意视觉元素的大小以及轻重比例。在视觉心理学中提到了，如果在版式布局传递的信息能和使用者的心理处于同步的状态，那么这个时候就会产生一种认知理解和美感效果。所以说，在版式布局中一定要对用户获取信息的个性以及习惯给予足够的尊重，并且巧妙地对其进行运用，从而激发出浏览者的兴趣，实现和浏览者的沟通。

3.2 文字在高校网站设计中的视觉传达

信息的传递主要是通过文字元素来实现的，为了更好的满足浏览者的需求，环节浏览者的视觉疲劳，需要对网站设计过程中的字体、颜色以及大小来进行排列，单页面出现的字体最好不要超过四种，这样会给浏览者一种很凌乱的感觉。要想完成一个风格独特、令人难忘的软件，设计者一定要对文字进行有创意的构筑，字体的每一处弯曲和角度都要细心设计。除此之外，为了带给浏览者更好的视觉冲击，相关设计者需要从版式布局以及整体界面风格上来对文字进行设计和运用，充分的将文字的色彩表现出来，增强网站的特点。为了增加浏览者浏览的舒适度，可以在网站中营造负空间。所谓的负空间指的就是字间距、行间距、段落之间的间距，营造好的负空间可以按照浏览者的视觉心理情况来对字距和行距来进行设置，适当的对行距进行加宽，可以形成较为明显的距离空白，保证浏览者浏览起来更加方便。在其中运用CSS技术，可以对文字字型样式以及段落外观进行控制，增强网站的灵活性。

3.3 图形在高校网站设计中的视觉传达

在网站设计中运用图形，可以更好的创造新形象、拓展浏览者的思维以及实现信息的有效传递。点、线、面结合是图形设计中的重要原则，在对其进行运用的时候主要是使用jpg、jpeg、gif、png等图形格式，这些图形格式能够在大部分的浏览器中进行运用。其中jpeg是压缩效果最好的一种图形格式，有着传输速度快以及时间短的有点，一些大型和中型的图形都可以使用这种格式。在对图形进行选用的时候，需要重点考虑图形的大小、组合形式以及位置等，这样能够保证页面整体的美观。另外，所选用和设计的图形一定要能够对网站的主题和内涵进行充分反映，使得浏览者能够一眼看到重点，一定不能再其中使用过于抽象的图形来对文字进行代替，使用的图形数量也应该视情况而定，选择合理的造型手法，达到图文并茂的效果。

3.4 色彩在高校网站设计中的视觉传达

一般情况下，视觉作用都是通过形象来显现出来的，通过视觉元素，浏览者可以产生不同的联想和情感。因此，为了体现出网站的特色，需要根据网站的特点、理念以及主题选择一些合适的色彩。此外，还可以通过不同信息的表达内容来使用不一样的色彩来将信息的生动性和丰富性表现出来。比如说，如果学校的网站是海洋文化元素的话，那么就可以以“蓝色”为基调，结合艺术多元化的特种，使用色彩来进行视觉元素的表达。

3.5 动态元素在高校网站设计中的视觉传达

动画、声音以及视频文件是组成动态元素的主要部分。其中，动画的格式一般指的是GIF或者是FLASH，一些较为优秀的动画可以和一些音效密切结合，震撼人心，使得浏览者身临其境。而声音则是多媒体技术的重要组成元素，浏览者在获取信息的时候可以通过享受音乐的形式。为了保证视频文件的播放效果，应该选择一些较小的尺寸。需要注意的是，未来视频文件将是一种重要的传递信息方式，为未来的网络信息传播提供更大的发展空间。

4. 结束语

总而言之，好的网站页面设计可以在兼容传统平面设计特征的同时还具备其没有的优势，更好的进行信息交流。所以说，为了更好进行网站页面设计，一定要在掌握高校教育主旨的同时，对国内外的优秀网站作品进行借鉴和学习，不断地积累经验，汲取影响，促进我国高校网站页面设计的发展。

参考文献：

[1]王愉.论网页视觉要素设计[J].北京印刷学院学报.2005（4）.

[2]袭永晓.论高校门户网站的建设[J].电脑学习.2009（6）.

[3][韩]姜恩正，黄静慧，著.周钦华，译.设计师谈成功网页设计原则.北京：电子工业出版社，2006.

[4]乔柳.网页界面设计中的信息图形化研究[D].上海：上海交通大学，2010.