网页设计方案论文

导语：网页设计方案论文一文来源于网友上传，不代表本站观点，若需要原创文章可咨询客服老师，欢迎参考。

1注意网页设计方案要素是否有缺漏

一个网页要能表达一定的内容和具备一定的功能，就必须具有相应的结构成分。这些结构成分可以称为“网页要素”，因为它们是一个完整的网页不可或缺的。从宏观上来看，根据视觉流程从上而下的顺序，一个网页的总体框架由页面头部、中部内容区和页面尾部组成。考题中给出的这个页面，已经设有导航条所在的头部和包含了6个栏目的中部内容区，但是没有出现尾部。不过，尾部区域主要用于著录表明网站合法性的行政许可（或备案）文件的文号、版权信息、经营单位的基本信息及其相沈菁上海出版印刷高等专科学校，200093，上海3把握网页设计方案的审核要点关链接等，一般是整个网站统一设计、制作好模板后供各个网页使用的。作为网站下的一个专题频道，其首页的尾部只要照用网站已有的现成模板即可，无须再专门设计，所以，页面设计样张中一般可以不再列出。这样，可以说该网页没有缺漏宏观层面的要素。从中观上来看，页面头部应该有表示本频道主题的频道名称、表示本频道框架构成并方便用户选择浏览相应内容的导航条；中部的内容区域则应列出本频道中相对较为重要的栏目，以方便用户登录该频道后就能直接观看到一些重要信息。以这些要求来衡量，题目中的网页在中观上也是基本符合要求的。进行宏观和中观审核后，才是从微观上对网页各部分进行审核，其顺序一般也是从上到下。就网页头部来说，频道名称应该简洁明了，直接点明主题，周围可以加简单的图片，也可不加。同时，导航条上应该列出构成本频道的基本板块。如果空间允许，导航条上还可尽量再列出板块下的一些子项名称，以体现各个页面的层级关系，使整个网站结构清晰明了；如果空间不足，子项也可不列。

题中的网页设计图，在这些方面应该说是达到了一般要求。此外，频道只是整个网站的组成部分之一，一个网站往往可以设有多个频道，分别表示不同的内容主题，整个网站的内容特色和最为重要的信息功能，则集中在网站首页上。用户浏览网站时，网页按树形结构一层一层展开，浏览得越具体，离开作为“树根”的网站首页距离就越远。这样，作为一个网站下的专题频道，就应该设有与网站首页的链接，让用户可以通过单击这个超链接直接返回网站首页。分析题目中的网页设计图头部区域，可知其中缺漏了这个要素。所以，应该在导航条上增添与网站首页链接的文字或图形。但在考试中，绝大部分考生都忽视了这一疏漏。就网页中部区域来说，一般各个栏目都应该有相应的名称，再在其下按具体内容的多少，或直接提供以文字、图片、动画、音频、视频等形式表现的有关内容，或列出相关内容的标题供用户进一步展开网页浏览。题中所示网页设计图的中部区域，基本上做到了这些，唯独“头条图片”这个栏目，既没有栏目名称，也没有对图片作诠释说明的相关说明文字，即图题。当然，图片栏目有些特殊性，其所在位置可说已经表明是“头条”，内容表现形式也已体现出是“图片”，再专门标上栏目名称便有蛇足之嫌。然而，图题是必需的，不可缺漏，否则用户就不易理解该图是什么意思，或者产生张冠李戴的误解；况且，图片有时可能会因种种原因而不能正常显示，而有了明确的图题，用户可借以知道该处是什么。所以，为了保证信息的传递更直接有效，更好地提升用户的阅读体验，应当补上图题这一网页要素。在图题的设置上，如果栏目中只有一幅图片，图题可以单独放在栏目下部；如果栏目包含一组图片，那就宜把每幅图的图题与图片有机结合在一起，置于其下方，而在栏目下部列出与各幅图片链接的标志。需要说明的是，虽然图片因能够美化网页、吸引用户注意而在网页设计中有着重要的作用，但一个页面上不宜安排过多的图片，否则会降低打开页面的速度。同时，图片必须事先经过优化处理，一般采用gif或者jpg压缩格式，以减小页面的数据下载量。

2注意项目安排是否逻辑合理

网站的功能是展示信息供用户浏览。为让用户顺利地找到其所需要的内容信息，网页上的各个项目安排就必须遵循一般用户都准确理解的规则。逻辑体现了人类思维的共同规律。如果网页的设计在逻辑上合理，用户就能方便地按照一般逻辑规律使用网页。这样，审核网页设计方案中各个项目的安排是否合乎逻辑，就成为网络编辑的重要任务。网页项目的安排要达到逻辑合理，就要根据事物分类的一般逻辑要求，将具有相同属性内容的项目进行归纳后，共置于某个可以概括这些属性特点的类别中。审视考题中所给网页的各个项目可以发现，几个栏目的属性具有基本平行的关系，将它们并列置于同一层级是正确的，但是，页面上出现两个同名栏目则是相互矛盾的，应该修改。根据栏目内容和题干中的交代，可知应该把中间栏目的名称改成“积分榜”。此外，导航条上所列各个板块，其属性也具有平行关系，可以并列，而板块与其包含的子选项之间则具有类属关系，所以将子选项分别置于各板块内，这也是合理的。但是，进一步分析各个子选项的内容，就能发现有些子选项的类属划分在逻辑上是不合理的：“全场回看”不应属于“新闻”板块，应置于“视频”下，而“最新动态”倒是应属于“新闻”板块，却被误置于“视频”板块内；“射手”和“排行”主要提供一些统计数据，而不是与用户讨论，所以应属于“数据”板块而非“互动”板块；相反地，“投注”和“微博”应属于“互动”板块而非“数据”板块。因此，考生应该对这些子选项的分布作出合理的调整。

3注意版式的规范与否

在长期的出版工作实践中，对图书、期刊、报纸等传统出版物的版式形成了不少规范性要求。遵循这些规范，不仅可以让版面显得美观、整齐，给人以审美的愉悦，更能充分体现版面内容之间的逻辑关系，有助于读者准确理解。一个网页实际上也相当于一个版面。所以，传统出版物的版式设计规范大多也基本适用于网页，仅有少量差别。网络编辑审核网页的版式时，要以传统出版物的版式规范为基础，再考虑一些网页的特有规则，从而保证页面规整、易读。就文字的大小而言，网页上一般宜用12-20像素的字，且页面头部区域的用字宜大些，中部区域的用字适中，而底部区域的文字一般较小。就文字形体而言，网页中应使用通用字体，这样才能在各种终端上都顺利显示。同时，考虑到屏幕显示与印刷品展示的效果有一些差异，汉字通常较多采用宋体和黑体，而较少用楷体和仿宋体；字母通常采用Arial、Verdana或者Helvetica字体，而在印刷型出版物中应用特别多的TimesNewRoman字体则较少采用。同时，网页上使用的字体尽量不要超过3种，以确保网站页面风格的统一性。网页上的各个项目名称，其作用和地位与书刊目录中的各级标题相当。所以，其版式设计的规范要求之一，就是用字应该既错落有致，又相对统一。错落有致，是指处于不同层级的项目名称，其用字格式应该遵循“从大到小、从重到轻”的一般原则；相对统一，是指处于相同层级的项目名称，其用字格式应该保持一致。

从上述要求来看，题中所给网页设计图在版式方面存在缺陷。头部区域的导航条上，虽然4个板块名称使用相同的字体、字号，18个子选项的用字格式也相同，符合相对统一的要求，但是层级较高的板块名称用字却既小于、也轻于层级较低的子选项。这就把两者的层次级别颠倒了，必须修改。从现有页面展现的效果和空间的占用情况来看，比较适宜的是把板块名称的字号放大，而字体则可不改，以避免粗体字过多而导致区域过重、过密的现象。中部区域的“要闻”“互动调查”“热点聚焦”“射手榜”等文字，都是栏目名称，属于同一个层级，格式应当保持一致。但是，如果将这些名称对比一下，可以很明显地看出“互动调查”的字体与其他栏目名称不一样，应该予以修改。考生在这个考点上失分较多，从一个侧面反映出他们的职业敏感性还不够强。网页版式设计的规则也有不同于传统出版物的特点。比如，在传统出版物中，对标题的字数一般没有限制，长标题可以转行排列，即使在集中了许多标题的目录中，也允许这样处理。但是，网页中的标题文字则不允许转行，尤其是在集中排列了许多标题的目录式栏目内。因此，不少著名网站都对标题的字数有统一规定，如《新浪网编辑手册和规范》中就规定“频道首页要闻标题为一行题，少于16字”，这实际上是适应了网页页面的特殊性。在书刊的目录中，作品标题之后（或之前）都有页码（有时还有作者姓名）兼作分隔符号，读者可以很容易地以页码为标志将一个个标题区分开。网页上的目录式栏目内，各个作品的标题都不标页码（实际上也无法标出），也不列相应的作者姓名（一般在展示作品本身时才列出）。这就在充分利用网页空间的同时，也使得各个标题没有明显的分隔符号。一个标题如果转行排列，会让用户误以为是两个标题。此外，书刊中标题的转行需遵守一些规则，如不得割裂词义、助词或叹词等虚词不得置于下一行的行首等，以避免读者产生误解。由于各种标题的内容和字数纷纭多样，需要在处理书刊校样时由编校人员专门对标题的转行进行调整。然而，网页上的文字转行是由计算机自动处理的，而计算机技术目前尚未达到能够对词义或词类进行智能分析判断的程度，无法按照某个标题的字符构成情况对转行进行灵活控制。可见，“标题不得转行”这条规则体现了网页的特殊性，是很合理的。然而，题目所示设计图中“热点聚焦”栏目内却存在标题转行现象，这无疑应该消除。遗憾的是，能够注意纠正这个错误的考生为数不多。

在出版物的形态和传播方式上，网络出版与传统出版有所不同，而在对出版物所载内容进行把关审核、加工处理等编辑工作上，与传统出版基本相同，都要注意保证政治性、思想性、科学性、知识性、语言文字规范性、逻辑合理性等的正确无误。本文主要分析了对网页设计进行审核时需要注意的一些问题，因为这些是较有网络出版特色的，而为了做好对网络出版物所载内容的把关、优化等工作，从事网络出版工作的考生还应该加强学习体现出版工作共性的各种相关知识和技能。这样，就不仅能够顺利通过出版专业职业资格考试，更重要的是能够为提高网络出版的质量而作贡献。

作者:沈菁单位:上海出版印刷高等专科学校