欢迎来到设计师实训基地-南通科迅教育
咨询电话:0513-81107102
网页设计方案的审核要点探析
2016/12/16
科迅教育
309
南通美工设计培训机构,南通美工设计培训学校哪家好?
1 注意网页要素是否有缺漏

一个网页要能表达一定的内容和具备一定的功能,就必须具有相应的结构成分。这些结构成分可以称为“网页要素”,因为它们是一个完整的网页不可或缺的。

从宏观上来看,根据视觉流程从上而下的顺序,一个网页的总体框架由页面头部、中部内容区和页面尾部组成。考题中给出的这个页面,已经设有导航条所在的头部和包含了6个栏目的中部内容区,但是没有出现尾部。不过,尾部区域主要用于着录表明网站合法性的行政许可(或备案)文件的文号、版权信息、经营单位的基本信息及其相关链接等,一般是整个网站统一设计、制作好模板后供各个网页使用的。作为网站下的一个专题频道,其首页的尾部只要照用网站已有的现成模板即可,无须再专门设计,所以,页面设计样张中一般可以不再列出。这样,可以说该网页没有缺漏宏观层面的要素。

从中观上来看,页面头部应该有表示本频道主题的频道名称、表示本频道框架构成并方便用户选择浏览相应内容的导航条;中部的内容区域则应列出本频道中相对较为重要的栏目,以方便用户登录该频道后就能直接观看到一些重要信息。以这些要求来衡量,题目中的网页在中观上也是基本符合要求的。

进行宏观和中观审核后,才是从微观上对网页各部分进行审核,其顺序一般也是从上到下。

就网页头部来说,频道名称应该简洁明了,直接点明主题,周围可以加简单的图片,也可不加。

同时,导航条上应该列出构成本频道的基本板块。

如果空间允许,导航条上还可尽量再列出板块下的一些子项名称,以体现各个页面的层级关系,使整个网站结构清晰明了;如果空间不足,子项也可不列。题中的网页设计图,在这些方面应该说是达到了一般要求。此外,频道只是整个网站的组成部分之一,一个网站往往可以设有多个频道,分别表示不同的内容主题,整个网站的内容特色和最为重要的信息功能,则集中在网站首页上。用户浏览网站时,网页按树形结构一层一层展开,浏览得越具体,离开作为“树根”的网站首页距离就越远。这样,作为一个网站下的专题频道,就应该设有与网站首页的链接,让用户可以通过单击这个超链接直接返回网站首页。分析题目中的网页设计图头部区域,可知其中缺漏了这个要素。所以,应该在导航条上增添与网站首页链接的文字或图形。但在考试中,绝大部分考生都忽视了这一疏漏。

就网页中部区域来说,一般各个栏目都应该有相应的名称,再在其下按具体内容的多少,或直接提供以文字、图片、动画、音频、视频等形式表现的有关内容,或列出相关内容的标题供用户进一步展开网页浏览。题中所示网页设计图的中部区域,基本上做到了这些,唯独“头条图片”这个栏目,既没有栏目名称,也没有对图片作诠释说明的相关说明文字,即图题。当然,图片栏目有些特殊性,其所在位置可说已经表明是“头条”,内容表现形式也已体现出是“图片”,再专门标上栏目名称便有蛇足之嫌。然而,图题是必需的,不可缺漏,否则用户就不易理解该图是什么意思,或者产生张冠李戴的误解;况且,图片有时可能会因种种原因而不能正常显示,而有了明确的图题,用户可借以知道该处是什么。所以,为了保证信息的传递更直接有效,更好地提升用户的阅读体验,应当补上图题这一网页要素。在图题的设置上,如果栏目中只有一幅图片,图题可以单独放在栏目下部;如果栏目包含一组图片,那就宜把每幅图的图题与图片有机结合在一起,置于其下方,而在栏目下部列出与各幅图片链接的标志。

需要说明的是,虽然图片因能够美化网页、吸引用户注意而在网页设计中有着重要的作用,但一个页面上不宜安排过多的图片,否则会降低打开页面的速度。同时,图片必须事先经过优化处理,一般采用gif或者jpg压缩格式,以减小页面的数据下载量。

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

网站的功能是展示信息供用户浏览。为让用户顺利地找到其所需要的内容信息,网页上的各个项目安排就必须遵循一般用户都准确理解的规则。逻辑体现了人类思维的共同规律。如果网页的设计在逻辑上合理,用户就能方便地按照一般逻辑规律使用网页。这样,审核网页设计方案中各个项目的安排是否合乎逻辑,就成为网络编辑的重要任务。

网页项目的安排要达到逻辑合理,就要根据事物分类的一般逻辑要求,将具有相同属性内容的项目进行归纳后,共置于某个可以概括这些属性特点的类别中。审视考题中所给网页的各个项目可以发现,几个栏目的属性具有基本平行的关系,将它们并列置于同一层级是正确的,但是,页面上出现两个同名栏目则是相互矛盾的,应该修改。根据栏目内容和题干中的交代,可知应该把中间栏目的名称改成“积分榜”.此外,导航条上所列各个板块,其属性也具有平行关系,可以并列,而板块与其包含的子选项之间则具有类属关系,所以将子选项分别置于各板块内,这也是合理的。但是,进一步分析各个子选项的内容,就能发现有些子选项的类属划分在逻辑上是不合理的:“全场回看”不应属于“新闻”板块,应置于“视频”下,而“最新动态”倒是应属于“新闻”板块,却被误置于“视频”板块内;“射手”和“排行”主要提供一些统计数据,而不是与用户讨论,所以应属于“数据”板块而非“互动”板块;相反地,“投注”和“微博”应属于“互动”板块而非“数据”板块。因此,考生应该对这些子选项的分布作出合理的调整。

3 注意版式的规范与否

在长期的出版工作实践中,对图书、期刊、报纸等传统出版物的版式形成了不少规范性要求。

遵循这些规范,不仅可以让版面显得美观、整齐,给人以审美的愉悦,更能充分体现版面内容之间的逻辑关系,有助于读者准确理解。一个网页实际上也相当于一个版面。所以,传统出版物的版式设计规范大多也基本适用于网页,仅有少量差别。网络编辑审核网页的版式时,要以传统出版物的版式规范为基础,再考虑一些网页的特有规则,从而保证页面规整、易读。

就文字的大小而言,网页上一般宜用12-20像素的字,且页面头部区域的用字宜大些,中部区域的用字适中,而底部区域的文字一般较小。就文字形体而言,网页中应使用通用字体,这样才能在各种终端上都顺利显示。同时,考虑到屏幕显示与印刷品展示的效果有一些差异,汉字通常较多采用宋体和黑体,而较少用楷体和仿宋体;字母通常采用Arial、Verdana或者Helvetica字体,而在印刷型出版物中应用特别多的Times New Roman字体则较少采用。同时,网页上使用的字体尽量不要超过3种,以确保网站页面风格的统一性。

网页上的各个项目名称,其作用和地位与书刊目录中的各级标题相当。所以,其版式设计的规范要求之一,就是用字应该既错落有致,又相对统一。错落有致,是指处于不同层级的项目名称,其用字格式应该遵循“从大到小、从重到轻”的一般原则;相对统一,是指处于相同层级的项目名称,其用字格式应该保持一致。

从上述要求来看,题中所给网页设计图在版式方面存在缺陷。头部区域的导航条上,虽然4个板块名称使用相同的字体、字号,18个子选项的用字格式也相同,符合相对统一的要求,但是层级较高的板块名称用字却既小于、也轻于层级较低的子选项。这就把两者的层次级别颠倒了,必须修改。从现有页面展现的效果和空间的占用情况来看,比较适宜的是把板块名称的字号放大,而字体则可不改,以避免粗体字过多而导致区域过重、过密的现象。中部区域的“要闻”“互动调查”“热点聚焦”“射手榜”等文字,都是栏目名称,属于同一个层级,格式应当保持一致。但是,如果将这些名称对比一下,可以很明显地看出“互动调查”的字体与其他栏目名称不一样,应该予以修改。考生在这个考点上失分较多,从一个侧面反映出他们的职业敏感性还不够强。
77
关闭
先学习,后交费申请表
每期5位名额
在线咨询
免费电话
QQ联系
先学习,后交费
TOP
您好,您想咨询哪门课程呢?
关于我们
机构简介
官方资讯
地理位置
联系我们
我要学习
先学后付
申请试听
在线咨询
网站XML地图
0513-81107102
周一至周六     8:30-21:00
微信扫我送教程
手机端访问
南通科迅教育信息咨询有限公司     苏ICP备15009282号     联系地址:江苏省南通市人民中路23-6号新亚大厦二楼、三楼         法律顾问:江苏瑞慈律师事务所     Copyright 2008-