工大学国际交流网站设计为例
童彦婷;陆江艳
【摘 要】为扩大国际影响力,实现国际化交流,高校可充分利用校园网络平台来传播高校品牌文化.在网络传播平台的设计中,功能设置与视觉设计是交互界面的两大重要因素,需要针对高校国际交流网站用户及该校本身的特点进行设计,从而高效、准确地传播高校的品牌文化. 【期刊名称】《设计艺术研究》 【年(卷),期】2011(000)002 【总页数】5页(P64-67,75)
【关键词】高校品牌文化；网络传播平台；网站设计 【作 者】童彦婷;陆江艳
【作者单位】武汉理工大学，武汉430070;武汉理工大学，武汉430070 【正文语种】中 文 【中图分类】J0
高校品牌文化的核心是学校的文化内涵，高校品牌竞争的实质就是文化内涵的竞争。目前，高校品牌文化的功能和作用正逐渐被管理者所认识，但高校对之还缺乏理性思考和系统建设[1]。高校网络平台具有跨行业、跨地域、多学科交叉、互动性和开放性好等特点，是高校品牌文化发展的有力支撑。本文以笔者参与设计的武汉理
工大学国际交流网站建设为例，探讨如何通过合理的视觉传达设计，来达到高效、准确地传播高校品牌文化的目的。
目前，高校网络平台已成为高校品牌竞争的重要战场之一。首先，使用网络平台媒介是高校品牌文化传播的捷径。高校可以利用网络信息平台庞大的资料库及其开放性的功能，实现校内外的信息交流、发布和决策支持等行为的信息化管理。其次，优秀的高校网络平台对高校树立品牌形象，优化品牌传播效果，实现高校网络平台的学习性、交流性、传播性、互动性，打造国际化的高校品牌具有很好的效果[2-3]。再次，优秀的高校网络平台将推动高校品牌文化的建设。高校在校园网络的视觉形式及学科特色的网络展示等方面的实践，将有力地推动高校品牌文化建设实现新的跨越。
武汉理工大学于2009年开始筹建国际交流网站，经过1年的规划、设计、建设、完善，于2010年完成了初期建设工作（见图1）。该网络平台在视觉方面有关于整体风格、页面布局、页面色彩、页面大小、动画效果和图片展示等设计内容；在浏览方面有关于页面导航、页面容量、页面结构、内容安排和内容呈现方式等设计内容；在信任方面有关于友情链接、底部信息和帮助中心等设计内容；在互动方面有关于会员申请与注册、表单填写、点击与错误提示、在线问答与搜索和新开窗口等设计内容，成为了武汉理工大学传播高校品牌文化的有效途径之一。
作为国际交流的网络平台，网站面向的主要用户群是国外高校的师生。他们想要了解学校的概况、学术研究情况以及校园文化，大多会通过国际交流网站获取相关资讯。高校网络平台与用户之间进行信息传递是通过交互界面来完成的，因此，交互界面的美观程度与信息传达的有效程度，直接影响着用户对该平台的评价。要打造高校独有的、无可替代的网络视觉品牌文化，树立学校品牌形象，提高知名度、美誉度、忠诚度与品牌联想，从而提高高校的品牌竞争力，交互界面的设计起着至关重要的作用。
在交互界面的构思过程中，只关注用户怎样感知信息是不够的，还必须让用户理解这些信息。而用户的认知水平和阅读目的都不尽相同，为了实现通用的设计目标，必须开发有用的内容，提供一般用户普遍需要的资讯。同时，要有清晰的表达，使每个页面上的内容相互对应。另外，还要使用与用户阅读水平相吻合的语言表达方式。因此，这就需要在设计中做到以下几点：一是以阅读者的需要来顺次表现内容；二是使用有效的设计风格，保持设计的内在一致性与清晰性；三是使用易于阅读的布局，让用户可以轻松地找到阅读的起点、顺次和终点；四是元素之间和元素周围的间距处理要一致；五是将色彩作为信息设计的工具，而不仅仅作为装饰；六是充分考虑用户多样的文化背景、信息需求和认知能力等影响因素。
我们在设计武汉理工大学国际交流网络平台时，首先是按照外国人的阅读习惯来总体规划的。一般的网页设计涉及很多元素，但由于这个平台面向的用户有一定的特殊性，因此我们特别注意了所用的英文字体及色彩。全英文的网站和中文网站实际上有很大差异，英文字与中文字在网页设计中的表现力与视觉感受，是完全不一样的。同时，在本次设计中，我们将色彩作为了传递学校信息识别的重要元素。 在网页的交互界面中，字体元素在标题和文字内容等地方出现，是视觉接收信息的主要元素。与之相对应和协调的还有图案的种类、大小，以及栅格的放置、大小、栏宽和间隔等。
对于一个网页设计的清晰度和易用度而言，文字的设计常常会发挥很大的作用。尽管设计时我们可以不使用文字来传递网页信息，但网页信息的准确性和完整性会大大降低。因此，绝大多数信息的传递还是要依赖文字的。可见在高校国际交流网站页面中，文字信息的呈现方式非常重要。其中，文字信息呈现的排版布局，即文字的图形性显示，是设计网页样式表最重要的部分。
为了吸引用户，无限制地追求风格、无控制地发展创意，常常会导致设计发生偏离，让信息传递不到位。高校国际交流网站的首要目的是方便国际交流，信息传递的效
果应为首要的考虑因素。一般来说，我们要为用户着想，让字体清晰、易读，使之与用户、信息和介质相适应，这就需要我们认真考虑以下因素：文字大小、字体类型、线段长度（即字体线条或分栏的宽度）、风格、排列、间隔、位置、色彩。正文字体，也叫文本字体，即文章主体文字，它是一篇文章或一个章节的“肉”——它不是标题，不是放大的引语，不是说明，不是其他的显性文字，而是所承载信息的一部分，但用户不那么倾向于去读它。鼓励用户去阅读文字内容的一个方法，就是让文字内容部分看起来易于阅读。要达到这个要求，我们就要处理好影响它外观的各种因素。
在网页框架中处于同一级别或同一系列的内容，不管出现在什么地方，文字的感觉都要一致，尤其是字体大小不能发生明显的变化。如果设计上出现了变化，用户一般会认为这意味着网页框架上的变化。如果他们注意到了这种变化，就会琢磨这到底是什么意思？他们或许会假定字体的缩小意味着这些内容没有前面那样重要——人们根据以往的经验，将大小与重要性联系在一起，于是假定字体越大就越重要。即使用户翻到下一页时没有意识到文字内容的字体变小，随意的阅读似乎对此无所谓，但这样的用户是没有阅读动机的，他可能随时就把读到的东西抛诸脑后。在网页设计中某种具有一致性的样式表，也可以向用户传递一种熟悉感。不仅限于网页标识，有时候即使是栅格的外观、布局和字体，都有助于用户在浏览阅读时识别一个网站，达到网页VI的效果，这种熟悉感甚至可以让用户感觉拥有“自己的”网站一样。
字体之间有着微妙的差别，可以称之为字体的“个性”。选择字体对设置网站基调、创造形象、建立品牌，尤其是对希望突出个性的高校网络平台设计是颇有作用的。然而，对于那些要靠文字来获得基本信息的用户来说，字体的“个性”远没有它的清晰性和空间结构特点来得重要。因此，我们认为，在选择英文字体时需要考虑以下因素：
（1）衬线。英文字体笔画末端的水平条即为衬线，它构成了一种微妙而又明显的极限强化，也就是字体似乎坐落于一条水平线上。由于电脑屏幕分辨率与书籍不具有可比性，正文10～12px的衬线字体，在电脑屏幕上是很难辨认的。
（2）增加字母间隔。衬线为字母之间带来了一个额外的空间，避免了相互交叠。比起无衬线字体来，显得更宽容一些。而无衬线字体需要更多的间隔——字母间距和行距，来帮助眼睛以同样的流利程度浏览水平字行，各行之间的额外空间使得视线不会串行。
（3）字体的数量。用尽可能少的字体，使整个页面看起来比较安静、协调和统一。第一种字体需要有艺术感、冲击力强，作为名称和标题等重点使用；第二种字体需要相对普通，使读者在正文的阅读中几乎感觉不到字体的存在，并强化其易读性。 高校国际交流网络平台的绝大多数用户是国外的高校师生，他们文化程度普遍较高，可以接受无衬线字体的整齐和时尚感。相比之下，衬线字体比无衬线字体看起来要古典一些。根据电脑屏幕分辨率的局限和武汉理工大学自身的特点，我们在进行学校国际交流网站的设计时，正文使用了无衬线字体（见图2）同时，尽可能减少字体的数量，使校名的字体得到了突出显示。
网页文字内容的排列应该便于用户把握和理解，能够让用户感觉到有一种舒适的阅读节奏。过宽的分栏，会迫使用户紧张。因为它没有适当的阅读停顿，用户阅读时视线容易串行，找到下一行的开头也不易。反之，分栏很窄，排列很长，每一行的字母很少，使得用户的视线需要跳个不停，也令用户的阅读行为难以持续。如果阅读节奏让用户感觉舒适，用户就更有可能关注内容，高效率地获得他想要的信息。通过计算一行中有多少字符，我们就可以在设计时把握这种节奏。一行之中字符数量多少的决定，需要我们在设计时考虑字体大小、字体类型、风格和栏宽等各个因素。
粗体字是一种有效表现对比和强调的手段，用户一般习惯于将粗体字理解为更重要
的信息，因此在文字内容中，粗体字可以用来突出主题，吸引读者。比起斜体来，粗体的强调更有力，因为它们增加了对比。尽管斜体也与常体形成了对比，但一些斜体的笔画较细，所以强调的力度就有限。粗体不仅与常体形成了对比，而且在背景上更加突出，但同时粗体字更占空间。我们在设计武汉理工大学国际交流网站时，为了表示强调，将首页导航上的字体经过了加粗处理（见图3）。
好的图片能够引起用户的阅读兴趣，同时图片与文字相互对应和联系，扩展了文字内容。但图片的使用要有节制，让阅读有敞口，以利于用户顺利获取资讯。 很多情况下，网页设计师将色彩只是作为装饰来使用，以吸引用户的注意力。武汉理工大学国际交流网站作为学校国际交流的平台，同时还肩负着宣传学校品牌的重任。因此，我们在网页设计中对色彩的运用非常小心。因为色彩可以显示不同、显示相同、帮助用户找内容、鼓励用户在信息中流动、帮助用户记忆信息，以及对某信息进行强调或弱化等。为了更好地达到宣传学校品牌的目的，在色彩设计时我们注意了以下几点：
整个网站或者同一类信息的所有元素，尽可能地使用（或大部分使用）同一色相的色彩。比如，网站菜单栏的色彩和点击菜单栏所进入的页面的颜色，应该是一致的。这种色彩的延伸使用，可以微妙地强化这一类信息，将之与其他类别的信息区分开来。又如，每页顶部的水平条、分类标题、各栏之间的细线、原点和标示一篇文章结束的符号，都可以使用同一种色彩。一致的色彩可以帮助用户确认找到了相应的内容，同时还创造了一种视觉节奏。
鲜艳的色彩通常最有强调效果，但不能过滥。如果使用了过多的色彩，反而对视觉造成妨碍和干扰。
我们在武汉理工大学国际交流网站的设计中，使用的主要色系为蓝色，这是学校的标准色。页面即使存在其他的色彩，整体色彩感受仍是以蓝色为主，这可以使网站的用户对学校形成一种统一的印象，最终达到强化学校品牌形象的作用。
高校国际交流网络平台的绝大多数用户是国外高校师生，特定的色彩在异域文化中所引发的联想，值得设计者注意。因为同一种色彩在不同文化背景下，可能会具有多重、有时甚至是相互矛盾的含义，从而导致一些潜在的误解出现。
武汉理工大学国际交流网站以蓝色调为主，因为蓝色是学校的标准色。蓝色传达出了武汉理工大学的气质特点，因为蓝色通常让人联想到海洋、天空、宇宙，表现出一种美丽、冷静、理智、安详与广阔的文化内涵，与武汉理工大学校训“厚德博学”的感觉较为一致。
虽然每种色彩都有相应的作用，但色彩的多样性有时反而会破坏网站构架的清晰性，影响网站信息传达的速度。另外，高校国际交流网站传递信息主要是依靠文字来进行的，因此字体所选取的色彩，需要有较强的易读性。
我们在武汉理工大学国际交流网站的设计中，使用了蓝色调。尽管蓝色在文字内容的易读性上接近于黑色，但仍不如黑色，因此我们在正文中的字体还是尽量以黑色或深灰色为主。
笔者通过对武汉理工大学国际交流网站的设计建设，在实践中探讨了高校品牌文化的网络传播平台的构建与设计方法，推进了高校品牌文化传播的建设，也为其他高校网络传播平台的设计提供了有益的借鉴。
【相关文献】
[1]徐爱华.论高校品牌及其战略管理[J].高等农业教育，2007（5）：11-15.
[2]于洪良，张瑾琳.高校品牌建设刍议[J].国家教育行政学院学报，2008（3）：65-67. [3]陈萍，褚光辉.高校网络信息管理平台建设研究[J].高师理科学刊，2008（5）：55-57.
因篇幅问题不能全部显示，请点此查看更多更全内容