维普资讯 http://www.cqvip.com ２００６年第４期 福建 电脑 ８５ 平面设计在网页中的应用 周颖梅．姜中敏 （上海理工夫学出版即刷学院印厣Ｉ包装工程系上海２０００９３） 【摘 要】：￣．ｙ－－面设计创意、效果、人为因素三个角度的考虑与合理分析。以蔓学角度采设计网页的结构为主线， 实现网页制作的艺术性，使得网页设计走向专业化。艺术化和个性化。 【关键词】：版式布局网络安全色多媒体 网页设计作为一门新兴的技术．涉及到多方面的美学知识． 如平面设计，装饰与装潢、摄影、广告艺术等，而我们要制作好一 个网页，考虑到其美学艺术价值方面知识的合理运用。就必须对 这些知识有一定的了解。在这里．我就以平面设计对网页设计的 影响做分析和应用．谈谈如何使网站的建设从单一、冷漠的技术 型转向多元化、人性化、富有亲和力的技术艺术复合型设计。 平面设计与网页设计在视觉传达方面有很大相似之处．而 在技术实现方面又有很大的区别。网页设计是传统的平面设计 的视觉传达效果运用和网络技术实现的有机结合。即网页设计 是综合平面艺术和网络技术的一门边缘科学 １．创意角度 运用左右布局和上下布局。可以把栏目进行分级，以突出一级目 网页的创意并不需要太多复杂的元素和内容就能够表现出 来。平面设计中的创意表现为两种：一是针对主题思想的创意： 二是版面编排的设计创意。将主题思想的创意与编排技巧相结 合的表现。成为了现在编排设计的发展趋势。目前。诸多的网页 设计师逐步将平面设计的创意思想应用于网页设计中．将文字 与图形的配置不是简单、平淡的组合关系．而是具有更积极的参 与性和创意表现性，来表现思想及感情．是形式与内容完美的体 现。 ２．艺术效果 传统的平面设计讲究页面的构图、版式布局、色彩搭配、空 间表现等．这些要素对网页的实际来说是适用的 在视觉效果上 两者有着相同之处．页面元素安排都要符合人们的审美心理。 （参见图１） 图１ 录。同时．混合式的布局方式也更适合在多种不同类型的网站上 使用。如常用的是“单一居中”布局（参见图２）； ２．１．６非规则布局（平面设计图文式）。非规则布局是设计艺术类 网站经常采用的一种布局方式．它与以上几种不同之处在于没 有规则的布局．主要是突出公司或企业的理念，松散的布局方式 和随意的图形格式有效的突出了网站的主题。 ２．２色彩搭配 理论上说．自然界中的颜色有无数种。但是实际上。人眼能 分辨的颜色种类是有限的。网络上，显示器真正能显示的颜色只 有２１６种。称之为网络安全色。 般来讲。一个网页上只采用一个色系，通过调节色系中颜 色的深浅来达到整体的网页风格。但是，如果把平面设计中的整 体设计思想搬到网站设计上来．可以达到很好的平面设计效果。 如纯色的色块结合淡色线条的设计：用色块对网页进行间隔，用 线条把网页中的相关内容连接起来可以增强网页的层次感。颜 色的合理搭配．网页就令人赏心悦目了。对网站的页面进行配 色．可以参照以下方法进行： ２．２．１用一种色彩。 ２．２。２用两种色彩。这是两种对比色的搭配。 ２．２－３用一个色系 一个色调的色彩互相搭配。 ２．２．４用黑色和一种色彩。黑色象征着成熟，稳重，偶尔也被个性 化使用。 设计网页时．色彩搭配是网页设计师要慎重考虑的问题，好 的色彩搭配是网页设计成功的一半。在一个色彩搭配具备专业 水平的网站，即使只使用很少的图形。依然会带给浏览者深刻的 印象和舒适的视觉感受。 在网页配色中。最忌讳的是：不要将所有颜色都使用进去。 尽量控制在三种色彩之内．背景和正文的对比尽量大。取得调和 的色彩效果。 ２Ｉ３构成元索 个网站由多个网页构成。每个网页又由图形、图像、音视 一一频和文字搭配而成。从平面设计的角度考虑这些构成元索可以 分为图形、图像、多媒体等信息表现。 ２．３．１图形和图像 在整体布局确定了的情况下．对图形的词整可以达到另外 种效果．规则和不规则图形的运用可以产生不同的效果。进行 一图２ 网页设计的时候．比较正规的网站一般采用规则图形，而比较随 意和自由的网站则采用不规则的图形。网页中常采用的３种规 则图形是：矩形、圆角矩形和梯形；不规则图形往往能达到与使 用规则图形不同的效果．如圆弧等。 在Ｗｅｂ中图像按照其功能分为： 主要标志图像：这类图像可以是动画也可以是静止的．属于 网站的ＩＴ标志．富有内涵。 网页背景图像；反映网页的主题，可以认为是网页的第二标 志。力求做到简单鲜明、与标志相呼应；色彩较浅、不会冲淡文字 内容；文件尺寸小、一般以ＪＰＥＧ格式出现。 ２．１布局设计 网站首页的平面架构方式比较重要．常见的方式有： ２．１．１左右式．左右式布局可以很好的体现网站的导航内容； ２．１．２左中右式．与左右式布局相比．在内容和形式上突出了对 称性： ２．１＿３上下式，常见的平面设计方式； ２．１．４上中下式： ２．１．５混合式．这类布局适合于具有复杂内容的网站．通过综合 项目符号；这种图形外观尺寸较小，色彩亮丽。ｒＦ转第９９ 维普资讯 http://www.cqvip.com ２００６年第４期 福建电脑 程教育中可以利用的教学资源是无穷无尽的．如果投有一种科 学的管理方法，人们就会很快被海量的信息淹投。在接收到大量 信息的时候。必须要用合适的方法对得到的各种信息进行过滤、 分析、处理，保留有用的信息，去除无用的信息。因此．系统必须 提供能有效管理大量教学资源的管理工具。各种远程的或本地 ４．资源组织使用者可以按需要将各种的资源组成一定的 播放序列．将这个播放序列保存起来．以便需要的时候可以随时 播放这些教学资源。 ５．资源播放在浏览器中播放已经编辑组织好的教学资源 序列．可以设置播放的次数和播放的形式：连续播放，手动播放 的媒体素材，题库和网络教程等必须按科学的，专业的方法分门 等。还可以使用Ｉｆ，Ｊ、黑板”播放方式．方便课堂教学。 别类．统一管理。４．教学资源的组织运用有效运用收集到的教 ６．系统管理对系统相关用户信息的管理。系统提供用户 学资源也是教学资源管理应用系统的关键。教师将教学资源运 认证功能．用户通过输入相应的１３令来验证自己的身份。通过认 用到教学中。学生将教学资源运用到学习中。教师可以根据教学 证的用户才能使用上面的各项功能：不同等级的用户对不同类 需要．在备课时在教学资源应用系统中选择出各种形式的教学 资源．灵活组织和编排。形成具有教学个性的课件。可以让教师 在授课时充分发挥自己的教学特点。学生也可以根据学习的需 要．选出自己需要的教学资源。辅助学习。发挥主动学习的能动 性。 ５．网络教学资源管理应用系统的模块设计 １．资源检索系统提供一个检索工具．可以检索系统数据 库内的资源．可以从多种角度．用多种形式查询．提供模糊查询 和精确查询的手段．检索出来的资源可以编辑和添加到应用序 列中。并提供一个接１：３．当用户要在互联网上寻找资源的时候． 可以使用互联网上的搜索引擎，本根据需要．将搜索结果扩充到 系统的数据库中 ２．资源管理资源的属性有：资源的名称、编号、类型、学 科、专业、适用对象、来源、简介、关键字和存放位置。系统会将资 源的这些相关属性记录在系统数据库中．并会在使用时按要求 动态生成树形目录索引．方便使用。系统提供了３种方法管理资 源：按资源的类型，按资源内容所属的学科．按使用者自定义的 主题管理。使用者可以选择一种或使用多种方法来管理收集到 的教学资源 ３．资源编辑系统提供与其他编辑软件的接Ｅ１．对不同类 型的资源调用相关的外部编辑程序．使用者也可以自己选择编 辑程序来对资源进行剪辑、制作和修改。 型的教学资料具有相应的浏览、添加、修改和删除功能。 ６．结束语 网络教学资源管理应用系统应建立在Ｈ，ＩｒｒＰ和ＸＭＬ等开 放的网络标准之上的．适于运行在互联网Ｉｎｔｅｍｅｔ或内部网 Ｉｎｔｒａｎｅｔ上的．并且是易于使用的。应采用浏览器，服务器（Ｂ／Ｓ）模 式．使开发出来的系统可以远程使用。在硬件环境和系统软件方 面。用户运行环境为支持中文的ｎｅｔｓｅａｐｅ４．Ｏ版本或以上，或 ＩＦＡ．０版本或以上。服务器端采用微软系列平台：ｍｉｃｒｏｓｏｆｔ ｂａｃｋｏｍｃｅ ｓｅｒｖｅｒ。使用ｍｉｃｒｏｓｏｆｔ ｓｉｔｅ ｓｅｒｖｅｒ开发工具。 系统的表示层用ＷＥＢ方式实现．遵循开放的网络标准协 议；事务逻辑层用ＣＯＭ实现，以提高系统的性能．安全性和开发 效率；数据要用商业数据库系统：ＳＱＬ ＳＥＲＶＥＲ。以提高数据可 用的效率和数据的完整性。系统以”教学与资源”为中心来设计。 希望达到高效。快捷。易用的目的．使教师和学生都能充分利用 网络教育的资源．更好地开展教学活动。 参考文献： １．程智．网络教育基础【Ｍ】．ｊｂ京：人们邮电出版杜，２００２． ２．刘晓辉．檑卫东，构筑网络应用基础平台【Ｍ】．北京：科学出版社，２００５． ３．】檑宗凯．昊砥．刘清堂．网络教育标准与技术【Ｍ】．北京：清华大学出版 社．２００５． ４．檑卫东．网络系统集成与工程设计【Ｍ】．北京：科学出版社。２００５． －。＿ －＋－＋－＋－＋－＋－＋－＋一＋一＋・＋－＋－＋－—－＋一－ （上接第８５页） 按钮；常用Ｆｉｒｅｗｏｒｋｓ或Ｆｌａｓｈ制作动态按钮，来增加页面的 用。主要是为了添加页面内容的生动性，趣味性和吸引力。 生动性。 ３．主观因素 水平分隔线；为了清晰的突出文本段落或网页内容。使用图 名真正的网页设计师。不仅要具备网页技术水平．还应具 像代替水平分隔线 有形象设计和感性的思维。在技术与艺术的天平上．需要在两端 横幅图；这种图像一般位于网页的顶部．地位仅次与主页标 不停的加砝码，才能达到抽象与具体、设想与任意、理性与感性 志图像，它是网站各分支的标志。 的辨证统一。 导引图；这种图像是具有导航性质的超连接图．采用热区制 设计的领域是无垠的，而拥有广泛的知识是至关重要的。设 作而成，实现超媒体的功能。 计师不是一个定界于某一领域的专才．“设计”本身就是一个集 频道图像；相当于友情连接的快速导航。 中了美学、传播学、社会学、程序设计等多学科的边缘科学性质 ２．３．２多媒体元素 的词语。所以．这对于从事设计的人员来说是一个挑战，只有具 通常情况，多媒体是指文本、图形、声音、影像以及动画在单 备了一定的素质、能力和修养。才能够设计出好的作品。 独一个电脑文档里面的集成．即指嵌入了影像和声音的ｗ。ｂ页 网页信息技术的发展突飞猛进。冲击着每个人，怎样才算是 等。Ｗｅｂ浏览器通过三种基本方法来显示多媒体信息： 个高水平的网页设计？笔者认为逐步趋于专业化，简单化和个 内建、直接插入：所有图形化浏览器与生俱来便支持ＧＩＦ图 性化的艺术设计、专业设计和个性化设计是实现完美的设计过 形。部分浏览器甚至内建了对ＪＰＥＧ图形和其他媒体类型的支 程的主要走向．也是吸引和打动浏览者的关键所在。 持。 助手应用程序：几乎所有浏览器都能利用该程序显示非内 参考文献 建的多媒体信息。如使用的播放器程序表现出来。 １．杜巧玲后立胜 网页设计起级梦幻组合２００３．３ ｄ Ｍｉｌｌｅｒ ＷＥＢ多媒体开发括南１９９７．６ 外部代码模块：利用与Ｎｅｔｓｃａｐｅ兼容的插件或者ｊ．ｖａ小应 ２．Ｄａｖｉ一一３．张帆 网站蔓工高级培训教程２００２．１０ 用程序等这些外置程序直接在ｗｅｂ内播放多媒体信息。 ｗｅｂ页上动画、音频、视频和特效显示等多媒体元素的合理使
