设计网页就像一个工程,有着一定的工作流程。设计师在设计网页时,只有遵循设计流程才能有条不紊地完成网页设计,让网页的结构更加规范合理。网页设计流程主要包括确定网站主题、网站整体规划、收集素材、设计网页效果图四个步骤。

  1、确定网站主题

  网站主题是网站的核心部分。一个网站只有在确定主题之后,才能有针对性地选取内容。确定主题的方法十分简单,可以通过前期的调查和分析来确定该网站的主题。

  (1)调查:调査的目的是了解各类网站的发展状况,’总结出当前主流网站的特点、

  优势、竞争力,为网站的定位确定一个方向。在调查时主要考虑以下问题。*网站建设的目标。

  •网站面向人群。

  *企业的产品。

  *企业的服务。

  (2)分析:分析是指根据调查的结果,对企业自身进行特点、优势、竞争力的分析,初步确定网站的主题。在确定主题时要遵循以下原则。

  *主题要小而精,定位不宜过大过高。

  •主题要能体现企业自身的特点。

  2、网站整体规划

  对网站进行整体规划能够帮设计师快速理清网站结构,让网页之间的关联更加紧密。通常规划一个网站时,可以先用思维导图(推荐使用XMind软件)把每个页面的名称列出来,如图2-22所示。

  规划完整体的网站框架思维导图,就可以规划网站的其他内容了,主要包括网站的功能、网站的结构、版面布局等。如果是一些功能需求较多的网站,还需要产品经理设计原型线框图。图2-23所示即为某电商网站原型线框图首屏截图。

  只有在设计网页之前把这些方面都考虑到了,才能够保证网站制作有条不紊地进行,避免页面或重要功能模块缺失。

  3、收集素材

  在网站整体规划完成之后,就可以收集网页设计需要的素材了。丰富的素材不仅能够让设计师更轻松地完成网站的设计,还能极大地节约设计成本。在网页设计中,收集素材主要包括两种,一种为文本素材,一种为图片素材,具体介绍如下。

  1.文本素材

  设计师可以从书刊、网络上收集需要的文本,然后将这些文本加工、整理,制作成Word文档保存。需要注意的是,在使用搜集的文本素材时要去伪存真、去粗取精,加工成自己的素材,避免版权纠纷。

  2.图片素材

  只有文字内容的网站对予访问者来说是枯燥无味的,因此在网页设计中,往往会加人一些图片素材,使页面的内容更加充实,更具有可读性。设计师可以从网上的一些图片素材库获取图片(例如千图网、站酷、百度图片等)或者自己拍摄一些图片作为素材。同时在使用图片素材时也需要注意版权问题。值得一提的是,在收集素材时,为了将素材类别划分清楚,一般都会将其存放在相应的文件夹中。例如,文本素材通常存放在名为text的文件txt夹中,图片素材通常存放在名为images的文件夹中。