从-文字-开始打造美丽的校园网站.pdfVIP

从“文字开始 打造美丽的校园网站 牛婷婷张斌 摘要：校园网站是教师与学生彼此之间相互交流的重要平台，在信息化校园建设中起着举 足轻重的作用。但是目前在校园网站的设计过程中极易被忽视的一个问题是：网站文字编排设计 的功能性和艺术性没有充分体现出来。本文借鉴一些经典的商业及个人网站，提出了校园网站文 字编排设计的策略和原则。 关键词：校园网站；网站设计；文字编排 校园网站是教师、学生、学校之间相互交流的重要平台，也是学校宣传的重要阵地。网站 的观赏性由布局、图片、动画、色彩等很多要素控制，而在网站的设计中，文字往往是被忽略的 要素。 笔者认为，在网站的外观设计上，文字具有功能性和艺术性的双重使命，校园网站的设计 可以借鉴优秀的商业网站和个人网站。 ， 1．文字设计的基本要求 文字设计的基础要素包括：字体、字号、字距、行距、色彩。 1．1字体 。． 字体除了我们的计算机的Windows系统中随机带的宋体、楷体、黑体等常用字体，还包括 多种多样的现代字体。但是现在可供选择的现代字库很多，每一个字库里又包含几十种甚至 上百种不同的字体。这些字体与传统的字体不同的是，更能彰显个性和表达情感。对于校园 网站，要有选择的使用，特别是几款模仿儿童书写的字体，容易表现童真童趣，适用于小学校园 网站中，另有几款充满现代时尚气息的字体，则适用于中学及大学的校园网站。一般校园网站 都是清新简约的风格，所以不宜使用笔画较粗和变化过于夸张的字体。 要把握好字体与文字内容和图片的搭配，并且要慎重使用，一个网页最多不能超过三种字 体，同一个网站中的各个网页也要保持风格一致。 1．2字号 通常字号大小有两种不同的表示方式，一种是中文的表示方式，写作：六号、小五号、五号、 小四号、四号、小三号、三号等；另一种表示方式是英文表示方式，写作npt，pt是单位，n代表 阿拉伯数字的任意数。虽然这两种表示方法不同，但它们之间是相互联系的，也就是说中文字 号表示方式的每个字号的大小，在英文字号表示方式中大小一致的相对应的字号。 最适合于网页正文显示的字体大小为12pt左右，也就是小四号字，如果在一个页面中需 要安排的内容较多，通常采用9pt的字号，也就是小五号字。较大的字体可用于标题和其他 需要强调的地方，小一些的字体可用于页脚和辅助信息。需要注意的是，小字号容易产生整体 感和精致感，但可读性较差；大字号则相反。 1．3字距 对于网页信息的正文内容，字符间距一般用默认值，其实这也是人眼浏览起来最舒服的间 386 。专题二教育技术的应用与实践 距。但对于标题性和装饰性的文字来说就没有任何限制，可以根据不同的需要设置不同的间 距。当然字符间距大一点会强调每个字的特征和含义，而字符间距小的则会使这个字段具有 整体性，突出的是一个词组或句子的含义。 ． 1．4行距 行距的变化也会对文本的可读性产生很大的影响。一般情况下，接近字体尺寸的行距设置 pt，则行距12pt。因为，适当的行距会形 比较适合正文。行距的常规比例为10：12，即字号lO 成一条明显的水平空白带，以引导我们的目光，而行距过宽又会使一行文字失去较好的延续性。 1．5色彩 文字的色彩首先要与整个网站的色调相搭配，要与背景色彩有较大的反差，以便于阅读。 基于校园网站的风格，大都以白色或其他浅色为背景色，所以文字一般选择与背景色同色相或 近似色中比较深的色彩。 2．标题及装饰性文字的设计 与商业及个人网站相同，校园网站也需要有合适的标题及装饰性文字，以增加网页的视觉 表现力。在商业及个人网站中，标题及装饰性文字的设计是非常讲究的，其中文字设计的技巧 是相通的。 2。1字体的组合与搭配 在同一个网页中往往使用类似的字体，来使整个网页的设计在变化中又有协调统～。 图1流域杂志网站(http：／／WWW．vanely．corn) 在流域杂志网站的首页中(图1)，导航使用了方正老宋体，这种字体是宋体的变形，把宋 体的笔画