网页设计范文精选

对任何网站来说，网页设计都是非常重要的部分，优秀的网站设计师，可以是一个Flash动画师、平面设计师、交互设计师，更有艺术家的潜质。优秀的网页设计，要想达到好的艺术效果，需要设计师拥有一定的艺术涵养，并能结合各方面的技术。

一、网页设计基本内容

1.网页的构成

网页的基本构成，分为网页板块分布、导航、视觉传达，网页设计中的传达信息通过点线面的形式，通过点状的网页版块儿分布，形成一个网页导航，然后才形成一个视觉传达的效果。这三者之间相互联系和辅助，进而向网络使用的受众传达除了视觉信息之外，更重要的其他的信息。三者之间通过技术的实践，以及协调处理，这三者之中包括：文字、图片、动画等元素，来进行网页更优的呈现[2]。

2.网页设计的表现形式

网页的设计形式跟报纸杂志等多种平面媒体设计有很多的相同之处，在视觉传达以及艺术效果上，都有着非同一般的呈现。网页设计需要在一个有限的展示空间，呈现出图片、文字再加上动画的结合信息，来进行此网页需要做到的视觉以及信息的传达，设计者通过处理文字、图片、布局以及网页上需要的动画，甚至声音影效等，来进行理性的艺术化的排版设计，这要求设计者拥有一定的设计艺术鉴赏能力和设计技术掌握能力。

随着网络技术、电脑技术的快速发展与广泛普及，网页设计开启了人类新的生活、新的实践，网页已经成为网络信息的表现和思想传播的主要形式。而在网页设计与网站建设的过程中，Flash的应用尤为重要。在网页设计中适当地使用Flash技术，能使网页呈现出多媒体效果，从而更加具有吸引力，增加网页与浏览者的互动性。同时，Flash也逐渐依靠其诸多优势迅速占领了网页设计领域，成为了网页设计的重心。本文重在探讨Flash动画在网页设计中的应用，以供同行参考。

1Flash动画技术概述

Flash是一类矢量式图形编辑及动画制作应用软件。它通过利用符号、按钮、场景等一系列元素组合，能够使设计者集成图形、动画，影像文件，音频等各种多媒体制作素材，利用最基础的元素制作出内容丰富、形式简洁、交互性强、极富渲染力的动画效果。

2Flash在网页设计中的应用

近几年，Flash作为一种新型的设计方式和娱乐方式，已被广泛应用于网页设计中，从简单的文字、图片效果到复杂的Flash网站建设，可以说Flash所起的作用不再仅仅是增添一些漂亮的动画，而是已经融入到了整个网站的建设之中。目前Flash技术已与电视、广告、动画、MTV制作等紧密结合，并作为一种产业，逐步向音乐、电视、广告、游戏、远程教育等各个领域渗透。

2.1将Flash引入网页设计的必要性

一、网页应是浏览为主

在用户获取信息的方式上，网页有别于纸质媒介，网页是以浏览为主，而纸质媒介是以阅读为主。所谓浏览，按照字面意思就是粗略、大致地看一遍，其主要目的是大致了解，搜寻是否有感兴趣的信息线索；阅读比浏览更具有主动性和目的性，是有目的地读，其目标是理解。克鲁格在《别让我动脑筋——网页设计效果优化艺术》一书中提出了设计出好网页必须面对的三个事实：一是“我们不是阅读网页，而是浏览”；二是“我们不做最佳选择，而是满意而止”；三是“我们不深究原理或本质，而是想当然地使用”。我们为什么对网页是浏览呢？克鲁格的分析认为有三个原因：一是因为匆忙，使用网络的目的多半是想节约时间，这样用户就会不停地运动；二是用户知道不必全部阅读，通常一个网页里面只有很少一部分是他们感兴趣的；三是用户擅长浏览，浏览是人们日常生活中搜寻信息的惯用方法。基于这样一些原因，用户使用网站就是浏览、满意、再浏览、再满意这样一个循环往复的过程，直至满意而归。如果中间出现了不满意，这个过程就会终止，用户就带着不满意而离开。所以，在设计网页时，哲学家威廉提出的奥卡姆剃刀原理“如无必要，勿增实体”和建筑大师密斯•凡•德•罗提出的“少即是多”原则是我们检验设计的两面镜子。在确定网页的内容时，突出那些重要的内容，去掉那些不必要的图案和文字，即使那些能够让你的网页在视觉上产生更好的效果，但如果其干扰重要信息的浏览，仍然应该果断地去掉。在网页中，只有那些有利于信息传达目标的美才是有价值的，美应该符合于功能的需要，美和功能的和谐统一才是网页设计追求的目标。为了便于浏览，在网页内容的编排上必须尊重视觉习惯，我们在浏览时总是从左到右，由上而下地扫视，要根据内容的重要性，进行从左到右、由上而下地依次排列，使重要的内容最先映入浏览者的眼帘。在文案的写作上，为了便于快速浏览，一是对标题、关键内容加以强调；二是采用短的句子和段落；三是采用清晰的分区和列表；四是先总体后详细的写作顺序。用户在进行浏览时首先是通过标题和关键词来初步判断内容是否符合自己的兴趣，然后再通过总体的概述来决定是否有继续浏览下去的必要。在浏览的过程中，短句和短的段落有利于减小理解的难度和缩短判断的时间，清晰的分区和列表能够让人快速抓住其关注的兴趣点，促进人们继续浏览。

二、网页设计不应打破惯例

前面已经提到，网页是一个要求即看即用的特殊“产品”，也就是一看我们就要知道如何使用。我们虽然使用了若干手机，但我们购买了一款新的手机时，我们还是得阅读说明书后才能正常使用，网页确不需要。那如何才能达到即看即用呢？使用惯例就是最好的武器，这也是提高所有产品易用性的重要法宝。惯例就是我们已经习惯了的东西，我们一看就知道它的意思，就知道怎么去操作，因为惯例是我们日常生活中积累起来的，已经存入大脑的固有知识。唐纳德•A•诺曼在《设计心理学》中将知识分为了存储于外部的知识和存储于头脑内部的知识，使用存储于外部的知识不需要学习，但效率低；使用头脑内部的知识需要专门学习，但效率高。而惯例是已经存储在头脑内部的知识，具有外部知识的高易用性和头脑内部知识的高效率。在网页设计中有很多惯例是不能轻易去打破的，一是重要导航在页面的位置，按照惯例一般布置在页面的上部、左上部或右上部，首页的链接放置在最前面；二是网站的标识放置在页面的左上部，浏览者用其来判别是否到达了目标网站；三是文字链接要加下划线（也可以鼠标放上去才出现），浏览者用其来判断是否有超级链接；四是常用标识符号，如在多页文档中，▲代表向上翻页，▼代表向下翻页；在视频、音频播放中■代表停止，▍▍代表暂停，▲代表播放。这些标识符号在网页中已经具有特定的意义，是不能随意改变的。

三、设计层面之间的逻辑联系

在《用户体验的要素——以用户为中心的Web设计》一书中论述了网页设计的五个层面，包括战略层、范围层、结构层、框架层和表现层，并确定了自下而上的建设流程，规定了设计的程序。自下而上的各个层面，从抽象逐渐变成具体，并且包含着密切的逻辑联系。战略层确定的网站目标和用户需求，是整个网站设计的基石，其决定范围层的内容选择和功能设计；结构层是对范围层选择的内容进行分类和组织，形成信息架构，以及对确定的功能进行交互设计，确定交互的过程和交互行为；框架层是在结构层信息架构的基础上，根据完成任务的需要，利用超级链接设置来完成导航设计，以及规划信息架构在页面空间中的位置关系，形成布局框架；表现层是对框架层进行具体的视觉表现，包括图形设计、色彩设计、信息图表设计、动画设计、视频设计等。从上面的分析可以看出，下一层是上一层的设计依据或设计对象，上一层是下一层的进一步深化和具体，相邻层之间紧密联系，既不能交换，也不能跨越，更不能缺少，具有严格的秩序，形成了完整的逻辑链条，理性思维贯穿在整个设计过程之中。

创新是一个民族进步的灵魂，是我们不懈发展的动力。网页设计中的艺术元素要求设计师们进行创造性思维活动。网页设计中的艺术设计细胞包含三个方面的内容。首先是视听上的艺术细胞。在视听上有如文本、图像、背景音乐、导航工具等视听元素。其中文本是其主导地位的一个元素，因为一个网站最终是要表达一个思想或传递些信息，而文字的好坏直接关系到网页的整体质量。能够直接吸引观众注意力的当属音频、视频和动画元素的设计上，为了突出重点，往往采取把动画设计在弹出广告中，或用在导航条中，视频的出现使得网络的内容更加丰富多彩。

简单地说，网页的版式设计就是在有限的空间上如何将大容量的信息进行排列组合，而不同的组合模式所产生的效果也大不相同。每种版式各有千秋，使用不同的网站设计主题，有满版型的、对称型的、分割型的等。[2]网络设计者应当首先进行定性分析，分析如何使整个网页总体美观、整洁和有条理，同时还要进行定量分析，小小的设计空间上进行布局。再次是色彩上的艺术细胞。一个网站必须要有一两个主题色彩来象征网站的内涵，这是进行市场竞争的重要步骤，我们应当注意到色彩对人视觉效果的冲击。色彩的搭配和运用既是一门技术活，也是一门艺术。往往不同的色彩所折射出来的概念是不一样的。例如，绿白组合可以使人感觉优雅舒适，红色可以凸显喜庆的氛围，蓝白混合能给人清新淡雅的印象。在设计规划中，强调整体性和一致性，杂乱无章的界面只会增加网络用户的厌恶感。

网页艺术设计应当注意的问题值得注意的是，艺术设计包含较多的主观因素，因此对网页设计者有一定的技术要求，要求熟练掌握各种软硬件技术，把技术和艺术交融在一起，发挥技术的支持性作用和艺术的想象空间。注意形式美和实质效果的统一。如果为了追求独特风格设计而缺乏网页内容的真实性，又或者只重视内容的充实而忽视了艺术表现，那么结果都是使网页设计显得空洞苍白。只有将两者有效统一起来，在和谐的外表下使用户的视、听觉领会到主题内容的精髓，才能使网页设计具有价值。注意网页设计的持续性和交换性问题。[3]网页设计是在网络环境下完成的，不同于传统媒介方式，因此要求网页设计者的观点与时俱进，进行改变。现代信息变化莫测，人们接受信息的方式也发生根本的转变，人们不再是吸纳信息的被动接受者，而是有个人的偏好和倾向，及时反馈用户的信息是网页设计取得进步的经验和宝贵财富，也是企业螺旋式上升的必然结果。

总而言之，网络的出现使人们的宣传和交流方式发生了翻天覆地的变化。网页设计是计算机科学和美学相结合的综合性工作，它有自身的发展演变规律，需要后人遵循基本的艺术法则和美学规律。它对设计工作者提出了较高的要求，是内容与形式的统一，是整体与局部的统一，是艺术和技术的统一，是主观和客观的统一。随着技术的继续前进和人们追求美的标准的不断变化，网页艺术设计永远是一门学不完的学问。虽然不同网站的网页设计模式各不相同，但是共同点是网页艺术设计都能充分利用网页的功能，提高网页的内在美和外在美。

作者：华冰丁宁单位：石家庄学院美术系

1.课程改革思路

工作过程是企业为完成一件工作任务并获得工作成果而进行的一个完整过程。生产复杂产品、完成重大项目都可能需要多个工作过程，从而构成该产品、该项目的工作过程系统。基于工作过程即工作过程导向，是一种课程开发方法，是2002年德国劳耐尔(Rauner)教授带领下的不来梅大学技术与教育研究所与大众汽车公司合作开发的一种职业教育课程开发方法。网页设计课程面向的岗位群中最主要最具代表性的是前端工程师。所以在网页设计课程的开发过程中依托前端工程师岗位展开。课题在研究过程中将通过走访企业、校内交流、理论应用研究、调查问卷等方法对网页设计人才需求情况和课程开展情况展开分析。根据调查研究中所发现的网页设计课程教学过程中所存在的问题，结合企业对网页设计人才能力的需求，对网页设计师的工作过程进行分析，分解出典型工作任务，分析各个环节的能力要求。再基于网页设计师的工作过程，构建网页设计课程的实训教学模式，其中包括实训内容、实训方法、考核方案等。并将构建的实训教学模式应用于教学实践，借以激发学生的学习兴趣和学习热情，改进教学效果。

2.前端工程师典型工作任务分解

通过调研，我们发现前端工程师的主要工作内容是基于XHTML+CSS架构根据网站策划图实现网站前端界面开发，所采用的技术目前主要是HTML4+CSS2，但也有部分前端工程师为了达到更好的设计效果已经升级到HTML5+CSS3。为了兼顾目前的主流技术，课程设计以HTML4+CSS2为主要教学内容。但为了学生将来的技术升级和可持续发展，课程简单涉及到HTML5+CSS3的特点。将前端工程师的主要工作内容进行分析整理，结合前端工程师应具备的能力和素质，我们将前端工程师的典型工作过程分解为以下八个部分：网站规划、页面布局、简单元素添加、导航栏设计、图文列表设计、特效脚本应用、系统设计、兼容性测试。一个网站是由一个个网页所组成的。任何一个网页都要经过除了网站规划之外的七个步骤才能完成，每一个网页的设计完成需要用到的知识基本类似，所以这里我们以单个网页的设计完成为主要目标。前端工程师岗位的工作内容在技术方面涉及到Photoshop、Flash等网页设计图形设计软件的使用以及JavaScript特效脚本的应用，这些都是网页设计课程的前导课程或同期课程的讲授内容，所以在此只涉及到应用，并不深入讲解。

3.重新构建教学体系

3.1实训内容设计