1前期构思过程中的设计
(1)调研阶段:项目开展前期学生会对客户或相关专业人士展开访谈,对行业同类网站的资讯开展收集与调研。如果是真实案例,此阶段将会是客户与设计师交流阶段,我们也可以在这个环节中通过客户的感受与体验得到所需的设计信息,或者客户会提出指定的信息需求也是我们需要关注的。这个阶段为后续的设计提供设计依据。
(2)信息设计:信息架构是一门以逻辑性方式来组织信息的科学。这一阶段并不是我们通常理解的通过计算机后台代码进行的代码结构设置,而是我们设计网页之前根据分析调研资料,界面设计共同习惯和使用者习惯及需求,设计的逻辑关系架构图,也就是网站的主要信息导引。根据设计结构关系我们可以更进一步开展详尽的设计纲要,而设计纲要的信息主要来源于我们的前期所获得的调研信息。(4)交互设计:网页中的交互设计是目前我们教师在教学中面对的新课题,在网页中如何更好的与访问者互动将是我们教师在教学中探究与关注的重点。目前在网页设计课程中所接触到最直接的交互设计形式主要集中在导航条和表单信息的设计上。导航条和表单信息都会直接产生交互行为,导航条引导浏览者,通过点击触发导航按钮的行为直接参与交互,进而浏览新的网页;表单通过浏览者填充或选择信息,生成交互,收集有用的资料和跟踪反馈。
2界面设计过程中的设计
界面设计是网页设计中重要的设计展示环节,在这个过程中学生可以根据自己的主题展开艺术美感的设计。一般进行页面设计我们从以下几个方面入手。
(1)版式设计:网页设计中的排版与传统意义上的版式设计差异不大,只是由于各自的展示环境不同,有所侧重。在网页设计排版中我们会采用黄金比例分割排列方式,也会采用三分法排列原则。常见的网页排版由上至下分别是网页上部logo区域、导航区域、内容区域、版权信息区域。中间的内容区域可以根据自己的需求进行分配,可以是左右形式,也可是上下形式,还可以是上中下结构等等。
(2)色彩设计:色彩设计作为一门独立学科,有其丰富的语言和表现形态,向我们传达由科学到情感不同层次不同领域的信息,为我们带来更直观的视觉体验。同时网页配色也是网页设计师必备技能之一。网页色彩决定访问者的第一视觉感受。在教学中教师应要求学生根据所选主题,确立网站主体颜色和辅助颜色,利用色彩营造符合主题的环境与相应的气氛。
(3)图像设计:图像是网页页面中的重要信息组成部分。网页中常见的图像形态分为,信息图片,反映现实的图片信息或调查数据信息,量表等;装饰美化图像,如插画,符合网站主题与网站主色调协调统一,起到美化页面的效果;背景图像设计,这部分可能采用大面积的色块,也会采用纹理或连续图案效果,起到页面美化,气氛烘托等作用。
(4)字体设计:网页字体分为英文字体与中文字体,网页中常见的英文字体有Arial、ArialBlack、ArialNarrow等等,字号一般选用12pt。在中文网页中我们一般会看到字体为宋体或黑体,字号为12pt/14pt的文字展示,另有个别网页中也会采用16pt或更大字号作为标题文字,以上是常见字体字号显示方式。特殊字体的运用方面,随着浏览器技术的发展,及相关软件的开发,我们可以将选择的特殊字体顺利的嵌入到网页页面中,便于展示。另外字体除了本身的表意之外,还更多的转换为图形释义,这样也为我们的设计提供新的切入方法。
3技术实施与运行中的设计
(1)布局设计,网页设计中常见的布局方式有表格式布局,框架式布局以及DIV+CSS方式布局。DIV+CSS布局方式,是目前网页设计中比较常见的,它实现了网页结构与样式的真正分离。与table表格布局在静态外观展示上差别不大,只是在收索引擎和网站的后期维护上有所差别,相对信息复杂,内容繁多的网站,我们更建议使用DIV+CSS这种布局方式,这种布局方式更有逻辑性,结构清晰,便于后期信息修订与整理。
(2)CSS样式设计,CSS样式是英文Cas-cadingStyleSheets(层叠样式表的缩写形式,它是html或xml外观样式的一种补足。CSS规则简单易掌握,可以更好的控制网页外观展示,同时CSS所涉及的规划范围广泛,从文字大小、颜色到web页面中各个元素定位等。在网页中应用CSS样式,便于统一展示风格,便于修改,便于不同浏览器显示统一效果。
4结语
网页设计课程依据实际项目讲解,教师教学以引导为主,学生通过对流程的掌握和对项目课题的理解,达到理论与实践相结合,强化学生的技能操作,锻炼了学生的创新思维能力,提高了网站建设的综合素质,为今后动态网站的建立打下良好的基础。
作者：刘石 孟萍 李静 单位：大连东软信息学院