基于开源内容管理系统的门户网站主题设计探索及实践--以北京大学图书馆门户为例.pdfVIP

基于开源内容管理系统的门户网站主题设计探索及实践 ——以北京大学图书馆门户为例 张轶雯 [摘要]本文针对北京大学图书馆旧门户存在的问题，提出新版门户的主 题设计思路，着重围绕图书馆门户在主题上的页面布局、色调、字体等设计基础 理论，详细探讨新门户的主题设计实践，希望对高校图书馆门户主题的开发提供 实践参考。 [关键词]开源软件CMS高校图书馆门户主题设计主题开发 1引言 在信息化时代，门户是机构对信息进行汇集和展示的一个重要手段，受到各行各业的重 视。一个精心设计、使用方便的门户可以吸引大量关注，很好地引导用户，使用户很快找到 自己需要的信息资料。 高校图书馆汇集了各学科文献资源，高校图书馆门户是为全校师生和科研人员提供本校 资源利用的重要角色。根据服务多样性原则，高校图书馆门户必须全面而有侧重地展示本校 资源信息和服务资讯，满足不同用户的需求，更好地发挥作用。 2需求分析 门户的主题设计主要通过视觉传达网站主题，通过合理布局展现网站内容。高校图书馆 门户作为一个功能性门户，要有清晰的主导航，突出的重点，合理划分的内容。因此，布局 不宜过度密集，否则会给读者造成视觉混乱；也不能过于松散，否则读者不能很快找到资料， 失去对门户的浏览兴趣。 北京大学图书馆拥有丰富的学术资源，长期以来为全校师生乃至中外各界人士提供多样 化的服务。北京大学图书馆旧版门户于2006年初发布，至今已经6年多。随着信息技术的 不断发展，旧版图书馆门户在设计框架、内容组织、使用功能及美工设计上已经不能满足目 前的用户需求。随着数字化的发展，读者可以通过互联网获取大量资源，图书馆的作用和地 位也随之改变。…图书馆门户作为吸引读者的重要方式，必须尽可能地让在用户短时间里获 得最有价值最丰富的信息。因此门户的主题设计应当既能全面展示图书馆的资源和服务，又 能突出重点，主次分明，根据读者对图书馆资源和服务的使用率来确定页面重点和元素。因 此，新版图书馆主页的主题设计，以交互设计和网页设计理论为基础，结合用户需求，设计 为界面简洁、内容丰富清晰的新门户。具体设计思想为突出检索，以图片或动态效果加强对 图书馆新服务的宣传，淡化新闻消息，将门户的全部内容包含在主导航中。 3主题设计及实现 3．1主题设计的理论基础 (1)统一与变化 362 在门户的主题设计中，没有变化，设计就会单调乏味，缺少生命力；没有统一，设计就 会杂乱无章，缺乏和谐与秩序。…门户的内容组织应该有序，内容的展示应该动静结合，与 用户很好的交互。 A．页面布局 页面布局的基本原则是留出足够的空间与空白，使阅读和理解更加容易。【21栅格系统作 为网站页面布局的重要设计方法，以一定规律的网格确定页面元素比例和各元素间的距离。 利用栅格系统设计页面布局，可以让网页信息呈现更加美观易读，而且开发上更具灵活性， 更加规范。图1为栅格系统的设计原理。 图1栅格系统的设计原理 w=(a a为一个栅格的宽度；A=a—i；11为正整数；i为栅格与栅格之间的间距；W为页面／区块的 宽度。通过改变A和i的值来规划页面元素的比例和位置，使门户的主题架构有条理，看起 来也十分舒服。 B．色彩、字体 色彩是门户主题设计中最直接传递信息和感情的要素。选择合适的色彩不仅能丰富页面 效果，更能激发用户浏览网站的兴趣。不同色彩可以表现不同网站的特色，好的色彩可以大 大增加网站表现力。主题设计色彩搭配原理是善于使用单色、对比色、邻近色和同类色，色 彩符合网站的主题内容和文化氛围，尽量把主题颜色控制在三种以内。通常教育类门户的主 题色彩采用充满希望的绿色，或者是平静清爽的蓝色。 文字是网站的载体之一，是网站直接展示内容的方式，通过文字可以向网站用户传达各 种信息和意图，文字的编排与设计对于页面整体效果至关重要，阅读的舒适度直接影响用户 体验。文字设计包括字体、字号、行间距及粗细等等。 3．2北京大学图书馆新门户整体页面宽度的设定 笔者调研了国内外各大网站的页面宽度，结果如表1所示。 表1各网站页面宽度 网站名称 页面宽度(