网页设计软件范文

时间:2023-02-26 15:28:02

网页设计软件

网页设计软件范文第1篇

关键词:SVG;网页设计;软件设计与实现

SVG是指可缩放矢量图形,这是一种基于可扩展标记语言,是用来描述二维矢量图形的一种图像格式,这种图像格式由万维网制定,制定标准具有开放性。相较于位图图像,SVG图像能够通过点和线对物体进行描述,得到的文件较小,画面更清晰,可以直接打印或输出,SVG得到的矢量图形格式,与GIF和JPEG光栅文件相比,有显而易见的优势:(1)任意缩放,使用者可以根据图像性质改变图像比例,而且不会对图像的清晰度和细节造成任何的破坏;(2)文本独立,SVG图像的文字与图像独立,能够在SVG独立的图像上编辑搜寻文字,而且对字体不会造成任何的限制,用户即使没有安装同一字体系统,得到与原画相同的画面;(3)超强的显示效果,SVG图像在屏幕边缘上具有极高的清晰度,既适用于打印分辨率和屏幕分辨率。本文基于SVG设计了网页软件,对提出的SVG软件的采集器软件系统,数据转换器软件系统以及数据处理器软件系统进行设计,通过研究验证了所设计网页设计软件系统的实际可操作性,是未来的必然发展趋势。

1基于SVG的网页设计软件的设计

基于SVG对网页设计软件系统进行设计,首先对软件的采集器进行设计,给出的算法如下述公式所述:(1)公式(1)中,w为SVG网页中的输入函数,t为网络节点,a为网络的控制系数,xi表示图像的集合邻近区域,w受系统的t和a影响,但变化值一般维持在50~100之间,利用公式(1)数据采集器能够对图像网络信息进行正常采集。采集器的设计是整个软件运行的基础部分,一旦采集器出现故障,整个软件系统都将无法工作。数据转换器是SVG网页设计的核心部分,转换器内部的工作模式为A/D模式,利用公式(2)的算法完成转换工作:(2)上述公式中,t位转换后得到的数据,e为转换前的数据,A0为网络数据转换常数,转换过程必须要在A/D转换模式下才能完成工作。数据处理器主要负责处理转换器得到的数据,将处理后的数据传递给中心计算机系统,从而实现SVG网页的设计,基于SVG对网页设计软件系统设计框图,给出的网页软件设计系统分多次限定数据,从而达到图像的完美设计。

2基于SVG的网页设计软件的实现过程

为了测试基于SVG设计的网页软件系统工作的有效性和可操作性,研究了实现过程。过程设计的参数如下:电源系统持续输入220V以上电压,电流值在50A~100A之间。跟据上述设定的参量以及环境进行网页设计,并与传统网页设计软件系统进行对比。虽然传统的网页软件系统和本文设计的软件系统在设计网页时都能取得2以上的设计效果,但本文设定的软件系统设计效果始终高于传统软件系统,而且设计能力极强,在工作时具有很强的抗干扰能力。综上所述,本文基于SVG设计的网页设计软件的设计性能性更高,设计范围更广,抗干扰能力更强,极具稳定性,且在编辑图像时可以单独对图像和文字进行编辑,缩放过程不会影响整个画面的清晰度。

3结束语

通过本文的探讨分析可以了解到,SVG(可缩放矢量图形)作为一种新的图形设计技术,在清晰度和画面饱和度方面远远高于GIF和JPEG光栅文件。SVG设计的网页设计软件,分为采集器软件系统,数据转换器软件系统以及数据处理器软件系统三部分。通过实验证明所设计的软件设计性能性更高,设计范围更广,抗干扰能力更强,极具稳定性,是未来的必然发展趋势。

参考文献

[1]裴玉.基于SVG的自适应软件界面开发工具设计与实现[J].计算机科学,2008,35(01):271-273.

[2]王健,陈剑云,张冬波.基于SVG及Batik平台的监控绘图软件的设计与实现[J].河南城建学院学报,2006,15(05):14-17.

[3]唐勇,吴尽昭,陈剑锋.基于SVG的专用公式编辑工具的设计与实现[J].计算机应用,2009,29(10):2865-2868.

网页设计软件范文第2篇

受到特殊的历史因素影响,我国经济和科技的起步较晚,在互联网的建设上,与发达国家相比,要落后很多,虽然我国的网民数量已经超过了6亿,但是我国网络带宽还没有达到世界平均水平,如此庞大的网民数量,极大的促进了我国网站的建设,据最新的统计表明,我国网站数量已经快超过300万,而网页的数量快超过900亿个。如此多的网页数量,每个都需要相应的设计人员,由此可以看出,目前我国的网页设计人员有很多,但是通过实际的调查发现,受到我国教育水平的限制,网页设计人员自身的素质较差,导致网页设计的情况较差,网页界面呈现单一化、枯燥化,很多网页会出现雷同,导致用户出现视觉疲劳。从整体上看来,我国网页设计情况非常不乐观,虽然近些年随着人们的重视,加大了网页设计人才的培养,并引进了国外先进的设计理念,在一定程度上改善了网页设计的情况,但是与西方一些发达国家相比,网页设计还存在很多不足,需要在未来的一段时间内进行改进。

2网页设计中存在的问题

虽然我国的网民数量较多,为网站的发展提供了一定的基础,正是大量网民的存在,使得一些大型门户网站,没有足够的竞争对手,缺乏一定的竞争意识,不重视网页设计的情况,这种现象在很大程度上影响了我国网页设计的发展,由于这些网站具有一定的知名度,很多网民会习惯访问这些网站,很少会关注网页设计的情况。对于一些小型的网站来说,要想吸引足够的网民数量,就必须注意各方面的建设,网页设计是其中一个重要的方面,如果网页界面可以给用户新颖的感觉,就能够吸引用户的眼球,增加网站的访问量,因此在我国的小型网站中,往往能看到一些新颖的网页设计。由此可以看出,目前我国的网页设计中,还存在很多的问题,首先就是网站不重视网页设计,网页设计人员的专业素质较差,其次是网页设计中先进设计软件使用情况较差,没有充分的利用计算机技术,最后对于一些存在问题的网页设计,不能及时的进行修正,这些问题严重的影响了我国网页设计。

3网页设计中计算机技术的应用

3.1先进的设计软件

在实际的网页设计中,使用的计算机技术,主要就是以软件的形式,在网站建设的初期,由于网站的内容很少,网页的数量也比较少,大多是一些信息类的网页,信息类网页的设计比较简单,涉及到的超级连接等功能比较少,因此不需要借助复杂的设计软件,利用一些排版的工具,就可以完成网页的设计。但是随着互联网的发展,网站的内容越来越丰富,每个网站网页的数量有了明显的增加,在这种背景下,如何缩短网页设计的周期,提高网页设计的水平,是网站发展要解决的主要问题,采用传统的一些排版工具,显然无法达到这样的效果,必须开发专业的网页设计软件,因此很多软件公司开发了相应功能的软件。目前市面上有很多网页设计软件,经过了多年的使用,每个网页设计软件都进行了多次版本的更新,功能得到极大的完善,但是信息产业技术更新换代的速度很快,尤其是软件具有一定的特殊性,在实际使用的过程中,软件自身经常会存在一些问题,需要及时推出新版本,来修复软件中存在的问题。

3.2美观的设计元素

随着网站内容的丰富,网页设计中采用的元素越来越多,在最初的网页设计中,只涉及到图片和文字等,而现在的网页中,需要适当的添加视频、Flash、音乐等元素,尽量的将这些元素组合到一起,形成一定的艺术感,达到吸引网民的目的,这是目前网页设计的主要任务。如何将这些元素更好的组合到一起,显然要借助计算机技术来完成,在计算机中对网页的颜色、字体等进行调节,让网页更加具有观赏性,用户在浏览的过程中,通过音乐和视频等,给用户更好的交互体验,才能够吸引更多的用户,从而达到增加网站访问量的目的,这样的网页设计才算是成功的。计算机经过了多年的发展,其硬件性能和软件水平都有了很大的提高,即使复杂的网页设计,计算机硬件也可以快速的处理,因此在实际的网页设计中,只需要按照自己的设想,尽量提高网页的艺术感。

4结束语

通过全文的分析可以知道,随着互联网的普及应用,网站之间的竞争越来越激烈,虽然我国的网民数量已经突破了6亿,极大的促进了网站的发展,但是对于网站来说,网页设计的情况,能够在很大程度上影响网站的访问量,对于网站的发展来说,具有非常重要的意义,如果能够合理的利用计算机技术,就可以缩短网页设计的周期,提高网页设计的效果。

网页设计软件范文第3篇

计算机平面设计软件的主要应用领域为平面设计,平面设计是一项以图像图形以及坐标为基础元素的技术领域,通过图像与图形的铺设,实现平面的合理设计。一般情况下,计算机的平面设计软件都属于应用软件,也就是在不同的领域中得到应用,从而实现具体的功能。那么,在实际的生产或者是工作中,计算机的基本平面设计软件得到了哪些的应用呢?这些平面设计软件又有着怎样的优势呢?本文将重点对以上两点进行详细分析。

一、计算机平面设计软件的基本分析

对于计算机的常用平面设计软件而言,一般以Photoshop以及AutoCAD最为常见。这两种软件分别应用于两个不同的领域,发挥着非常重要的作用。从两种软件的性质上分析,都属于计算机的应用软件,都是基于计算机平台,然后通过软件开发的一种结合实际应用的软件。

Photoshop,是一款基于图像图形的编辑软件。Photoshop通过计算机的图像基本单位――像素,对图像进行基本的识别功能,从而对图像进行进一步处理的软件。在网页设计中,Photoshop应用非常广泛,并且是主流的图像处理软件。网页设计中,被成为网页三剑客之一,足以证明Photoshop软件在网页设计领域中的重要地位。

Auto CAD,一款工业领域中应用非常广泛的软件。Auto CAD主要的功能是工程制图,通过计算机的仿真功能,实现工业制图的模拟仿真。Auto CAD的作用非常明显,能够解决在工业设计领域中的诸多问题。在成本上大大的降低了设计成本,提高了设计的效率,并保证了设计产品的质量。该应用软件,不仅从理念上打破了传统的软件范畴,更是在平面设计领域实现了一次较为明显的改进。

Photoshop以及Auto CAD是比较常见也是非常具有代表性的两款软件,因此,在进行计算机平面设计软件应用分析的时候,对这两款应用软件进行分析,具有非常的代表性。

二、计算机平面设计软件的应用

从计算机的平面设计软件的应用上进行分析,一般可以从应用的领域出发,从而具体分析其应用的范围和效果。上文中主要讲解了两款计算机平面设计软件――Photoshop和Auto CAD,因此继续通过理论阐述两种软件的应用。

(一)Photoshop图像处理软件的应用

Photoshop是能够通过最小像素为单位,对图像文件进行识别,从而对图像进行编辑的一种平面设计软件。在网页设计中,Photoshop应用的最为广泛。网页的设计属于平面设计的范畴之一,通过对网页的图片进行优化处理,从而将网页的设计达到最优化。通常最为常见的案例就是需要处理网络图片的大小,由于网络图片需要同时满足加载的需要,受到网速的影响,网页的图片不能过大,但是也要保证基本的清晰度。因此,需要对图片进行大小和像素的处理。此外,对于图片的格式,也要进行一定的处理。不同格式的图片,其大小和像素比都是有区别的。如何能够满足以上条件,就是利用Photoshop来完成的。因此,Photoshop是网页设计中,最为常用的图片处理软件。

此外,在进行网页制作的过程中,也经常用到Photoshop的切片功能。通过切片处理,可以将一张完整的图片,切出几个不同的选区,从而可以对选区进行编辑,从而实现了网页制作的高效化。

对于图片的处理,现在很多行业都在应用。例如拍摄婚纱照片以及人物的影片剪辑,都属于平面设计的处理范畴,而Photoshop软件在这些领域都有着非常不错的表现。这足以证明,计算机的平面设计软件的应用以及行业结合能力还是非常强大的。

(二)Auto CAD工程制图软件的应用

Auto CAD是工业设计领域中,最为常用的制图软件。Auto CAD能够通过工业设计部件的参数来进行相关设计和仿真。例如,在进行一个工件的设计的时候,可以先通过Auto CAD进行制图。将不同的点位的受力以及力矩等通过Auto CAD进行智能测算。通过测算以后,就可以进行模拟的测试,从而在很大程度上降低了设计成本,提高了设计的效率。

因此,Auto CAD的软件应用主要是存在于工业领域中,并通过不断的设计改进,改良软件中存在的bug,提升软件的使用和应用效率,最大程度的加强Auto CAD软件在工业设计领域中的实用性。对于工业设计的精确度较高要求的情况下,Auto CAD能够通过计算机的准确平台,提供最为有效的设计标准。

三、结语

从应用的角度分析,计算机的平面设计软件基本都属于应用软件的范畴。但是应用的领域却是十分广泛的,Photoshop主要应用于网页设计领域,而Auto CAD则主要是工业设计制图中的仿真模拟。虽然在不同的领域中,都有着非常重要的作用,但是依然无法最大限度的满足未来工业或者是互联网时代的需求。因此,计算机的平面设计软件也在不断的推陈出新,一直在开发和测试,从而找到更好的应用软件模式。本文从网页设计角度以及工业制图两个不同的领域进行了计算机平面设计软件的应用分析,将其应用中的优势以及需要改进的部分进行了深入分析,从而明确了计算机应用软件的强大功能,并对其软件的未来突破给予期望。

参考文献:

[1]毛仁兴.认知负荷理论在应用软件教学设计中的应用探析――以剪辑软件premiere为例[J].软件导刊.教育技术,2013(03):75-77.

[2]徐菲.计算机应用软件课程案例教学策略――以C0relDRAW软件教学为例[J].池州学院学报,2012(06):149-151.

[3]海妙.平面设计软件与DICOM图像数据处理技术研究[J].自动化与仪器仪表,2010(04):42-44.

[4]李文广,潘婷婷.平面设计软件PHOTOSHOP中的选区制作[J].沧州师范专科学校学报,2008(03):45-46.

(作者单位:湖南省机械工业技术学院)

作者简介

网页设计软件范文第4篇

关键词 网页设计;教学实践

网页设计是一门实践性很强的学科。计算机的普及与互联网的兴起,使网页设计成为艺术设计的一个重要门类。培养学生掌握网页设计的基本理论、基本知识和基本技能是教学的一项重要任务。

一、网页设计的概念与意义

网页是人们上网时接受信息最主要的载体。它以数字技术为依托,用文字、图片、声音或视频等形式承载信息,通过页面展示给浏览者。网页设计是建立在互联网这一新型媒体之上的新型设计,它具有很强的视觉效果、互动性、互操作性、受众面广等特点。一个制作精美的网页可以吸引很多人多次浏览,特别是形式时尚、色彩搭配和谐、图文并茂的个性网页,会令人赏心悦目,使读者产生浓厚的兴趣。

二、网页设计的内容与要求

在计算机高度普及和互联网日益发达的今天,对网页设计也提出了许多新的要求。其网页设计内容也呈现出多元化的趋势。而网页设计的软件也越来越多,现在常用的软件有:DreamWeaver 、Photoshop、CorelDraw、Fireworks、Flash等几种。为了满足人们的不同需求,网页设计要发挥数字化制作的优势,并结合传统的色彩、板式设计来美化页面,要求作到“三求”,即求新、求真、求美。

1、求新 求新就是讲求创新性,要求独特新颖,具有特色。现在的网页更新很快,各具特色,精彩纷呈。因此在教学中,不仅要通过理论教学,使学生熟悉网页设计的基本理论与基本知识,以达成知识目标;而且要通过实践教学,使学生掌握网页设计的基本技能,能模仿进行网页设计,以达成技能目标。同时要通过寓教于学,培养学生求新、求真、求美的严谨态度,以达成态度目标。网页设计,贵在创新。自主创新特色为先。设计无创新,网页少价值。创新是网页设计的灵魂与生命。教学中要强化学生的创新意识,培养学生的创新思维,提高学生的创新能力。“勤奋长才干,实践出真知。”一定要培养学生勤学苦练的钻研学风,弘扬开拓创新的探索精神。一定要鼓励学生勤奋学习,勇于实践,善于总结经验,才能取得卓越的设计成果。不要一味模仿,生搬硬套,使人感到不伦不类。

2、求真 求真就是讲求科学性,要求网页独立创作,不得抄袭。即不要重复、抄袭、剽窃他人的设计作品。务实求真是一个态度问题,态度决定一切。一定要培养学生树立认真严谨的科学态度,弘扬求真务实的学术作风。

3、求美 求美就是讲求美感性,要求网页使人愉悦,百看不厌,百听不烦。审美对象在头脑中能动的反映称为美感,包括审美意识与审美感受。创造美包括创造自然美与创造社会美,还包括创造艺术美。艺术美是最高级的美,是内容与形式高度统一的美,是现实美(自然美与社会美)的艺术体现。艺术美要求内容真实、新颖、深刻、丰富;要求形象生动、鲜明、典型、完整。创作与欣赏时能产生一种愉快的感觉。能吸引人们全神贯注地观察、阅读与欣赏网页,使之受到感染,产生移情(物我一体)与共鸣(感同身受)。如杜甫诗云:“感时花溅泪,恨别鸟惊心。”“落花不是无情物,化作春泥更护花。”为了美化网页,必须教育学生重视色彩设计,不仅要使文字、图像制作精美,而且要注意文字、图像与背景色的搭配,做到色彩搭配和谐协调,令人赏心悦目。网页界面要简洁清新,风格统一,重点突出。色彩不要过多过杂,使人眼花缭乱,产生厌恶感。也要避免色彩的单调或呆板。

三、网页设计的教学实践

网页设计是一门实践性很强的课程,可采用三步法进行教学,即认知――模仿――创作。具体教法可分四步,即一讲授,二示范,三作业,四实习。学生的学法也有相应的四步,即一听讲,二观看,三模仿,四创新。讲授与示范即认知过程,学生通知听讲与观看示教可获得一些基本的理论知识与技能;再通过作业,学生可模仿设计网页;最后通过毕业实习,学生可独立进行网页的创新设计。为了获得较好的实践教学效果,应作好以下几面教学工作。

1、精选教材 教材是学生学习的蓝本,一本好的教材有助于学生知识与能力的达成。由于设计思维的不断更新,一般2~3年就会有新的教材出版,故为了适应教学的需要,首先,要选择最新版本教材,以更好地启发学生应用电脑的图形语言开拓新的视觉领域;其次,要选择实践性强的教材,这样学生在完成一个个任务后,就能熟悉并掌握相关的工作流程;最后,配合教材,指导学生选择一两本参考书或两三个专业软件网站,如学习Photoshop时,推荐学生浏览站酷网、堆糖网、红动中国等网站。这样可以拓宽学生视野,激发学生设计灵感。

2、更新软件 在网页设计软件的教学中,要经常更新设计软件的版本,最大程度地配合新的教材,使学生吸收最新的软件设计知识,让学生接触最前沿的设计理念和方法。教师在教学中可以建立数码素材库,不断地将最新的设计素材收集到素材库中,以供教学时使用。数码素材包括图片、矢量图形、音乐、视频、FLASH素材等。利用各种丰富的素材资源,扩大学生的视野,启发学生的思维,激发学生设计的想象力,创作出有创新特色的网页页面。

3、优选教法 教学有法,教无定法。教学的手段和方法很多,为了追求最佳的教学效果,我们应当优选教法。可以采用的方法有项目教学法、多媒体教学法等。项目教学可使单调抽象、枯燥乏味的课堂教学变得丰富、具有挑战性。多媒体教学涵盖大量内容、具有直观性、形象性。

4、突出重点 网页设计的教学,要突出“三基”教学,使学生具有必需的理论知识,较强的实践技能,良好的职业素质。特别要突出操作能力的培养,掌握网页设计的基本技能,使其毕业后有较强的独立设计和创新设计的能力。实践教学要理论联系实际,灵活运用,融会贯通。要注意经常运用的一门设计软件要与其他多个设计软件配合,完成一部网页作品的设计。

5、协作设计 网页设计要培养团队协作精神,发挥集智慧,积思广益,取长补短,优化设计。教学中,教师可布置一些命题设计,让学生分组讨论,分工合作,独立思考,各抒己见。通过求同存异,制定方案,设计出优美完善的网页设计作品。

网页设计软件范文第5篇

一、实验目的及要求

本实例是通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。

二、仪器用具

1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网。

2、安装WindowsXP操作系统;建立IIS服务器环境,支持ASP。

3、安装网页三剑客(DreamweaverMX;FlashMX;FireworksMX)等网页设计软件;

三、实验原理

通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。

四、实验方法与步骤

(1)执行“站点\管理站点”命令,在弹出的“管理站点”对话框中单击“新建”按钮,在弹出的快捷菜单中选择“站点”命令。

(2)在弹出的“站点定义为”对话框中单击“高级”选项卡。

(3)在“站点名称”文本框中输入站点名称,在“默认文件夹”文本框中选择所创建的站点文件夹。在“默认图象文件夹”文本框中选择存放图象的文件夹,完成后单击“确定”按钮,返回“管理站点”对话框。

(4)在“管理站点”对话框中单击“完成”按钮,站点创建完毕。

五、实验结果

六、讨论与结论

实验开始之前要先建立一个根文件夹,在实验的过程中把站点存在自己建的文件夹里,这样才能使实验条理化,不至于在实验后找不到自己的站点。在实验过程中会出现一些选项,计算机一般会有默认的选择,最后不要去更改,如果要更改要先充分了解清楚该选项的含义,以及它会造成的效果,否则会使实验的结果失真。实验前先熟悉好操作软件是做好该实验的关键。

实验二:页面图像设置

一、实验目的及要求:

本实例的目的是设置页面的背景图像,并创建鼠标经过图像。

二、仪器用具

1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网。

2、安装WindowsXP操作系统;建立IIS服务器环境,支持ASP。

3、安装网页三剑客(DreamweaverMX;FlashMX;FireworksMX)等网页设计软件;

4、安装Acdsee、Photoshop等图形处理与制作软件;

5、其他一些动画与图形处理或制作软件。

三、实验原理

设置页面的背景图像,并创建鼠标经过图像。

四、实验方法与步骤

(1)在“页面属性”对话框中设置页面的背景图像。

(2)在页面文档中单击“”插入鼠标经过图像。

五、实验结果

六、讨论与结论

实验结束后我们可以看到页面的背景变成了我们插入的图像,并且要鼠标经过的时候会变成另一个图像,这就是鼠标经过图像的效果。当然这种实验效果很难在实验结果的截图里表现出来。这个实验的关键在于背景图像的选择,如果背景图像太大不仅会影响网页的打开速度,甚至图像在插入会也会有失真的感觉,因此在插入前对图像进行必要的处理能使实验的效果更好。

实验三:表格制作

一、实验目的及要求:

本实例是要创建边框为1像素的表格。

二、仪器用具

1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网。

2、安装WindowsXP操作系统;建立IIS服务器环境,支持ASP。

3、安装网页三剑客(DreamweaverMX;FlashMX;FireworksMX)等网页设计软件;

4、安装Acdsee、Photoshop等图形处理与制作软件;

5、其他一些动画与图形处理或制作软件。

三、实验原理

创建边框为1像素的表格。

四、实验方法与步骤

(1)在文档中,单击表格“”按钮,在对话框中将“单元格间距”设置为“1”。

(2)选中插入的表格,将“背景颜色”设置为“黑色”(0000000)。

(3)在表格中选中所有的单元格,在“属性”面版中将“背景颜色”设置为“白色”(FFFFFF)。

(4)设置完毕,保存页面,按下“F12”键预览。

五、实验结果

六、讨论与结论

本实验主要通过整个表格和单元格颜色的差异来衬托出实验效果,间距的作用主要在于表现这种颜色差异。表格的背景颜色和单元格的背景颜色容易混淆,在实验中要认真判断,一旦操作错误则得不到实验的效果。“表格宽度”文本框右侧的表格的宽度单位,包括“像素”和“百分比”两种,容易混淆,要充分地理解这两种单位表示的意义才能正确地进行选择,否则就不能达到自己想要的效果,设置错误就会严重影响实验效果。

实验四:创建锚点链接

一、实验目的及要求:

本实例的目的是创建锚点链接。

二、仪器用具

1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网。

2、安装WindowsXP操作系统;建立IIS服务器环境,支持ASP。

3、安装网页三剑客(DreamweaverMX;FlashMX;FireworksMX)等网页设计软件;

4、安装Acdsee、Photoshop等图形处理与制作软件;

5、其他一些动画与图形处理或制作软件。

三、实验原理

创建锚点链接。

四、实验方法与步骤

(1)在页面中插入1行4列的表格,并在各单元格中输入导航文字。

(2)分别选中各单元格的文字,单击“”按钮,在弹出的“超级链接”对话框上的“链接”文本框分别输入“01”“02”“03”“04”。

(3)在文档中输入文字并设置锚记名称“01”,按下“Enter”键换行,输入一篇文章。

(4)在文章的结尾处换行,输入文字并设置锚记名称“02”,按下“Enter”键换行,输入一篇文章。

(5)同样的方法在页面下文分别输入文字和命名锚记为“03”和“04”,并输入文章。

(6)保存页面,按下“F12”键预览。

五、实验结果

六、讨论与结论

添加瞄记的作用是可以帮读者快速找到自己想要的文章,同时也可以使页面更加精简。本实验的关键难点在于链接文本框输入的名称和瞄记的名称要相一致才能达到实验的效果,同时要记得是在上一篇文章的结尾处输入文字并设置瞄记名称,并记得输入对应的文章,否则瞄记可能不能用。熟练程度低在实验中不能很好地使用各种工具,无法一次准确地寻找到适当的位置。实验中忘记选择“不可见元素”,几次实验都失败,最后才得出正确的结论。因此在实验前要先做好预习,否则实验过程会比较吃力。

实验五:设置CSS样式

一、实验目的及要求:

本实例的目的是通过设置CSS样式创建表格的虚线边框。

二、仪器用具

1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网。

2、安装WindowsXP操作系统;建立IIS服务器环境,支持ASP。

3、安装网页三剑客(DreamweaverMX;FlashMX;FireworksMX)等网页设计软件;

4、安装Acdsee、Photoshop等图形处理与制作软件;

5、其他一些动画与图形处理或制作软件。

三、实验原理

通过设置CSS样式创建表格的虚线边框。

四、实验方法与步骤

(1)在网页中创建一个表格。

(2)在“CSS样式”面板中单击“”按钮,在弹出的对话框中进行设置,完成后单击“确定”按钮。

(3)在弹出的对话框中进行设置,完成后单击“确定”按钮。

五、实验结果

六、讨论与结论

对话框中各项指标和属性的设置存在一定的难度,如果没熟练掌握就容易出错使实验失败。对“CCS”样式所要使用的各种按扭不够熟悉在使用的时候觉得很生硬。这个实验成功的关键在于对软件的掌握程度以及对各种属性的认识程度,只要充分地掌握了软件的各种操作,对各属性所代表的含义有充分的认识就能很好地完成这个实验。

实验六:创建表单

一、实验目的及要求:

本实例的目的是创建一个募捐表单。

二、仪器用具

1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网。

2、安装WindowsXP操作系统;建立IIS服务器环境,支持ASP。

3、安装网页三剑客(DreamweaverMX;FlashMX;FireworksMX)等网页设计软件;

4、安装Acdsee、Photoshop等图形处理与制作软件;

5、其他一些动画与图形处理或制作软件。

三、实验原理

创建一个募捐表单。

四、实验方法与步骤

(1)在网页中插入表格,设置为居中对齐,并插入一幅图像。

(2)在表格的第二行单元格中,单击“”按钮,插入表单。

(3)在表单域中插入表单对象和文字。

(4)按下“F12”键,预览效果。

五、实验结果

六、讨论与结论

这个图像关键首先在于背景图象的选择,图像如果过于花俏则会使表单过于杂乱,如果颜色过深则会掩盖了表单上的字,依次最好不要用黑色。图像也不能过大,不然会使表单太繁杂。其次是各多选框和单选按扭的设置难度比较大,对于初次做这个实验的人来说需要多次的试验才能达到满意的效果。表格拆分的难度大,要多次实验才能达到自己想要的效果。

实验七:页面中控制播放Flas

一、实验目的及要求:

本实例的目的是实现在页面中控制播放Flas。

二、仪器用具

1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网。

2、安装WindowsXP操作系统;建立IIS服务器环境,支持ASP。

3、安装网页三剑客(DreamweaverMX;FlashMX;FireworksMX)等网页设计软件;

4、安装Acdsee、Photoshop等图形处理与制作软件;

5、其他一些动画与图形处理或制作软件。

三、实验原理

实现在页面中控制播放Flas。

四、实验方法与步骤

(1)在页面中插入表格,并在表格中插入Flas和两个表单按钮。

(2)分别选择两个表单按钮,在“行为”面板中单击“”按钮,在弹出的快捷菜单中选择“控制Shockwave或Flash”命令,打开“控制Shockwave或Flash”对话框,分别设置。

(3)保存页面,按下“F12”键预览。单击“播放”按钮时,开始播放Flas;当单击“停止”按钮时,则停止播放Flas。

五、实验结果

六、讨论与结论

“控制Shockwave或Flash”对话框,设置难度比较大,设置错误FLASH可能无法播放。控制按钮的创建也是关键所在,控制按钮不能使用则等于整个实验的失败,因此要认真做好各个按钮并确保质量。在这次实验中我遇到的最大问题就是设置“控制Shockwave或Flash”对话框,因为我对其各项的属性了解不够清楚,在选择时很难正确地做出判断,因此掌握好这方面的知识是做好这个实验的前提。

实验八:制作浮雕文字

一、实验目的及要求:

本实例使用Flash的绘画工具制作出的有浮雕感的文字。

二、仪器用具

1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网。

2、安装WindowsXP操作系统;建立IIS服务器环境,支持ASP。

3、安装网页三剑客(DreamweaverMX;FlashMX;FireworksMX)等网页设计软件;

4、安装Acdsee、Photoshop等图形处理与制作软件;

5、其他一些动画与图形处理或制作软件。

三、实验原理

使用Flash的绘画工具制作出的有浮雕感的文字。

四、实验方法与步骤

(1)在舞台中输入文本,并将文本移动到舞台中央位置。

(2)新建图层2,并复制图层1的第1帧到图层2的第1帧,并改变字体颜色。

(3)拖曳图层2到图层1的下方,分别按下键盘上的方向键的左移键和上移键各一次。

(4)新建图层3,复制图层2的第1帧到图层3的第1帧,并拖曳图层3到图层1的上方。

(5)选择图层3的第1帧,执行“修改,分离”命令两次,将文本打散,并填充为由白色(FFFFFF)渐变到黄色(FFFFF00)。

(6)分别按下两次键盘上的方向键中的左移键和下称键,拖曳图层3到图层1的下方,该实例制作完成。

五、实验结果

六、讨论与结论

掌握好层和桢的知识是做好这个实验的关键,因为这个实验主要涉及到桢和层的创建和移动,对层和桢不熟悉,在选择和移动时没法准确地把握,否则就打不到预期的实验效果。此次实验需要多次地移动层和桢,只有合理地移动才能达到实验效果,因此在实验中要保持清醒的头脑,也需要耐心和细心,过于急噪就会影响实验的效果和效率。

实验九:字母位置颜色的变化效果

一、实验目的及要求:

本实例主要表现在有字母的位置才能看到颜色的变化效果。

二、仪器用具

1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网。

2、安装WindowsXP操作系统;建立IIS服务器环境,支持ASP。

3、安装网页三剑客(DreamweaverMX;FlashMX;FireworksMX)等网页设计软件;

4、安装Acdsee、Photoshop等图形处理与制作软件;

5、其他一些动画与图形处理或制作软件。

三、实验原理

表现在有字母的位置才能看到颜色的变化效果。

四、实验方法与步骤

(1)执行“文件,导入,导入到库”命令,导入一个图像文件到“库”面板中。

(2)将图像文件拖曳到舞台并转换为图形元件,然后创建移动补间动画。

(3)新建图层2,输入文本并设置其属性。

(4)将图层2设置为遮罩层,完成本实例的制作。

五、实验结果

六、讨论与结论

这个实验的前提是要学会做移动补间动画,因为移动补间动画是表现实验效果的关键,其次要懂得遮罩层的设置,这两项都是实验的关键。背景图像的选择也很关键,如果背景图像的颜色过于单一,则不能很好地表现实验的效果,字体颜色的变化也会比较不明显。因此这个实验的技术含量比较大,因此难度也比较大,要有耐心去认真研究。

实验十:动作补间动画及声音效果

一、实验目的及要求:

本实例首先创建一个动作补间动画,然后在对其添加声音效果。

二、仪器用具

1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网。

2、安装WindowsXP操作系统;建立IIS服务器环境,支持ASP。

3、安装网页三剑客(DreamweaverMX;FlashMX;FireworksMX)等网页设计软件;

4、安装Acdsee、Photoshop等图形处理与制作软件;

5、其他一些动画与图形处理或制作软件。

三、实验原理

创建一个动作补间动画,然后在对其添加声音效果。

四、实验方法与步骤

(1)创建图形元件在舞台中绘制一个卡通人物。

(2)创建卡通人物越飞越远的动作补间动画。

(3)新建一个图层,导入一幅背景图片,并置位于最下层。

(4)执行“文件,导入,导入到库命令”,导入一个声音文件。新建一个图层,并选择第1帧,在帧“属性”面板中,在“声音”下拉列表中选择导入的声音文件名称,在“同步”下拉列表中选择“数据流”选项,其他选项为默认值。

(5)保存文件,按下“Ctrl+Enter”组合键输出影片即可。

五、实验结果

六、讨论与结论

这个实验首先要创建图形元件,因此要求对画图工具有比较清楚的了解,在实验中我遇到最大的难题就是没法准确地使用钢笔工具,常常画不成自己想要的形状,最后通过查阅相关的书籍才彻底明白它的使用方法。这个实验涉及到动作补间动画的制作,和以前做的移动补间动画有一定的区别,在实验中要认真区分。导声音文件也是这个实验新涉及的内容,在各项属性的设置方面要认真把握和学习。

实验十一:ActionScript脚本程序制作

一、实验目的及要求:

本实例模拟播放器中音频高低显示的效果。

二、仪器用具

1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网。

2、安装WindowsXP操作系统;建立IIS服务器环境,支持ASP。

3、安装网页三剑客(DreamweaverMX;FlashMX;FireworksMX)等网页设计软件;

4、安装Acdsee、Photoshop等图形处理与制作软件;

5、其他一些动画与图形处理或制作软件。

三、实验原理

本实例模拟播放器中音频高低显示的效果。本例是一个完全由ActionScript脚本程序制作的图形动画。

四、实验方法与步骤

1)开启FlashMX2004,新建一个空白文档,执行“修改,文档”命令,开启“文档属性”对话框,修改属性参数为:宽:600px;高:300px;背景颜色000000。

2)执行“窗口,开发面板,动作”命令,为图层1添加如下动作脚本。

3)按下“Ctrl+S”组合键保存文件,执行“控制,测试影片”命令,欣赏本例完成后的效果。

五、实验结果

六、讨论与结论

这个实验主要是操作FlashMX,虽然这个实验整体的步骤很简单,但是脚本程序的正确性决定着这个实验的成败,因此在实验中要认真分析脚本并对其进行不断的调试使其能正确地运行。而这方面对程序方面的知识有比较高的要求因此对于我们非计算机类的学生来说难度比较大,如果要做好这个实验我们必须加强学习程序方面的知识。

实验十二:创建一个特效字

一、实验目的及要求:

本章上机实训的目的是创建一个特效字。

二、仪器用具

1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网。

2、安装WindowsXP操作系统;建立IIS服务器环境,支持ASP。

3、安装网页三剑客(DreamweaverMX;FlashMX;FireworksMX)等网页设计软件;

4、安装Acdsee、Photoshop等图形处理与制作软件;

5、其他一些动画与图形处理或制作软件。

三、实验原理

创建一个特效字。

四、实验方法与步骤

(1)新建一个Fireworks文档,并输入文字,将字体加粗,字号设置为120。

(2)将文字转化为路径,在“属性”面板中单击“”按钮,在弹出的快捷菜单中选择“阴影和光晕,投影”命令,如图15-42所示。

(3)选中文本对象,执行“编辑,克隆”命令。选中克隆对象,执行“修改,改变路径,扩展笔触”命令,在弹出的“展开笔触”对话框中设置为如图15-43所示。特效字制作完毕。

五、实验结果

六、讨论与结论

Fireworks软件的打开速度比较慢,而且会影响计算机的反应速度,同时使用DREEMWAVER和FIREWORKS会使整个电脑很卡,因此这个实验需要比较好的计算机系统的支持。对“阴影和光晕,投影”命令我还不能比较深刻地理解在实验的时候有点迷糊,对“编辑,克隆”命令和“修改,改变路径,扩展笔触”命令我也存在同样的困惑,因此做好实验前的准备是顺利地完成实验的关键。

实验十三:绘制一个效果图

一、实验目的及要求:

本上机实训的目的是绘制一个效果图。

二、仪器用具

1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网。

2、安装WindowsXP操作系统;建立IIS服务器环境,支持ASP。

3、安装网页三剑客(DreamweaverMX;FlashMX;FireworksMX)等网页设计软件;

4、安装Acdsee、Photoshop等图形处理与制作软件;

5、其他一些动画与图形处理或制作软件。

三、实验原理

绘制一个效果图。

四、实验方法与步骤

(1)用椭圆工具和钢笔工具分别绘制出企鹅的身体和翅膀。

(2)执行“修改,组合路径,联合”命令,联合途径,并填充为黑色。

(3)用椭圆工具绘制眼睛,并用钢笔工具构出脚丫、嘴、围巾、和肚皮,并填充相应的颜色。

(4)将所有的部分放到相应的位置,本例制作完毕。

五、实验结果

六、讨论与结论

这个实验很多要用到椭圆工具和钢笔工具,因此要先熟悉地掌握他们的使用方法,多看课本并进行一些实验操作能比较快地掌握它们的使用方法。实验时要分别地绘制出企鹅各部分的图形元件然后执行“修改,组合路径,联合”命令,联合途径,因此在实验切记不能把整个图象作为绘制的对象,否则就不能达到实验效果,操作的难度也会加大。同时对“修改,组合路径,联合”命令要深入了解才能在适当的时间和位置使用。

实验十四:创建管道图像

一、实验目的及要求:

本实例是创建一个如管道图像,并通过“优化”面板对图像进行优化导出。

二、仪器用具

1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网。

2、安装WindowsXP操作系统;建立IIS服务器环境,支持ASP。

3、安装网页三剑客(DreamweaverMX;FlashMX;FireworksMX)等网页设计软件;

4、安装Acdsee、Photoshop等图形处理与制作软件;

5、其他一些动画与图形处理或制作软件。

三、实验原理

创建一个如管道图像,并通过“优化”面板对图像进行优化导出。

四、实验方法与步骤

(1)新建一个图像文档,绘制一个矩形,并将其设置为线性填充。

(2)用钢笔工具绘制一个路径,并将其设置为放射状填充,作为管道的拐角。

(3)复制所创建的拐角和线性矩形,并进行缩放和组合。

(4)选择“垂直线3”纹理“25%”设置为粗管道。

(5)设置一幅背景图像,用钢笔工具勾画出闪光的效果。执行“窗口,优化”命令,将“优化”面板进行设置。

(6)设置完成后,执行“文件,导出”命令,在“导出”对话框中选择导出的路径,完成后单击“保存”按钮。

五、实验结果

六、讨论与结论

横向的管道绘制比较简单,效果也比较明显,竖向和拐角的管道绘制的难度很大,经常做了对多次还不能达到理想的效果,由也反应了我们对实验工具的熟练程度不够,在今后的学习中要加强这方面的学习。填充设置和“垂直线3”纹理“25%”设置是达到实验效果关键,因此要认真地了解它代表的意义,然后认真地进行设置。正确地选择背景图像,也是达到实验效果的关键。

实验十五:创建图像热点和切片

一、实验目的及要求:

本实训的主要目的是创建图像热点和切片。

二、仪器用具

1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网。

2、安装WindowsXP操作系统;建立IIS服务器环境,支持ASP。

3、安装网页三剑客(DreamweaverMX;FlashMX;FireworksMX)等网页设计软件;

4、安装Acdsee、Photoshop等图形处理与制作软件;

5、其他一些动画与图形处理或制作软件。

三、实验原理

创建图像热点和切片。

四、实验方法与步骤

(1)打开,执行“文件,打开”命令,打开一幅图像。

(2)使用矩形热点工具在图像的文字位置处创建热点链接。

(3)分别选择矩形切片工具和多边形切片工具,在图像中创建切片。

(4)执行“文件,导出”命令,在“导出”对话框中选择切片和HTML文档。打开导出的HTML文件观看。

五、实验结果

六、讨论与结论

这个实验的操作相对比较简单,花费的时间也比较少。在实验中能明显地体会到实验的效果但是在预览后很难看出处理后的图像和原始图像的区别,因此常常产生实验失败的错觉,就因为这个错觉我进行了多次的实验,最后与其他同学讨论过才发现这是实验的正常现象,因此在实验中多与同学交流是学习的好方法。

实验十六:其他动画制作及图形处理软件介绍

一、实验目的及要求:

本实训的主要目的是了解其他动画制作及图形处理软件的基本使用。

二、仪器用具

1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网。

2、安装WindowsXP操作系统;建立IIS服务器环境,支持ASP。

3、安装网页三剑客(DreamweaverMX;FlashMX;FireworksMX)等网页设计软件;

4、安装Acdsee、Photoshop等图形处理与制作软件;

5、其他一些动画与图形处理或制作软件。

三、实验原理

了解其他动画制作及图形处理软件的基本使用。

四、实验方法与步骤

根据教师所介绍的其他动画制作及图形处理软件,进行相关的基本使用操作。本实验可以与其它实验相结合进行。

(1)AcdSee图形处理软件

(2)SWFText(Flash文字制作工具)1.2Raindy汉化修正版软件使用

五、实验结果

六、讨论与结论

网页设计软件范文第6篇

【关键词】高职教育网页设计课程改革综合能力

【中图分类号】G423.07 【文献标识码】A 【文章编号】1674-4810(2014)17-0064-02

随着网络技术的进步,计算机和电子通讯设备技术的推陈出新、电子商务涵盖范围的不断扩大,网页设计师在短短十年间一下飙升为技术型潜力巨大的新兴职业。电子商务的快速发展更是促使人们看到网页设计的广大的就业市场和光明的发展前景。各大高职院校纷纷开设网页设计相关课程:网页美术设计、网页设计与制作、网页界面设计与制作、网页制作软件等。

网页设计是通过更合理的色彩搭配、字体使用、图片处理、样式设置进行页面设计美化,设计师使用专业软件给浏览者呈现出图、文、声音及动画多位一体的全方位感官效果,在功能和技术限定的情况下,尽可能制作出给予用户完美的视觉体验的网站。可以看出,网页设计是一门从艺术到技术的专业课程,市场对于网页设计师的要求也从单纯的平面设计到简单网页效果的制作发生了变化。针对这一改变,高职的网页设计课程也应做出相应的改革。

目前,大多数高职院校为艺术设计专业学生在大学中开设一次网页设计课程,课时多为48~72课时,在一个学期内完成。课程名称为网页美术设计、网页设计与制作、网页制作软件等。在课程学习过程中,任课教师也是以单纯的教授网页设计软件Dreamweaver和图片处理软件PhotoShop为主,软件学完,课程结束。然而观看学生所制作的网站,从颜色搭配和样式的设计都与现今优秀网页“美术”不搭边。简单来说,单纯学习了网页的制作,而忽略了美术法则的运用,制作网页,而非设计网页。或是学生在没有任何网页制作软件的基础上学习网页美术法则理论,到了实践上各种效果却无法实现,最终仅能实用平面设计软件制作静态网页布局效果图。

一 高职艺术设计专业网页设计课程存在问题的原因

存在这种现象,主要有以下原因:

1.课程设置:大学中仅开设一次网页设计课程

网页设计是一门相对于平面设计起点较高的专业,一个网页设计软件Dreamweaver还需配合使用平面软件PhotoShop,Web动画效果软件Flash等。软件难度较大,学习时间太短。一个Dreamweaver软件的学习就占用了课程的大部分学时。一次网页设计课程结束后,没有相关的美术设计课程让学生实践,就像是只学会了使用画笔,还没来得及

了解怎样算是一幅好画。

2.课堂设计:课堂内容涉及面较为单一

见过这样的一些课程标准,整个网页设计课程只讲到关于美术设计部分――色彩、布局、元素、风格,没有半点关于工具的介绍――软件Dreamweaver、Fireworks、Flash。最终学生在还没有网页概念的情况下,用PhotoShop制作一张网页图片作为作业结束课程,学生还停留在纸质媒体的平面设计稿上,无法真正体验到网页在互联网和电子设备上所呈现的特质。

3.教材设计:一门课程仅配备一本教材

有了工具书,没有技法书;或是只教了技法,却连工具都没碰过。对于平面设计专业学生而言,平面上的美术基础要应用到网页美化中,心有余而力不足。但目前市场上有关网页设计、制作方面的教材图书种类繁多,基本都是单纯的讲解软件、工具、命令等技术知识,类型单一,而关于网页色彩风格、布局、元素、效果图等网页美术的工具书又缺少制作方式,对于刚入门的学生来说比较难实现。仅仅一次课程一本教材很难把网页设计学好。

4.市场现状:需求大门槛低水平参差不齐

在这个电子商务发展高峰期,越来越傻瓜式的软件操作使得更多的非专业人员加入到这个行列。大多数设计者通过自学懂得如何制作网页,却不一定懂得如何设计美观使用起来舒适的网页。其较低的准入门槛导致网页设计行业的现状并不太好,人们要求设计者什么都懂,要比平面设计师多懂点代码,比程序员多懂点设计,还能做点动画。针对这个设计行业大环境,高职学子更应具有更高的网页制作和审美感知水平,才能提高自身的竞争力。

二 高职艺术设计专业网页设计课程的改革

笔者认为,要培养具有社会竞争力的专业网页设计人才,高职就应针对当今行业市场对网页设计的需求、用人单位对网页设计师的要求、客户在网站使用上的习惯,对课程做出相应的改革。

1.在课程设置上可开设大于一次的网页设计课程

最少两次的网页设计课程,可使学生在打下网页制作软件的基础后,再次开设一门专门以网页美术为主的课程。

网页设计作为新兴行业,每年跟随着电子产品的更新和软件功能的强化,效果与美术规则不断地出现新的流行趋势。如2014年网页就以扁平化图片和酷炫动态作为最新设计潮流元素,并且颜色搭配和布局方式也与以往不同。这些我们都可从国外一些优秀网站和国内的大型电商网站中找到。但在软件的学习上,老师和学生往往只把重点放在软件各个功能的运用上,很难把注意力同时分散到网页的美化规则中。但如果学生在已经有了软件基础后,再次开设网页美术设计课程,犹如让一群有素描基础的学生进行设计素描一样,更能体会当中需注意美术法则的含义。由于有了软件基础,各种美化效果就更能实现。那么课程的最终作品就不仅仅是停留在普通效果的网页制作或平面效果图制作了,更加复杂和新颖的页面效果、更加舒适的色彩搭配和页面布局,不仅提高了学生们的审美情趣,也让他们在课堂中的成就感油然而生。

2.在课堂安排上可采用优秀网站作为软件学习案例

若学生课程安排太满,确实无法在大学中进行两次或以上网页设计课程的学习,那么,老师就应在课堂实践中多以呈现较新潮流趋势的网页作为软件学习案例。

国外设计一直是流行趋势的坐标,我们可以通过对比国外近年网站找到最近国内网页设计的方向,一些优秀的网页专业网站也有大量的相关文章给予我们参考。老师在进行备课时就要比以往多下几重功夫了,在软件教学上,软件学习教材中是有大量的案例,但更新速度毕竟与网络是无法相提并论的。通过优秀网站作为软件与教材中案例对比分析,找出各自在色彩、布局、元素、风格上的特点,来让学生了解网页美术法则。在学生学习软件中对优秀案例的临摹实践中,体验一种耳濡目染的效果让学生了解何为优秀网页的同时,掌握如何设计优秀网页。

3.在教材选择上可采取多本教材多种形式教学

如果仅限定于根据所购教材作为课堂所有内容,学生所学知识比较单一,教师可选择网络、图书馆图书作为参考教材。

现今市面上大部分关于网页设计教材分为网页制作软件和网页美术两种。教材的内容设计没错,针对网页制作就应以软件的学习为主,针对网页美术就应以美术法则为主。综上所述,市场及行业对于网页设计的要求都不仅仅是单一的制作或单一的美化,高校的网页设计课堂也不应仅仅教授软件或美术法则。既然已有教材无法一次满足课程的需要,那么教师可以在课堂中使用网络或偶尔把课堂转移到校图书馆进行课程学习。网络上有大量的网页设计文章、素材、模板、教程,学生在使用网络对网站进行浏览的同时,也更深刻地体会网页操作过程中的各种元素对用户带来的不同感受。只有通过对网络的接触和对网页的使用,才可真正设计出适合广大用户的优秀网页。在图书馆里,我们可以找到与教材内容相辅相成的大量图书,学生可以在此深入地了解网页设计涉及到的不同范畴,把以往狭隘的通过单本教材看成是课程甚至整个网页设计行业的所有内容,扩展到从艺术到技术的一个更宽的面。

三 结束语

社会在不断发展,教学也是一样。市场对网页设计人才从专业技能向综合技能发展,好看且实用的网页是市场的唯一需求。客户的要求越来越高,越来越多样化,这种要求如果是某几个客户需要的那叫挑剔,但大部分客户都需要,这叫市场需求,市场要的,我们就必须给。

网页设计软件范文第7篇

【关键词】网页设计 主页 网站

【中图分类号】TP393 【文献标识码】A 【文章编号】1674-4810(2013)19-0179-02

现今计算机与互联网的迅速发展,网络已成为人们日常生活中的重要部分。互联网的广泛应用,使计算机网页设计技术成为当今信息社会最热门的技术之一,也是现今职业教育中的一门重要的计算机技术应用类课程。同时也因网页设计与社会紧密的联系,它获得了大多数学生的欢迎。本文就网页设计学习中的实践与思考进行简单的分析。

一 网站站点的创建

要学习制作网站,首先要选择一款好的网页设计软件。现在人们经常使用的网页设计软件中Dreamweaver因其功能强大、学习方便、界面简单而得到广泛使用。它采用即做即用的方式来制作网页,利用这个软件人们可以轻松制作自己的网页并将其到网络上,而且在之后还能对其进行日常维护。设计软件准备好了以后,再根据各人需要的主题来选择一些素材,如图像、文字、视频等。一切准备工作完成后,我们就可以从第一步建立自己的站点来实施我们创建网站的过程。计算机网络就是由许许多多、大大小小的网站组成的,而这些网站又是由多个不同标题的网页组成的。用Dreamweaver创建一个简单的网点是很容易的。首先我们启动Dreamweaver,选择“站点”菜单的“新建站点”选项,这时新建站点对话框就弹出来了。我们要为自己的站点取个名,再确定这个站点根文件夹的位置,然后,一个崭新的站点就创建完成了。站点创建好了以后,下面就可以往站点内添加自己喜欢的网页了。网页的个数是任意的,有的只有几个,有的有几十个,但在所有的网页中有一个最重要的页面,我们把它称之为主页,它是进入网站的大门,是需要我们精心设计的最美好的一个页面。主页的设计是一个网站成功与否的关键。人们往往第一眼看到主页时,就对你的网站有一个初步的印象。能否使访问者继续进入后面的网页,吸引访问者留在我们的网站上,很大程度上取决于主页设计的质量。一个网站的好坏,也很大程度上取决于这个网站的主页。所以,主页的设计和制作尤为重要,应引起人们重视。

二 主页版面的设计

我们在设计主页时,应首先对主页进行布局,用粗略的线条在大脑里勾画出主页的大致轮廓:如网站标志的设计、位置的摆放,导航条采用什么形式、放什么位置,主页里内容的安排等。在我们的大脑里形成一定的轮廓后,就可进入到图像设计的布局阶段,图像设计软件设计好网站的Logo、横幅和导航后,并切成图片以备用。图像素材准备好后,就可到网页设计软件中进行操作了。现在使用最多的主页版面布局有:(1)“国”字型布局:指在网页最上面一般是网站的标志、图像、导航等内容。之后是主页的主要内容区,左右两边分别列出重要标题或栏目,中间是主体文字内容,最下面是网站的一些版权信息等。“国”字型布局的优点是充分利用版面,信息量大,不足之处是页面比较拥挤,不够简单灵活。(2)“厂”字型布局:指在其最上部为横幅,作为网站的标志和广告条等。横幅下方的左边为导航主菜单,右边显示主页的主体内容,整体布局效果类似“厂”字。这种布局的优点是主页结构比较清晰、主次分明,是刚入门的学习者最容易学会的布局方法。(3)“封面”型布局:“封面”型布局主要采用Fireworks、Flash、Photoshop等图像、动画软件,以精美的图片加上简单的视频动画布局版面。通过主页上面的文字、图片或视频动画链接到站点中的其他页面上。“封面”型布局多用于展示型网站或个人的个性化网站上。

三 主页色彩的搭配

主页中的色彩是访问者对网站最直观的印象,是树立网站形象的关键因素之一。一个网站设计得成功与否,在一定程度上取决于主页色彩的运用和搭配。主页面的基调和风格代表着整个网站的风格,也就是在很大程度上决定了网站中子页面的风格。主页面的色彩搭配也决定着其他子页在的色彩搭配。下面就让我们来了解一些色彩的基础知识。(1)色彩的分类。色彩可粗分为有彩和无彩。无彩色是指黑色、白色,以及黑白两色之间过渡的深浅不等的灰色系列。与无彩色对应的是有彩色,有彩色是指可见光谱中的红、橙、黄、绿、青、蓝、紫七种基本色彩以及它们的混合色。(2)色彩的三要素:明度、色相、纯度。明度表示色彩的明暗程度,明度越大,色彩越亮,让人感觉绚丽多彩,充满生机和活力,这一类色彩多用于儿童类网站和一些购物类网站。明度越底,色彩越暗,这一类多用于一些游戏类网站,色彩的暗度可以使网站充满神秘感,还有一些个人网站,为了体现个性,也往往用暗色调来体现孤芳自赏的特质。色相是指不同波长的光反射给人的不同色彩感受,如红、橙、黄、绿、青、蓝、紫各代表一类具体的色相。纯度是指色彩的鲜亮与纯净的程度,表明颜色中是否含有灰的成分。如色彩中不含有灰的成分,即纯度最高,反之,含有灰的成分越高,其纯度就越低。不同的色相,明度不同,纯度也不同。纯度高的网页,显得鲜活、明快,纯度低的主页,显得暗淡、朦胧。

综上所述,主页色彩搭配得好,可以起到意想不到的效

果。主页的色彩搭配一般要根据主页的主题来确定,不同的主题选择不同的色彩搭配,如蓝色多用于科技型主题网站,粉色多用于女性主题和化妆品类型的网站,绿色多用食品类和植物类主题的网站。主页色彩的搭配会直接影响到访问者的心情,合理的色彩搭配会给浏览者带来强烈的视觉冲击力。主页的色彩搭配一般有6个原则:(1)同种色彩搭配,同种色彩搭配是指我们要先选定一种基本颜色,然后通过不断调整其自身的透明度和饱和度将色彩变淡或加深,从而产生新的色彩。采用同种色彩搭配的页面看起来色调非常统一,具有一定的层次感。(2)对比色彩搭配,对比色彩可以突出颜色,产生很强的视觉效果。合理的使用色彩对比,能使网站设计的特点比较突出,重点显现比较明显。在进行设计时,通常以一种颜色作为主色调,所对比色彩作为辅助,可以达到画龙点睛的效果。(3)暖彩搭配,暖彩搭配是指用红色、橙色、黄色等色彩进行搭配,这种色彩的搭配运用可为网页营造出热情、温馨、和谐的氛围。(4)冷彩搭配,冷彩搭配是指使用绿色、蓝色及紫色等色彩进行搭配,这种色彩的搭配运用可为网页营造出清凉、宁静和高雅的氛围。(5)冷色调色彩和白色进行搭配,能产生很好的视觉效果,不失为一种百搭的色彩搭配。(6)色彩面积的对比,是指网页中各种色彩在面积上运用的大小差别,它在某种程度上决定着页面内容的主次关系,随着色彩面积的不同而产生不同的对比效果。

四 使用模板快速制作网页

设计好主页的结构与色彩后,整个网站的大致风格也就基本确定了。网站的页面由多级页面组成,每一级也由多个子页面组成。众多的子页面之间互相联系又相互区别,它们跟主页都具有统一的结构和风格,如果我们一开始对每一个子页面都去建立的话,就要做许多重复工作。这时,我们就可以使用相应网页模板来建立统一的网页。模板的作用就好像在工业设计中用的统一模具一样,它能使我们不必每次建立网页时都要从头开始。模板就是网页的样板,它有可编辑区域和不可编辑区域之分。不可编辑区的内容是在子页面中不可以改变的,只有在网页模板中进行修改,通常为网站标志、横幅、导航、版本信息等所有网页中统一不变的内容。可编辑区的内容是可以在子页面中修改的,是每个子页面自己单独拥有的内容,通常为该网页的主体文字、图片等内容。运用模板可以批量创建网页,而且用同一个模板所建立的网页,在修改和更新时,也可以通过修改模板而一次性的完成。模板大大地提高了网页设计的速度,也使网站具有很好的统一风格。通过上面的具体步骤,一个小型的站点就创建好了。

网页设计软件范文第8篇

论文关键词:平面设计软件;实训课程;项目设计;实训项目;成果评价;职业能力

平面设计软件实训是配合《平面设计软件》课程开设的为时2周的实训课,是培养学生职业能力的一个重要环节。以往的实训课通常是通过让学生做一些课业进行的,教师给出一个课题,学生在指定时间按教师的要求完成作品,整个过程在教师的辅导下完成。在这样的教学过程中,学生的职业能力难以得到很好的训练,团队精神难以得到有效的培养。所以,在实训课上进行项目教学是很有必要的,因为项目教学法的核心是在教师的指导下,由学生去探寻得到最终结果的途径,学习的重点在学习过程而非学习结果,这对学生能力的培养是很有帮助的。在2周的时间里,如何设计项目才能使学生真实地体验一个项目的完整制作过程,是需要教师研讨的问题。

实训项目设计分析

实训课的教学不同于理论课。由于学生已经初步具备了该课程的知识和技能基础,实训课要在理论课的基础上重点训练学生的专业技能和职业能力。所以,项目的设计要求更能体现实际工作环境的特点,学生通过项目能更好地应用学过的知识解决实际问题,锻炼自己的实际工作能力。

设计理念平面设计是近十几年逐步发展起来的一个复合性职业,涉及面非常广泛,涵盖的职业范畴包括商业展示设计、商业广告设计、商业环境艺术设计、书籍装帧设计、包装结构与装潢设计、服装设计、工业产品设计、商业插画设计、标志设计、企业CI设计、网页设计等等。针对目前平面设计行业及社会其他相关岗位对人才的需求和对教学内容及教学方法的研讨,实训项目设计应该围绕着专业方向和培养目标进行设计;围绕着用完整的实际工作流程训练学生综合设计制作能力的目标进行项目开发,即按照实际工作“调研策划创意设计制作提交审核”的流程进行教学设计;以项目小组的形式开展教学活动;通过实训项目训练,培养学生的创新精神和团队精神,使学生能够综合运用美学思想、平面艺术设计的基本原理和设计规律及计算机图形图像设计软件,完成符合实际要求的平面设计作品,实现平面设计专业的教学目标。项目的设计理念应当是以培养学生完成实际工作任务的职业能力为目标,但设计的项目不一定非要来源于企业,因为本课程的学生是“广告设计与制作”专业的一年级新生,还没有学过平面设计方面的专业课,用2周的时间完成一个真实的企业项目有一定的难度。为了顺利实现《平面设计软件》实训课程的教学目标,可采取将虚拟项目按照真实项目完成的形式进行教学设计。

设计思路平面设计专业的能力目标是使学生能够根据平面艺术设计的基本原理和设计规律,针对不同的用户要求进行各种平面作品的设计与制作。所以,“网站页面设计制作”项目、“POP广告设计制作”项目、“商业插画设计制作”等项目都可以用来作为《平面设计软件》实训课程的实训项目。产品类广告设计可以重点培养学生市场调研、策划、创意等能力;文化类广告设计可以培养学生掌握完整的设计制作流程;“网站页面设计制作”可以通过图形、色彩、文字等设计元素的运用培养学生综合的平面设计能力。下面以“某集团房地产网站页面设计制作”项目为例,分析实训项目的设计方案。

实训项目设计方案

项目背景随着互联网的飞速发展,网络已经成为人们生活中不可缺少的一部分,利用网络查找各种所需要的信息已经是人们习以为常的手段。在这种形势下,很多企业、个人都需要拥有自己的网站和网页。某房地产企业为了更好地宣传企业形象和推介企业产品,需要制作一个引人注目的精美网站展示自己。

项目内容该设计项目是为某房地产开发商的网站进行网页设计和制作,需要学生进行市场调研,了解企业名称和受众群体,并采集各种信息,通过进行实际调查和需求分析,确定网站的市场定位,进行网页的规划和整体方案设计。在网页效果上要注意网站形象设计,以满足人们的审美需求;在制作过程中要合理运用艺术设计的理论知识和软件技术,按计划完成符合客户要求的精美网站制作。具体任务内容包括市场调研、网站策划、网页整体方案设计、网页设计制作、完稿处理、资料整理等,其中市场调研包括收集相关房地产企业的宣传资料和网站形象调研。网站需求分析要通过对宣传资料进行整理分析,明确用户需求,并撰写分析报告。网站整体方案设计包括标准字、LOGO小样、标准色彩、图标设计、网页平面设计等内容。网页设计制作可利用平面设计软件Photoshop、Illustrator等。

项目能力目标为达到专业要求的职业能力培养目标,在项目执行过程中,要求学生能进行基本的市场调研,明确客户需求,撰写广告策划书;能根据策划书进行创意构思,绘制出设计草图;能进行一定的创意设计;能将艺术设计理论知识与软件技术相结合,具备项目执行能力、与人沟通能力及小组协作能力。

项目技术指导在项目执行过程中,教师承担着指导的责任,在设计项目方案时,教师要全盘考虑项目中的一些技术问题,对学生可能遇到的知识和技能问题做到心中有数,以使项目能够顺利进行。

1.网页设计流程。按照一定的设计流程策划、设计、制作网站可以减少失误,确保项目的正确进行。因此,要了解项目的制作步骤及网页的设计流程:(1)市场调研,收集资料;(2)网站策划;(3)网页详细设计;(4)网页制作;(5)验收作品。

2.市场调研。在调研之前首先要确定调查报告内容,对问题进行分析、排除、锁定。这样在与客户沟通时可避免问题模糊、范围过大。资料收集要翔实、丰富,包括该企业的介绍、楼盘信息、图片等一切相关信息。

3.网站策划。网站策划是网站设计的关键步骤,只有真正策划好了,才有可能成为让客户或用户满意的网站。在本项目中,网站策划是了解客户需求、进行信息收集与分析、对网页设计等方面的问题进行整体规划并提供解决方案、撰写“需求分析报告”的过程。在这个过程中最为重要的是需求分析,就是了解、分析、明确用户需求,利用创意草图,对网页进行合理科学的规划,即对网页定位、受众群体、网站色调、网站页面总体风格、各种页面特殊效果及其数量进行确定。

4.网页详细设计方案。在需求分析的基础上,要进一步针对内容建设、网站布局、网站结构方面设计具体的方案。需要画出网站结构图,其中包括网站栏目、结构层次、连接内容、首页中的功能按钮、内容要点、友情链接等,都要体现出来,要切题并突出重点。设计方案要充分展示房地产网页设计的特点,网站形象要庄重平和,信息量要全面、细致,具有人性化特点。网页结构应层次清晰、创意新颖、颜色搭配合理、网页页面设计符合审美要求,网页功能要融入设计方案中,网页的内容与表现形式要统一,要对内容进行合理的分析、加工,按类别分类,栏目设置要一目了然。(1)首页设计。首页设计包括创意设计、结构设计、色彩调配和布局设计。在进行首页设计时,标题要有概括性,要用标题性的文字使访问者快速了解网站所能提供的信息,可将具体内容放到子页里完成;要符合设计时的主题和风格;文字与背景要合理搭配;整个页面色彩选择要统一。(2)网页版式设计。在网页设计中,网页的版式设计以及色彩搭配是很重要的,字体的设计和图片的放置都要考虑整个页面的排版,要合理地运用空间,使网页疏密有致,井井有条,留下必要的空白,使浏览者感觉轻松,没有压抑感,但也要注意不能只追求版面效果而忽视功能方面的问题。(3)网页背景。网页背景设计不好会影响访问者对整个网站的印象,选用的背景应该与整套页面的色调相协调。不同的颜色会给人不同的视觉心理感受,要合理运用色彩,造成良好的视觉效果。使用图片做背景时,要考虑大尺寸给传输速度带来的影响。

5.网页制作。网页制作是通过应用Photoshop、Illustrator等平面设计软件的各种技术实现网页策划所要求的效果的过程。在制作时既要结合平面设计的基本知识,也要遵循网页设计独特的设计要求与原则。(1)网页图标设计。图标是具有明确指代含义的具有标识性质的图形,不仅是一种图形,更是一种标识,具有高度浓缩并快捷传达信息、便于记忆的特性,应用范围很广,例如各种交通标志、学校的校徽、商品的商标等。图标也是网页中重要的设计元素,应根据不同的应用有所区分,既可以用来标识一个栏目,也可以作为链接元素实现网页间的跳转。精美的网页设计图标往往能起到画龙点睛的作用,从而提升软件的视觉效果。网页常用的图标有“导航图标”、“按钮”、“标志”等。图标设计要简单、直观、可识别性强;要能准确表达相应的操作;按钮的设计采用图标和文字可以提高图标的可用性;为吸引用户眼球,颜色应简洁;使用矢量格式可以让图标随意放大缩小;在导航栏上或网页的某些地方使用合适的图标,不仅可以美化网站,还可以引领用户浏览网页。一般制作流程是先做出基本的外形,再进行上色修饰,最后增加一些光影使其具有立体感。(2)导航栏设计。导航栏是网页中用来装饰和展示网页的,是非常重要的组成部分,功能丰富的导航栏可以引导阅览者获取多方面的信息。导航栏的设计应遵循“导航数量适当”、“导航提示明确、清晰、醒目”等原则。(3)网页色彩设计。网页的色彩是网页最重要的部分,是给访问者登录页面时的第一印象,好的页面色彩能给人带来很强的视觉冲击力,可以使浏览者对整个网站产生深刻印象。在设计网页时如果忽视了色彩设计,网站最后的视觉效果可能与客户期望不匹配。因此,设计时需要先了解网站的定位、网页的风格,学习有关的色彩知识,在此基础上合理进行色彩搭配。在配色时应注意尽量将颜色控制在三种以内,一般而言,网页的背景色应该柔和一些、素雅一些,如配上深色的文字,会使人看起来自然、舒畅,文字的颜色在不同底色的衬托下,会给人不同的视觉效果,设计时应综合考虑多方面的因素,设计出能产生好的视觉效果、能营造整体氛围的网页。网页设计还有很多方面的知识,教师可以给学生提供一些资料,让学生通过自主学习掌握这些知识,提高学生的自学能力。

6.项目验收。项目验收包括制作演示文稿、向客户展示最终产品并听取客户意见、按要求将所有图文资料进行整理形成完整文档等。实训项目验收可以采取小组汇报、小组评价、教师对项目进行总结评估的形式。通过一个有效的验收过程,学生可以总结项目进行过程中的经验教训,教师可以提高指导水平,达到预期的效果。项目考核评价应主要评价学生是否达到了项目教学的目标,对学生在执行项目中所表现出来的综合运用知识与技能解决实际问题的能力进行考核,并应结合学生自评和小组互评进行综合考核。不能只关注最后的项目成果,要关注学生在完成项目后学习到的知识、技能和提高的职业能力,这样才有利于培养学生的自信心和创新能力。

网页设计软件范文第9篇

一、现代美术设计软件其特点

其一,美术设计软件的版本更新换代速度快。追“新”本身就是设计思维的卖点,在绝大多数的设计专业领域中,新产品的生成,几乎都是以追“新”为原动力的。在当今科技日新月异下,为了不被设计市场所淘汰,美术设计软件的版本不断的提高。如常用的动画设计软件3DMax已经从原来3.0版本发展到9.0版本,中间经历了多次的版本升级,平面设计软件和排版软件也在不停的改朝换代。

其二,在相同的设计领域,设计功能相似但又具有各自特色的设计软件精彩纷呈。如平面设计软件PhotoShop、PageMake、Coreldraw、Firework都较好地能运用于书帧设计、网页设计、包装设计等平面设计领域,但PhotoShop的优势在图像处理,PageMake的优势在图文编排,Coreldraw的优势在矢量图形的设计,而Firework的优势在网页设计中图像的处理。

其三,美术设计软件之间的联系越来越密切。随着美术设计软件新特性的不断发展,软件设计功能的兼容性在大幅增长,通常一个设计软件主攻某方面的设计外,还可以协助许多软件进行设计。如设计软件PhotoShop主要功能在于平面设计,而它在网页设计中可以制作动态的GIF文件,也可以协助三维软件为室内外设计和动画设计制作精美的材质贴图。

二、把握好美术设计软件其特点,革新传统美术教学模式

其一,精选新版本和新技法的美术设计软件教材。

美术教学中传统的制定教材模式是 本教材沿用多年,有的专业还由国家制定出规范性的教材,如素描、美术字等。而对于对于美术设计软件这一门新型学科能沿袭一贯的传统吗?首先美术设计软件的版本更新速度之快,致使其不断地增加新特性,需要人们不断的转换新的设计思维,创造和接受新的设计技法,故电脑绘画设计书籍一般在出版2至3年后,书中的知识就会冗繁和落后,根本不适应社会的要求,这样的书籍如果重复性地作为教材,学生毕业后的处境可想而知,其次不同专业的学生在学习同设计软件时,也应该根据专业分类在选择教材上也要有所分别。所以选择美术设计软件教材一定要屏除传统的制定教材模式,选择新版本和有新设计技法的书籍作为学生的教材和参考书籍,更好地启发学生应用电脑的图形语言开拓新的视觉领域。

其二,经常更新美术设计软件教学中的软件版本和素材库。

在美术设计软件教学中,要经常性给学生的计算机的更新新版本的设计软件。这需要耗费一定工作量和资金支出,但能最大程度的配合新教材,吸收最新的设计软件知识,让学生接触最前沿的设计阵线。教师在教学中可以建立规模较大的数码素材库,源源不断地将最新的素材收集到素材库中,目前电脑市场上的数码素材也比较齐备,有图片、音乐、视频、FLASh素材等等,或时尚或高雅。利用各式各样丰富的素材资源,透露流行趋势、激发学生的设计情感、释放艺术的想象力。

其三,充分发挥现代化教学手段的优势

传统教学手段主要指一部教科书、一支粉笔、一块黑板、几副挂图等。现代化教学手段是与传统教学手段相对而言的。随着时展,多媒体计算机等现代化教学手段走入了课堂。

教师可以通过计算机、扫描仪、绘图板进行示范性教学,还可以运用各式各样的视频多媒体教程进行系统性的教学。视频多媒体教程可以是教师自己用flash等软件制作的课件,也可以是购买的教学碟,还可以选择性的下载网络媒介上视频多媒体教程。多媒体计算机可以帮助我们把枯燥的课堂教学变得有趣,把抽象的动作通过三维动画变得生动具体,把复杂的动作分解为简单易学的分部动作,把快的动作变慢甚至使其中途停顿,使学生们对全部动作一目了然,很好地完成教学任务。

其四,根据学生所学专业,把握好美术设计软件教学中的侧重和联系

在美术设计软件教学中,在普遍性的教学基础上,应该根据学生所学专业,侧重教学软件中的部分功能,让其精通。一些设计软件能适合不同的专业设计,如3D Max软件可以在工业造型、影视动画和后期制作、室内外设计等领域都能提高工作效率,发挥很大的作用。但3D Max软件软件命令繁多,如何才能在有限的教学课时中较好的完成教学任务呢?这就要求在上此课程时,根据专业不同有所侧重教学,如对于室内外设计、工业造型的学生而言如何运用好3D Max模和材质很重要的;对于舞台设计专业的学生而言学好3D Max中复杂的灯光设置是必不可少的,对于广告专业的学生就要重点讲解如何运用3D Max制做各种形式的影视动画。这样联系学生的专业学习,抓住不同专业学生的兴趣点,学习目的明确,学习兴趣当然也高得多。

随着一些美术设计软件新特性的不断发展,其功能的兼容性在大幅增长,这点在现代的设计软件教学中体现越来越多,经常运用一门设计软件时要多个设计软件配合,才能完成较好的作品。所以在在教学一门设计软件中要注意联系另外的软件进行辅助教学。例如在教学网页设计的软件Dreamweaver MX时,对于“网页三剑客”中的另外两剑客Flash MX、Fireworks MX,都应该让学生有所接触,这样就能保证学生设计出来的网页在版式编排、动画设计和图像处理上都有较好的效果。

网页设计软件范文第10篇

关键词:网页设计;课程知识体系;体验设计;交互设计;信息设计

网页设计作为高校设计学专业的专业课程,在教学课程知识体系的不断探索和完善中,形成了以艺术和技术分别主导的侧重不同而又紧密关联的两种课程知识体系。随着网页设计理论与方法研究的不断深入和发展,人们对网页的产品设计的属性认知越来越明确,对网页设计的工作分工更细致也更专业,这种认知进步也应该体现于当前的高校网页设计课程的知识构建体系中。

一、网页设计课程知识体系的构建变迁

1.从代码知识到网页制作工具知识的转变

早期,高校网页类课程的知识体系构建得益于院校的科研优势,互联网的发展直接促成了计算机专业的开设和网页设计课程的设立。20世纪90年代末,网页设计课程陆陆续续被列入部分高校设计类专业课程目录。面向高校学生的网页设计课程内容是一种全新的事物,即使面向艺术类专业,也由计算机专业相关教师承担教学任务。各高校、科研院所对网页制作方法不断探索,并将成果于各种学术研究出版物,教学方面则直接引用案例教学,教学内容以HTML知识为主。由于面向对象的设计思想在软件开发中普及,各种不需要用户直接面对代码的网页制作工具相继诞生,于是,这方面的知识成为课堂的新内容,大大减轻了学生的记忆负担。2.网页制作向网页美工的转变网站制作的快速发展、网页制作技术的传播,使网站在技术层面进入了同质化阶段,市场需求开始转向页面视觉效果方面的提升。在网页设计课程中,由于对网页设计分工认知不足,早期的网页设计课程时常将设计和制作的名称与授课内容混用,没有严格区分,也没有明确的网页前端设计与视觉设计分工。高校网页设计课程的授课内容以网页制作技术为主,以美化页面效果为辅。此时,高校对于网页设计课程的视觉设计方面的专业教学研究处于摸索阶段。之后,随着时代的发展,网页设计课程教学核心开始转变为制作具有更佳视觉效果的网页。3.网页视觉设计与网页前端设计的内容分离侧重于设计的网页设计课程知识体系重构从探索、发展到成熟,经历了较长的准备阶段。随着界面设计方法和流程理论体系的日益完善,分工协作机制日趋成熟,前端设计分离后,网页设计课程的重心确定为符合网页制作技术规范和条件的页面创意表达、视觉效果设计与优化。网页视觉设计的探索从传统的平面设计方法寻找切入点,通过对网页设计中的审美需求和各种视觉构成要素(如文字、图片、颜色等)进行分析,结合人们在浏览信息时的视觉习惯,探索网页视觉信息如何被更有效、更合理地表达。网页设计教学重心内容在转移到视觉设计之后,该阶段还未意识到网页交互设计的核心地位。

二、用户模式的网页之设计认知构建

网页设计的本质是用户的体验设计。网站作为互联网非可触形态的产品,对其认知的构建包含产品属性认知与服务属性认知两个层面的内容。1.网页设计是一种产品设计设计是一门交叉学科,网页本身也是一种产品。网页设计最初被视作平面领域的设计,而链接交互是网页设计有别于平面设计的基本特征。网页设计存在交互性,使其具有交互设计可用性与易用性体验的内在要求,适用于工业产品的基本设计流程。2.网页设计是一种服务设计服务设计层面,各种网页交互体验、视听信息、线上内容服务与线下互动等,是网站向用户提供服务的设计组成部分。作为一种广义的产品形态,网页设计与传统的实物形态的工业产品设计有一定区别,更倾向于体验的系统化设计。随着互联网向物联网的可用技术研究与拓展,基于智能化网络的服务设计将成为跨越线上线下的主流设计形态。3.网页页面信息设计是关系网页设计品质的深度设计网页设计作为一种信息量庞大的互联网单元,从工效学角度来看,网站信息本身也担负着面对用户、有效传递信息的功能和任务,在具体的设计活动中,表现为对信息的设计。信息设计具有多学科交叉性、空间多维性、时间流动性等基本特征,信息设计的目的是为了提高信息的可理解度和可阅读性。优质的网页信息设计可以降低用户获取信息的时间和精力成本,提升页面信息获取体验。

三、基于用户模型的网页设计课程的知识体系构建

网页设计的本质是对体验的设计,即以用户为核心思考设计方案,研究用户在访问网站时的需求是网页课程设计任务的基本出发点。课程内容模块应该以回答网页设计是什么、怎么设计、为什么这样设计三个问题为主线,构建网页设计课程的知识体系。1.课程的基本目标掌握网站项目与网页制作的基本设计流程,培养设计项目管理和组织能力;掌握用户需求研究分析的基本方法,对用户体验和需求研究有较为敏锐的洞察力;掌握网站交互原型相关的设计方法与工具;掌握网页视觉设计方法和设计规范;了解目前网页前端设计的相关技术和工具。2.知识体系与模块组成(1)设计方法教学内容模块设计方法教学内容模块主要为了解决面对具体问题时设计师怎样展开分析研究工作并确定设计执行方案。网页设计方法主要分为项目流程设计与管理、网站策划方法与规范、用户体验研究、交互原型设计方法等,让学生通过贯穿整个课堂教学的项目流程设计和每个流程的具体设计方法的实践,掌握基本的设计理论。(2)软件工具教学内容模块软件工具教学内容在形式方面包括课堂内的指导和课堂外的自学两个部分。鉴于设计软件的频繁更新和新的设计软件不断涌现,教师必须培养学生自学工具的主动意识以适应社会需求。在工具种类方面,包括图形处理工具、交互原型工具和代码工具三类。第一类是图形处理工具,其中常见的Photoshop、Illustrator等图形设计软件,已经在前置课程中基本完成学习。第二类是交互原型制作工具,常见的工具有墨刀、Axure等。第三类是代码编辑工具,选择较多,作为对网页前端知识的入门介绍部分,在本课程中以介绍为主。(3)设计经验教学内容模块设计经验教学以启发式案例实践为主,按照网站项目设计的流程需要,设定不同层次、不同要求的设计实践任务作为课程结课的考核内容。学生通过案例的练习能从优秀作品中学到设计经验,从具体的案例模仿中获得设计的成就感。网页设计课程案例教学同时也是对网页设计方法的实践验证,有助于学生对网页设计方法的理解和体会。结语任何一种技术变革,都可能让网页设计出现新的艺术形态,前端依然是课程必须了解的知识。目前,就设计艺术角度而言,网页设计课程的内容以交互和视觉设计为基础,在信息设计层面也有较大的提升空间,设计途径也已经拓展到用户的视觉、行为、声音和逻辑等方面。网页设计课程的知识体系构建必须以产品的视角,让学生更深刻、更完整地理解用户模式下的网页设计艺术。

参考文献:

[1]韩旭.新概念网页设计.包装世界,2000(5).

[2]鬲波飞.网页设计之视觉信息传达分析.湖南大学学报(社会科学版),2001(S2).

[3]刘真.《Don’tmakemethink》,从网页设计到产品设计.科技与创新,2015(8).

[4]封红莲.Web界面中的信息设计研究.上海交通大学硕士学位论文,2008.

上一篇:建筑设计软件范文 下一篇:景观设计师范文

友情链接