前言：中文期刊网精心挑选了网页艺术设计范文供你参考和学习，希望我们的参考范文能激发你的文章创作灵感，欢迎阅读。
网页艺术设计范文1
中图分类号:J04文献标识码:A文章编号:1005-5312(2010)17-0042-01
一、网页设计的内容
网页艺术设计涉及的具体内容很多,可以概括为版式设计和视听元素两个方面。两者之间是相互依存、相互衬托!当然网站最重要的还是内容。如果一个网站没有提供有价值的、有趣味的、及时更新和可以信赖的内容,那么网站操作起来是简单还是复杂都失去意义。
(一)版式设计
网页的版式设计同报刊杂志、书籍装帧等平面媒体的版式设计也很多共同之处,它在网页的艺术设计中占据着主导地位。图形,色彩和文字是版式设计的三要素,设计者根据网站不同用途和不同用户对象,通过设计来反映网站主题内容的版式。比如个人网站展现自我的个性,内容相对较少,版式设计体现的是独特!门户网站内容比较多,版式就需要条理分明一目了然!网页版式不等同于平面版式设计,网页版式设计时你得考虑到不同用户显示屏的大小不一,遵循的原则是功能第一,美观第二。
(二)视听元素
这里所说的视听元素,主要包括:文本、背景、按钮、图标、图像、表格、颜色、导航工具、背景音乐、动态影像等。设计者要考虑的是听觉任何来衬托视觉,最终为网站主题服务。多媒体技术的运用大大丰富了网页艺术设计的表现力。但由于网络宽带的客观限制,在使用多媒体的形式表现网页内容时,应考虑客户端的传输速度。不仅对设计者提出了高规格审美情趣,也需要网页设计者扎实的技术能力,也就是体现技术怎样为艺术服务。
二、网页设计的风格
网页设计的目的就是为了突出站点的自身特点,以信息内容得到理想的传导为前提,根据网站的主题内容,主页的设计要考虑风格形式的定位。目前,网页的应用范围日益扩大,几乎包括了所有行业,归纳起来有几大类,新闻机构,政府机关,企业门户,科教文化,娱乐艺术,电子商务,网络中心等。不同性质的行业,应体现出不同的主页风格。网页设计的整体风格要靠版式、色彩、动画、声音来表现。不同领域艺术创作的角度及方式也有所区别,从网页设计的特殊角度分析主页的风格。大体可分为平面风格,矢量风格,像素风格,三唯风格。
(一)平面风格
平面设计是二唯的设计,平面风格始终是基于一个二唯视图来工作。侧重与构图,色彩以及表达的思维主旨,往往给人以空灵的意境和透气爽快的感觉,这种构图形式可以在有限的页面中表现无限的空间感。此种风格在网页设计里最常见且最实用。
(二)矢量风格
矢量图使用直线和曲线来描述图形,这些图形的元素大多是一些点,线,矩形,多边行,圆和弧线等基础元素,它们都是通过数学公式计算获得的,所以文件体积比较小。矢量图最大的优点是无论放大,缩小或旋转等都不会失真,最大的缺点是难以表现色彩的层次丰富的逼真图像效果。矢量图形插画是运用图案的表现形式,审美与使用相统一的原则,尽量使线条,形态清晰明快。块面感强,制作方便。
(三)像素风格
GBA手掌机画面,电脑软件上的图标以及现在手机上的屏保等都是像素画。像素属于点阵式图像,他是一种图标风格的图像,更强调清晰的轮廓,明快的色彩。几乎不用混叠方法来绘制光滑的线条,由许多不同颜色的点一个个巧妙地组合与排列在一起,构成一副完整的图像,这些点称为像素,图像称之为图标或像素画。目前像素画技术以日本,韩国比较成熟。从最初的电玩中就可以看出,在很早以前就已经进入这门艺术领域。像素风格型网站,为互联网增添了独特,亮丽的风景线。
(四)三唯风格
三唯是在顶视图,正视图,侧视图及透视图来创作编辑物体的,以一个具有长,宽,高三种度量的立体物质形态出现,这种形态可以表现在商品的外形上,也可以表现在商品的容器或其他地方。在网页设计里,三唯的造型手法,通过折叠,凹凸的处理,使画面产生浮雕,立体等三唯效果。
三、网页设计的色彩
(一)明确网站的主题、服务对象及用色彩要表达的目的
要确定一个网页用什么色彩合适,即什么色彩适合什么网站。你必须要先弄明白该网站的主题和它的服务对象,以及你通过色彩希望达到的目的。如简约类网站用用灰色做主色调,它不象黑色那么鲜明,也不象白色那么呆板,比较平稳和中立也不会激发非常强烈的情感。如果服务对象主要是儿童,其网页设计不仅采用卡通和声音等众多形式,还选择了非常鲜艳的色彩。
(二)确定网页的主色调根据网站的主题、服务对象及用色目的
给网站的网页选一个主色调,以形成一定风格。整个网页最好只有一个主色调。主调色彩一般可用公司的标准色,这符合公司的形象战略,可以提升公司形象。主调色确定后,还可选一至两种辅助色配合使用,整个网页的色彩最好控制在三色之内。
四、网页设计的原则
网页作为传播信息的一种新媒介,使读者不受时间、空间的局限,同其他出版物如报子,杂志等在设计上有很多共同之处,也要遵循一些设计的基本原则,但是,由于表现形式和运行方式不同,网页设计又有自身的特殊规律。网页的艺术设计,需要设计者高超的技术,坚实的知识结构和丰富的想象力,是技术与艺术的高度结合,缺一不可,它要求设计者掌握以下三个主要原则。
(一)主题鲜明
一个主题的表现也就是创意的深化,也就是设计者个人素质和技能的体现。
创意是一种有价值的智慧的体现,创意体现了大多数人的心理趋势,就会赢得大众的追捧。设计在强调艺术性的同时,更应该通过独特的风格和强烈的视觉冲击力,来鲜明地突出设计主题。 优秀的网页设计必然服务于网站的主题,就是说,什么样的网站,应该有什么样的设计。设计是为功能服务的,功能也就是网站的主题。例如商业网站呈现的是条理分明的内容。搜索网站作为一个搜索引擎,首先要实现“搜索”的“功能”。它的主题即是它的“功能”。
(二)形式与内容统一
任何设计都有一定的内容和形式。内容是构成设计的一切内在要素的总和,是设计存在的基础,被称为“设计的灵魂”;形式是构成内容诸要素的内部结构或内容的外部表现方式。网站的内容是不变的,形式可以改变!这就需要用最适合的形式来反作用于内容。网站设计的内容就是指它的主题、形象、题材等要素的总和,形式就是它的结构、风格或设计语言等表现方式。一个优秀的设计必定是形式对内容的完美表现。
(三)强调整体
设计时强调其整体性,可以使浏览者更快捷、更准确、更全面地认识它、掌握它,并给人一种内部有机联系、外部和谐完整的美感。网页的整体性包括内容和形式上的整体性。
网页艺术设计范文2
关键词：网页设计；茶产品；艺术设计；视觉呈现
近年来，互联网电商发展迅猛，很多产品都有了网络销售渠道，茶产品也不例外。茶产品的网络销售离不开网页的展示，好的网页艺术设计才能让茶产品从众多品牌中脱颖而出，具有更强的竞争力，所以茶产品网页设计的视觉呈现越来越受到人们的重视。茶产品网页以互联网为载体，将茶产品的各种信息以方便、快捷的形式传达给消费者，所以茶产品网页艺术设计必须符合人们的审美需求和高标准、高要求。茶产品的网页是信息和主要表现形式的载体，要想设计出更加便捷、美观的茶产品网页，网页中的艺术设计元素必须更具有观赏性，视觉呈现方式应该更加独特和新颖，整个呈现效果应该风格统一，主题明确。
1茶产品网页艺术设计的内涵
互联网和电商的普及，很多商品都在网上进行销售，所以网页设计逐渐被人们所重视。茶产品网页艺术设计是通过设计师对茶产品的理解和内涵的认知，根据茶产品的特色，进行的创造性的网页构思。从表面上来看，茶产品网页设计是对网页的版式、色彩、声音、动画进行了合理的安排和运用，虽然看起来简单，但是要想实现这一过程，不仅需要一定的技术能力，还需要对茶产品有深入的了解。因此，茶产品网页设计是艺术和技术的结合，同时也蕴含着茶文化的内涵和韵味。茶产品网页艺术设计内涵其实就是新型的可视化的茶文化内涵视觉呈现，以前人们习惯了用实物呈现茶文化，现在要将实物换成图片、音频、视频等表现形式，本质上是一样的，但是网页设计呈现茶文化的方式比原来更多了，不过也有其短板，就比如人们没有办法去闻一下茶叶的气味，品尝茶水的味道，触摸一下茶叶，这些都是网页设计无法进行呈现的，但是视频和音频、图片包含的信息要比传统的实物大很多，就好比在有限的地方想要呈现全国所有地方的不同种类的茶叶，通过线下展示几乎是不可能完成的，但是通过一个视频就能清晰准确地表达出来。线上和线下各有所长，这是没有办法避免的，我们只能借助手中的技能，最大程度地通过网页艺术设计将茶文化的内涵呈现出来。
2茶产品网页艺术设计视觉呈现要素
2.1茶产品网页的视听元素
茶产品的网页艺术设计包含众多的视听元素，而如何以合适的艺术形式将这些视听元素组合起来，并且支持大多数浏览器的显示和播放，具有比较快的加载速度和浏览体验，减少和避免使用外部程序和模块，是茶产品网页设计主要考虑的问题。茶产品网页艺术设计还可以运用多媒体技术，这样可以更加丰富茶产品网页设计的视觉效果，让其具有更好的视觉呈现。这样做的本质就是让网页设计呈现给人的感觉能够尽可能的还原人实物给人呈现的东西一样，近年来流行的3D、4D、VR技术都能很好的运用于茶产品网页设计中，其目的也是让人看到的东西更加真实，和实物一样。将这些网页艺术设计的新科技运用到茶产品网页中，可以给人耳目一新的感觉，也能够带给用户更好的体验。
2.2茶产品网页的版式设计
茶产品网页的板式设计，需要首先对内容进行主次的划分，突出重点内容，避免过于繁琐和混乱。将茶产品网页的各种视听元素进行有机的组合和排列，体现出茶产品的个性，通过这些排列形式也可以体现出设计师的想法和思维，展现出茶产品的文化内容和风格。茶产品的网页艺术设计在本质上和报刊杂志等平面媒体的本质是相同的，只不过茶产品网页设计中对版式的设计更加重视，需要其准确的传递出茶产品的信息，并且带给人感官和精神上的享受。茶产品网页的版式设计虽然不受到固定规格尺寸的限制，但是必须符合读者屏幕的阅读限制，所以茶产品网页设计中的各个元素和位置必须有更加精确的尺寸和定位。茶产品网页艺术设计也不同于印刷品的线性形式，这一区别也给茶产品网页艺术设计的结构安排带来更多的难度。
3茶产品网页艺术设计的视觉呈现方式
3.1色彩的搭配
设计师用以表达设计理念的首选就是色彩，色彩也是茶产品网页艺术设计中最能抓住用户眼球的部分，其次才是网页中的文字和图像。对于茶产品网页设计的色彩运用需要像音乐的音符一样进行巧妙和恰当的安排，这样才能像音乐优美的旋律一样，具有色彩的艺术感。色彩可以通过视觉的呈现让人出现各种不同的心理感受和反应，所以需要经过精心的组合、搭配以及画面的构成。茶产品网站艺术设计的视觉呈现不能过于单一的使用同一种颜色，也不能同时使用过多的色彩，导致整个茶产品网站色彩过于复杂，而是根据茶产品的主题选择一两种颜色作为主要的颜色，其他部分选用相近或者同色系的颜色作为次要颜色。所以，需要在确定主题色彩之后，考虑主题色彩与其他颜色之间的关系，让各个色彩之间能够达到协调和均衡，同时还要考虑各种颜色的纯度、透明度和色相的问题。其目的就是让人在浏览茶产品的网页时候拥有更好的体验。
3.2点、线、面的构成
茶产品网页设计的基本构成是点、线、面，其排列组合方式有成千上万种，而网页设计师需要做的就是通过合理的点、线、面组合来表达茶产品网页的自然、生动、朴实等形象，让人通过茶产品网页对茶产品产生美好的联想。通过点、线、面的密集程度和集合形态，来表达想要表达的不同特色，反映出茶产品网页设计师的设计理念、心理和情感，所以茶产品网页艺术设计中点、线、面的关系一定要处理好，这样才能将茶产品网页艺术设计的最佳视觉效果呈现出来。
3.3文字的排版和应用
茶产品网页艺术设计的另一形象要素就是文字，文字也是茶产品网页艺术视觉呈现中必不可少的，担任着传递产品信息和情感的作用，所以茶产品网页艺术设计中的文字应用能够给人以美感和审美感受，同时也可以准确的传递作者的意图。恰当的安排茶叶产品中文字的位置，避免文字与茶叶产品网页中其他视觉元素形成冲突，导致主次颠倒，同时在茶产品网页设计中也不能轻易使用自动文字排版工具，避免文字内容错乱和像素的偏差。
3.4留白的方式和技巧
在茶产品网页艺术设计中恰当的留白可以让视觉的呈现更为多元化，这也是茶产品网页设计中一种比较讨巧的设计方式和技巧，可以让茶产品网页中的图片和文字更加从容。只有通过留白对茶产品网页的空间进行缓冲分配，才能让茶产品网页更具有活力，更加生动，避免出现呆板的情况。在茶产品网页排版布局中，恰当地进行留白可以更加彰显茶文化的艺术韵味，同时平衡茶产品网页的整体布局，让整个茶产品网页布局和排版松弛有度，同时茶产品网页中的各个元素之间的关系也能够更加合理，让整个网页艺术设计能够得到升华，提高整个网页的艺术高度，同时也可以带给浏览者更多放松的感觉，让用户浏览时心情更加愉悦。
4结束语
综上所述，随着互联网和时代的发展，茶产品基本上都有网络销售渠道，茶产品网页设计的审美和要求也在不断提高，茶产品网页设计在传递茶产品信息的过程中也需要带给用户视觉和感官上的享受，所以茶产品网页艺术设计必须结合艺术和技术。所谓的艺术就是网页设计本身所强调的，是每个设计师都应该拥有的技能，技术而言就是对茶产品的理解，需要通过特定的技术手段展示茶文化的内涵，我们希望通过网页方式呈现给消费者的就是和原来线下的一样，技术是实现目的手段，我们运用的技术不一样，但是想要实现的目的一直都是一样的。网页设计相比较线下具备很大的优势，而技术的进步也让视觉呈现越来越好，由视觉感官的艺术上升到视听享受的层面，让茶产品网页设计不仅仅具有报刊杂志的功能，更有影视观赏的效果，将用户带入更好的浏览环境中，从而对茶产品的外在和内涵有更深的理解和领会。只有处理好茶产品网页艺术和技术的关系，才能满足人们对茶产品网页日益增高的要求。
参考文献
[1]高文婧.艺术类网页设计工作坊“双主体”管理体系的构建分析[J].西部素质教育,2016(13):20.
[2]齐玮琳.视觉传达在网页设计中的动态艺术效果及其技术实现[J].黑龙江科学,2015(12):72-73.
[3]王倩.网页设计中技术与艺术的结合路径———以新闻门户网站为例[J].新闻战线,2015(22):70-71.
[4]王雨晴,汤颖斐.信息艺术设计对环保的应用———以环保包装网页为例[J].艺术科技,2015(7):170-171.
[5]游又.浅谈数字媒体创作与教学中的用户中心设计和内容设计[J].西部广播电视,2014(2):86-88.
[6]许玲玲.浅谈网页设计中的艺术表现形式———艺术与技术相结合[J].科技资讯,2013(26):29-30.
[7]古新良.论网页设计中艺术设计的视觉呈现[J].计算机光盘软件与应用,2013(7):262+264.
[8]李怡.中国水墨画艺术形式在网页设计中的借鉴及探索[J].重庆科技学院学报(社会科学版),2012(13):122-124.
[9]孙梦灿.从《css禅意花园》谈对于艺术设计学科中的网页设计的一些思考[J].包装世界,2011(3):100-102.
网页艺术设计范文3
【关键词】高职教育网页设计课程改革综合能力
【中图分类号】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．在教材选择上可采取多本教材多种形式教学
如果仅限定于根据所购教材作为课堂所有内容，学生所学知识比较单一，教师可选择网络、图书馆图书作为参考教材。
现今市面上大部分关于网页设计教材分为网页制作软件和网页美术两种。教材的内容设计没错，针对网页制作就应以软件的学习为主，针对网页美术就应以美术法则为主。综上所述，市场及行业对于网页设计的要求都不仅仅是单一的制作或单一的美化，高校的网页设计课堂也不应仅仅教授软件或美术法则。既然已有教材无法一次满足课程的需要，那么教师可以在课堂中使用网络或偶尔把课堂转移到校图书馆进行课程学习。网络上有大量的网页设计文章、素材、模板、教程，学生在使用网络对网站进行浏览的同时，也更深刻地体会网页操作过程中的各种元素对用户带来的不同感受。只有通过对网络的接触和对网页的使用，才可真正设计出适合广大用户的优秀网页。在图书馆里，我们可以找到与教材内容相辅相成的大量图书，学生可以在此深入地了解网页设计涉及到的不同范畴，把以往狭隘的通过单本教材看成是课程甚至整个网页设计行业的所有内容，扩展到从艺术到技术的一个更宽的面。
三 结束语
网页艺术设计范文4
摘要:随着互联网的蓬勃发展,出现了许多优秀的企业主页
>> 浅析网页设计原则与制作技巧 网页设计原则及技巧 网页设计的小技巧 Dreamweaver必备网页设计技巧 浅谈网页艺术设计中的网页版式设计与编排 对网页设计艺术的探讨与研究 艺术高职院校网页设计教学的研究与实践 网页设计中艺术创新的研究与实现探讨 探讨网页设计的艺术与处理原则 浅谈网页艺术设计 网页艺术设计探索 网页艺术设计初探 《网页设计与制作》 网页设计的布局和用色技巧 网站设计及网页制作技巧 网页的版式设计技巧探讨 网页新闻编译的原则与技巧 网页配色的方法与技巧 浅谈网页制作的经验与技巧 板式设计课程中的网页版式设计结构与艺术性探索 常见问题解答 当前所在位置：或.html即可。这时,保存的位置中会出现相应的网页文件了,直接打开,就可看到网页的效果。但是单由记事本编辑出的网页在效果上会过于简单,不美观,或功能不是很完善,这就需要我们在简单掌握html语言后,利用其它的,更为直观的网页制作工具来进行网页的制作了。
1.2 掌握网页三剑客和简单的数据库使用
何为网页三剑客?是目前比较流行的制作网页的三个工具软件,Dreamweaver、Fireworks和Flash。其中Dreamweaver可用来制作静态网页、动态网页、创建和管理网站、制作样式表等等,功能强大,应用范围很广。Fireworks是图像处理软件,不仅具备复杂的图像处理功能,并且能轻松地把图形输出到第三方的应用程序中,它最大的特点是,应用网页制作方面的切片功能,使网页图片处理起来更方便,快捷了。Flas制作软件,目前,大大小小的网页中,都有flas存在着,给网页增添了精彩的效果,使网页更加精致,还可利用flash制作出有趣的游戏,留言板,聊天室等等,是功能强大的应用软件。
网页中经常会用到聊天室、留言板、用户注册、网上问答等等内容,这样网页就被分成了动态网页和静态网页二种,不使用服务器相关内容,不使用数据库链接的网页被称为静态网页,直接使用Dreamweaver来进行编辑就可以了,它的文件名中的扩展名为.htm或.html。而动态网页正是相对于静态网页来说的,它的扩展名一般为.asp或.php等等。这种网页要使用相应的服务器技术,并用到数据库和数据库链接知识。常用的数据库有Access数据库、SQL Server数据库等[2]。
3 网页内容的选取
网页的内容是灵魂,制作的网页是否受欢迎,是否能吸引访问者的眼球,是否能达到预期的效果。这些都是网页制作时我们必须要预先考虑的问题。
那么如何完成内容的定位泥?
① 在定位网站内容时,要做到小而精,切忌包罗万象。把你认为最精彩的东西都放在上面,那么往往会事与愿违,给人以内容泛泛,大而空的感觉.最好做比较专一的内容。试想,如果我们将自己最擅长的某种知识或技术等内容做到网页中,建立一个专题的站点,那么一旦有访问者第一次在这里一下子就找到了他想找的内容的话。那么如果再有这方面的需求,首先就会想到你的站点。
② 如果是个人网页,那就一定要突出自身的个性,当今社会是提倡张扬个性的时代,除了别人都有的内容之外,自己还要融入一些自身的特点,是内容要有亮点,配色也可不拘一格,大胆用色。从各个角度烘托出制作者的独特性格。
③ 如果是企业的站点,要注意的是:企业的运营宗旨是否能完好体现,能否在网页中最大限度体现企业网站功能和用户最需要的内容,用户的操作是否简便等;要做到网页内容主次分明,结构要清晰简洁。
④ 对于能留住访问者的另一个重要问题,就是网页的速度。对于一个浏览页面时间超长的网页,我想不会让人有再次访问的想法。对于线路和网路本身的速度我们不能控制,但我们可以在网页设计中避免一些影响速度的因素。好的网页应是越简单易读越好。我们可以从以下几个方面来考虑。首先,影响浏览速度的最重要因素之一是图片容量大小,漂亮的图片、绚丽的动画效果,会使你的主页增光添彩,但图片的容量大小却是直接导致浏览速度慢严重后果。尽管你的内容精彩绝伦,网页漂亮,但打开你的网页需要等上半天,在这时间就是金钱的时代,谁会再次的光顾呢?可利用图片制作工具将图片进行加工,在不太影响效果的前提下,可利用修改存储格式,降低像素,分辨率,减少动画应用等途经来达到目的。
4 网页制作步骤
制作网页和装修差不多,先从整体的角度构思出网页的内容、色彩等,然后利用相应的软件进行实际操作。
① 网站定位
先确定所要建立的网站的类型,确定网站风格,网站色调,网站层次,将网站结构先确立出来。
② 收集素材
现在的互联上的资源非常丰富,各种各样的图片资源、动画资源等多媒体资源比比皆是,就所确定的网站风格等因素,收集相关素材。
③ 使用Fireworks等图型制作软件将网页先画出来
这一步骤很关键,无论使用哪种网页制作软件,在进行编辑时经常用到表格,用表格来定位图片,用表格来定位文本,用表格来组合被切割的小图片等。因为网页时经常会出现后位置更改的现象,使用表格来规划网页,会得到事半功倍的效果。另外,小图片的下载速度要比一整张大图片的下载速度快的多,所以在网页中多是将大的图片切割成小部分后,利用无边框,无间距的表格将小图片组合成一张大图。那么,第一步,在使用表格制作前,应用图片处理软件进行网页设计,将整个网页的效果图片画出来。第二步,利用Fireworks的切片工具,将所画出的效果图切成适合的小图片,以备使用。
④ 利用Flas制作软件制作LOGO和Banner动画
LOGO是网站的标识,是一个站点的象征,是网站形象的重要体现。一个精美的LOGO可以很好地树立网站的形像。LOGO一般放在网页的左上角,大小有三种常用规格:88×31、120×60和120×90。Banner被称为网幅广告、旗帜广告或横幅广告,是网络广告的主要形式,一般使用GIF格式的图像文件,也可以使用静态图形,也可用多帧图像拼接为动画图像等[2]。
⑤ 添加相应的服务技术
网页如果被制作成动态网页形式,首先要添加相应的服务技术,在我们常用的windows系统中,先要添加IIS网络服务组件,这是windows系统的组件,需要到控制面板中的添加或删除程序对话框中,选择添加删除windows组件一项中进行internet信息服务(IIS)的添加,这时需要我们在光驱中放入系统,或者可以到网络上进行下载。
⑥ 创建数据库
网页中留言板、信息反馈、用户注册等等内容都要通过数据库对其内容进行存储,以备网页调用[3]。一般的asp动态网页使用Access做为数据库,Access使用起来很方便,可以根据向导来创建数据库内容。
⑦ 使用Dreamweaver制作网页
所有的准备工作已经差不多了,我们现在要做的是,用Dreamweaver网页制作软件将已有的图片、文本、数据库等等内容组合到一起,形成我们的网站。首先,创建一个新的站点,在站点内新建网页,一般使用index.htm或index.asp做主页名称。其次,在网页中插入表格,将已经完成的图片、动画等多媒体内容插入到网页中。然后,加入相应的图片效果、鼠标经过、超级链接等内容。最后添加相应的样式表内容,还可以利用行为面板,给网页加入一些特效,如弹出窗口、时间轴特效等。还可以从网站上下载插件,安装在Dreamweaver中,以增添效果。如果动态网页内容需要添加数据库链接内容,那我们就要在Dreamweaver中的数据库面板中进行操作,添加数据源、绑定数据、记录集和服务器等内容。使网页更具有实效性。
5 结束语
网页设计是一个注重实践操作和设计的课程,需要我们在制作中不断的学习,不断的探索;在互联网应用如此广泛的今天,网页制作的是否精美、实用,是否有访问量等等是评价网页优劣的最好方法。让我们在实践中进步,在实践中走出一条属于自己的路。
参考文献:
[1] 丁桂芝.ASP动态网页设计教程[M].北京:中国铁道出版社,2005:16-18.
网页艺术设计范文5
关键词：网页设计；艺术设计；文字；色彩；版式
当今社会，网络作为第四媒体正在飞速发展，互联网已经深度渗透到我们生活的各个层面，网页设计已经脱离了传统广告设计的范畴，形成了特殊而独立的体系。网站作为新媒体的媒介主体，具有更多与传统媒体不同的特征和特性，可以说，网页设计是一种基于视觉艺术的平面设计，它是浏览者进入站点第一时间接收到的视觉信息，它可以给浏览者一个概念、一种印象，因此，网站的视觉审美关系到网站生存与发展。
网页设计是一个系统的整合工程，包含多种形态要素，如文字、图形、图像、动画、音频、视频、交互元素等，这些元素在艺术上都具有相对的独立性，它们好比网页的零部件，只要零部件设计好了，网页设计就有了好的视觉基础。再合理规划网站内容，搭建网页框架结构，设计好网页配色方案，就会呈现出高艺术水平的网页视觉盛宴。
一、网页文字的艺术设计
文字是网站页面传播信息的主要载体，在版面中一般占有绝大部分空间。文字设计是网页设计中不可缺少的一环，规范的字体给人美的享受，可以让人阅读起来轻松舒适；新奇的字体可以让人阅读起来印象深刻，容易引起浏览者的兴趣，提高信息传达的有效性。在对文字进行艺术创意设计时，设计师多采用图形文字表现手法。与文本文字不同，图形文字能够自由实现汉字的字体设计与编排设计，设计师可以完全自由的控制文字的外观，自由使用各种特殊字体和图形，采用不同的阴影、变形、质感、滤镜等视觉特效，从而提高文字的艺术观赏性。
从技术与艺术相结合的角度考虑，网页文字设计要遵循以下几点准则：
1.文字的风格和编排应符合网页的主题。不同主题的网页要使用不同样式的字体，而不同的字体编排也会影响网页的风格倾向，因此文字的设计要与网页主题相结合。
2.保证文字的可读性、整体性。文字最终是为传达信息服务的，明确、清晰是文字设计的首要目的。而且多个文字设计之间一定要有主次逻辑关系，避免各自为战。
3.合理控制文本文字与图形文字的占比。追求美观的同时，也要兼顾文件体积，选用合适的文件格式、色彩数量、调节好压缩比，都有助于减小文件的体积。
二、图形图像设计
网页图形、图像在网页的编排中有着举足轻重的地位，运用图形、图像，设计师可以美化网页页面效果，提高网页的艺术价值，图形图像与文字结合可以加大信息传播的质量和数量，提高信息传播的效率。
在进行网页设计时，要注意以下几点：
1.图像分辨率设置。显示器的分辨率一般为96dpi或72dpi，高于这个标准会增加文件体积，降低页面下载速度，而低于这个标准会降低图像的显示质量，因此，图像的最佳分辨率为96dpi。
2.图像文件格式设置。要根据不同的目的，选择适当的文件格式。比如，在制作图标、动画时，使用的颜色比较少，可以选择GIF格式图像；在制作透明背景图像时，可以选择PNG格式图像；在制作真彩色网络图像时，则可选择JPEG格式，一般情况下，JPEG的压缩质量选择在7-9之间的数值，这样能够生成失真小而压缩比比较大的图像。
3.调整好网页图像的色调、位置、大小、平衡、主次等对于网页的整体视觉印象十分重要。主次分明、与网页整体协调是网页图形、图像设计必须把握的原则。
三、网页色彩的设计
色彩是最先进入浏览者视野的视觉元素，同时也是最持久占据记忆的视觉元素。网页设计是依赖色彩的，色彩具有更直观更强烈的视觉表现力，很多网站以其成功的色彩搭配令人过目不忘。对于网站来说，如果图片信息较多，图片中的色彩将主宰整个页面，并且在后续信息不断更新中，页面感受也会随着图片色彩的变化而变化。因此，平衡好网页设计与信息更新中的图像色彩变化的关系，也是网页艺术设计必须要考虑的问题之一。
1.网页色彩的整体性设计
一般情况下，首先要根据网站的主题和产品特性确定网站的主题色以及背景色，其次，在基础色调的基础上，来协调辅助色的选用，包括补色配置、对比色配置、类似色配置、同类色配置等，从而形成网站的配色方案。通常情况下，背景色的配置对比不宜过分强烈，要避免背景色喧宾夺主；同时各造型要素的色彩也要主次分明，重点对象的色彩应居于网页色彩体系中对比显著的位置。在处理各要素的色彩时，既要注重色彩的变化，也要考虑色彩的整体性与协调性。
2.网站主题与色彩设计
网页设计中，不同颜色会给浏览者不同的心理感受，每种色彩在饱和度、透明度上的变化都会产生不同的心理感受。现在网站的分类多种多样，有公司、政府机构、产品、房产、旅游、购物、娱乐、个人空间等，因此对于不同主题的网站，网页色彩设计应有不同的侧重点。比如餐饮、食品类网站宜采用暖色系列，来刺激消费者的食欲；机械产品类网站宜采用冷色系列，给人以庄重、沉稳的感觉，而且能表现设计者严谨、科学、精确的设计理念，能让消费者放心的使用产品；电子产品类网站适宜采用偏冷的灰、黑系列，这样能与产品材质完美结合；而儿童用品或者与儿童相关的网页，则适宜采用颜色鲜艳对比强的色调，这样有利于表现儿童活泼、欢快的特点。
网页艺术设计范文6
关键词：艺术设计；网页设计
中图分类号：G712
1 课程的一般特征
网页设计课程是艺术与技术结合的产物，其内容涉及计算机图形图形处理、版面设计、动画设计及网络编程等相关知识，是一门实践性非常强的学科。在艺术高职院校中的学生设计能力出众，图形图像处理基础扎实学习网页设计课程有得天独厚的条件。
1.1 注重培养学生的实践动手能力
网页设计的基本在于版面，其美观程度直接影响最终网页的视觉效果，而版面的设计需要图形图像处理技术，学生的实践动手能力将直接影响到最终效果。为了提高学生的图形图像处理水平，除了设计类必修的Photoshop等软件外，我们还开设了Firework等专门针对网页的图形图像处理软件课程作为选修课向全院学生开放，以提高他们的实践动手能力。
1.2 倡导“开放式自主学习”的新观念
网页设计涉及到计算机图形图像处理、动画设计及网络编程三门课程，这三门课程的教学资源全部可在网上浏览和下载，任何学生（Anyone）在任何时候（Anytime）、任何地方（Anywhere）都能获取知识，训练技能，保证学生按需学习和自主学习。
1.3 培养与强化专业技能和职业能力
（1）培养学生收集、处理信息，准备、加工素材的能力
学生能够利用互联网搜索引擎收集自己所需素材并且能够利用已学工具软件进行处理和加工。互联网技能已经是现代社会不能忽视一项基本技能，能否熟练的利用自己的互联网知识收集并加工素材成为影响学生网页设计水平的重要因素。
（2）培养学生制作静态网页的能力
学生能够熟练掌握DIV和CSS进行静态网页的设计。DIV和CSS进行结合，制作出静态的HTML网页是网页设计的一项基本功能，学生掌握DIV和CSS技术并熟练使用才能进行更深入的网页设计的学习。
（3）培养学生布局网页、搭配颜色和设计网页的能力
学生能够熟练掌握常见中小型网站布局、颜色搭配和栏目构成，了解企业网站最常见的布局，熟悉各种颜色搭配在网页设计中的作用，对中小企业网站的布局和栏目构成有非常深入的研究。
（4）培养学生开发网站的综合能力
学生能够熟练将多媒体集成在网页中，将动画、图片、文本等媒体进行合理结合，制作出符合用户需求的网站。多数企业站是文本、动画、图片的结合，学生能够利用自己的专业知识，将文本、动画、图片等多媒体有机的结合起来，达到能够利用网站进行企业宣传的目的。
（5）强化学生的策划能力和结构布局能力
着重强化学生的网站策划能力，掌握网站的栏目分类以及搜索引擎的喜好及网站整体架构布局，熟悉中英文企业网站基本布局，根据用户的需求能够熟练的进行网站策划、导航定位及布局展示。
2 课程的教学特征分析
通过调查显示大部分的学生对于浏览器的知识非常匮乏，浏览器是显示网页内容的重要工具，而作为全球知名的火狐浏览器（Firefox），谷歌浏览器（Chrome），IE浏览器，在接受调查的学生之中知之甚少，这不能归咎于他们知识的匮乏，只能归咎于中国的网络环境太复杂。
网页设计师不同于其它类型的设计师，他带给用户美感享受的同时，同时也是与用户交流的一个过程。因此设计师要精通于网站访客对网页的感受及这些人如何使用网页，网页设计师应该为提出最佳设计方法负责。客户非常注重网页的好看，漂亮，但是却忽视了网页设计的实用性，网站本身就是用来传递信息的，用图片来传递，用视频来传递，用文字来传递，通过种种传播媒介的表述，让访问者知道网站要表达的信息。
3 教学情境与师生关系学生对教师的依赖曲线图
4 教学效果探讨
根据网页设计课程的特点，使学生的学习行为发生实质性的变化。倡导学生主动参与、乐于探究、勤于动手，多做多练以提高学生分析和解决问题的能力以及交流与合作的能力，变“要我学”为“我要学”，变“学会”为“会学”，提高学生的实践能力。
通过一个学期的学习，大部分的学生对网页设计有了初步的了解，部分学生虽然还有点朦胧，但是知识框架已经掌握在手了，网页设计是个需要累积的技术活，成功的设计师都是阅网无数，吸取众家之长而变为己用的，而课堂上的学生已经找到了提高的方法，学会方法是我们课程倡导的初衷。
5 存在问题与解决方法
5.1 技术还是艺术的问题
学生崇尚艺术美感，用图片、动画等表达大量的渲染元素，忽略网页设计标准，这样的网站咋一看是非常有美感，可是在互联网上却因为文件过大、载入时间过久而导致用户体验效果差，这也暴露出学生经验不足的问题，学生只看到了网页的表面，没有想到一个网页或网站在美观漂亮的同时，他还要符合搜索引擎（searchengine）的收录习惯，毕竟搜索引擎（searchengine）是企业网站业务非常大的依赖。
5.2 网页设计的根本性认知
不少学生觉得网页只要美观即可，而忽略了网页根本的东西，比如：导航，用户体验等。网站的内容多了，用户在网站里面阅读内容，容易迷路，一个良好的导航条就像一个导游一样，能够带领用户以最高效的方式去他想要去的地方，这是用户体验比较好的网站。
上述两个问题是存在最普遍的，解决这种问题需要学生从实践中去体验，最好自己建立一个网站，添加来访用户统计，在实践中去认识问题并解决它，只是这样耗时较长，需要学生在课堂之外继续探讨。
参考文献：
[1]甄凤其.浅析网站网页设计教学[J].计算机光盘软件与应用，2013（13）：205-206
