勤学教育网合作机构> > 佛山电脑设计培训学校欢迎您!

网页设计制作流程

佛山电脑设计培训学校logo
来源:佛山电脑设计培训学校

2022-04-11|已帮助:1550

进入 >

  网页设计制作流程

  1.明确目标
  在接到网站设计任务以后,首先应该确定该网站的类型,然后充分理解客户对网页设计所提出的目标和要求,以满足客户的需求。从网站的形态和规模来看,一般可分为以下三种:
  1)综合类。综合类网站通常为门户网站,如新浪、搜狐、人民网等。这类网站具有信息海量、受众群庞大、点击量巨大等诸多特点,因此,该类网站在制作时应具备良好的页面分割、合理的网页结构,且页面打开速度快、具有较强的亲和力。
  2)企业类。企业类网站通常为信息与企业形象相结合的网站,如大型企事业单位、公司、学校等的网站。这类网站具有一定的资讯内容,同时要承担传递企业形象的任务,因此,该类网站在网页设计和功能要求上通常较高,以便兼顾传达信息和树立企业形象的任务。
  3)其他类。除此以外还有诸如音乐、游戏、论坛等类型的网站,其网页的设计应符合网站主题,风格可根据需要灵活多变。

  2.设计草图
  目标确定后即对网站的大致内容有了初步的选择和把握,然后就可理清思路,列出详细的栏目列表,以及各栏目的子目录,接下来就可以设计草图、页面布局等。通常情况下,可通过手绘勾勒出页面的大概轮廓,自由发挥,多绘制几张草图样板,再从中选择较优者进行后期加工完善。
  在此基础之上,遵循突出重点、考虑平衡、兼顾协调的原则,将需要放置的功能模块合理安排到页面上,将网站Logo、主菜单等重要的模块放在显眼、突出之处,然后再放置其他次要模块。

  3.实现蓝图
  有了经过初步布局后的草案后,接着就可以应用常用的网页设计软件实现设计蓝图。虽然在设计草图时大体框架已基本确定,但在制作的过程中还需要不断改进、不断思考,激发灵感和创造力,以获取更出色的创意。

  4.加工网页
  完成的网页蓝图犹如还未装修的毛坯房,需要进一步对其加以精细加工和艺术处理才能成为真正的网页作品。通常,网页的加工有以下几步:
  1)确定风格。在诸多页面中,网站的主页体现了整体风格的定位,因此,需首先根据主题内容来确定主页的风格与形式,这主要依赖于主页的版式设计和色调处理,以及图片和文字的巧妙结合。对于不同性质的行业。其主页风格随网站类型、功能的不同也各不相同,如政府部门的主页风格应庄重、严肃,不宜采用动画等媒体形式:与娱乐相关的主页风格应活泼、生动,可采用音乐、动画等增强活力;文化部门的主页风格应高雅、大方,色调以冷色调为宜。
  2)编排页面。在编排页面时,应把页面上的每个元素组合成一个统一的整体,视觉焦点放在版面的平衡与空白区域的处理上,根据图像与背景的关系(对比的关系及比例的关系)将整个空间以有效的方式加以分配和组织,使编排后的页面区域划分趋干合理、主次关系清晰。对于多个页面,编排设计时要把页面之间的有机联系反映出来,处理好页面间和页面内的秩序与内容的关系。应讲究整体布局的合理性,以体现较佳的视觉表现效果,使浏览者具有流畅的视觉体验。
  3)修饰线条。页面通常因为文字、图片、标题等组合而需要各种线条,所以为了增强页面的艺术效果,应注意搭配好网页上的各式线条。直线的艺术效果是流畅、整齐,一般应用于较庄重、严肃的主题;弧线的艺术效果是活跃、动感,一般应用于活泼、娱乐性的主题;直线与弧线的综合运用能够丰富页面的表现力,使页面呈现的艺术效果丰富多彩。一般应用的主题较广泛。
  4)搭配色彩。色彩的搭配应遵循“总体协调、局部对比”的原则,即主页的整体色彩效果应和谐,局部、小范围的色彩效果应对比强烈。在色彩的运用中,还应考虑受众群的背景,不同的文化、种族、信仰、年龄对色彩的喜恶都存在较大的差异,应尽可能达到页面整体的和谐、悦目。

  5.优化网页
  优化网页时应主要考虑页面的浏览速度、页面的适应性以及浏览者对网站的初步印象。对于会影响速度的图片而言,通常可以将其分割成较小的图片进行拼接,以提高网页的下载速度,当然减小网页的尺寸也是提高网页下载速度的一种简易方法。另外,由于在不同的系统、不同的分辨率、不同的浏览器上显示的网页会有所不同,因此,网页的适应性也要考虑。

  标签:网页设计制作流程

以上是佛山电脑设计培训学校整理的网页设计制作流程全部内容。

热门推荐

更多
勤学培训网 网页设计学习网 网页设计制作流程