时间：2022-08-26 19:41:13
序论：在您撰写网页艺术设计时，参考他人的优秀作品可以开阔视野，小编为您整理的7篇范文，希望这些建议能够激发您的创作热情，引导您走向新的创作高度。
关键词：网站；艺术；网页设计；元素
中图分类号：TP393文献标识码：A文章编号：1009-3044(2008)24-1307-02
The Homepage Art at the Beginning of Design Searches
KUANG Peng
(The E-government Affairs Network Management Center of Longling Country, Longling 678300,China)
Abstract: Follows the web cam troop's unceasing strength, the homepage artistic design is being paid great attention to day by day by the website constructors. carry on the homepage art design with other artistic design form the comparison, attempts from the homepage art design content, the principle and the characteristic and so on three aspects, Carries on the preliminary induction summary and the theory discussion to this new artistic design domain. In has been clear about the homepage art design and in the website subject relations foundation, proposed Beautiful and the function all are for express website subject this viewpoint well.
Key words: website; art; homepage design; element
1 引言
网页艺术设计是伴随着计算机互联网络的发展而形成的视听设计新课题，是网页设计者以所处时代所能获取的技术和艺术经验为基础，依照设计目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动，必然要成为设计艺术的重要组成部分，并随着网络技术的发展而发展。表面上看，它不过是关于网页版式编排的技巧与方
法，而实际上，它不仅是一种技能，更是艺术与技术的高度统一。
2 网页艺术设计的内容
设计活动中包含着主观和客观两方面的因素，在确立了网页主题之后，首先要明确和熟悉设计的对象和构成的要素。网页艺术设计涉及的具体内容很多，可以概括为视听元素和版式设计两个方面。
2.1 视听元素
这里所说的视听元素，主要包括：文本、背景、按钮、图标、图像、表格、颜色、导航工具、背景音乐、动态影像等。无论是文字、图形、动画，还是音频、视频，网页设计者所要考虑的是如何以感人的形式把它们放进页面这个“大画布”里。多媒体技术的运用大大丰富了网页艺术设计的表现力。技术的不断发展使多媒体元素在网页艺术设计中的综合运用越来越广泛，使浏览者可以享受到更加完美的视听效果。这些新技术的出现，也对网页的艺术设计提出了更高的要求。
2.2 版式设计
网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处，它在网页的艺术设计中占据着重要的地位。所谓网页的版式设计，是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合，将理性思维个性化的表现出来，是一种具有个人风格和艺术特色的视听传达方式。它在传达信息的同时，也产生感官上的美感和精神上的享受。
但网页的排版与书籍杂志的排版又有很多差异。印刷品都有固定的规格尺寸，网页则不然，它的尺寸是由读者来控制的。这使网页设计者不能精确控制页面上每个元素的尺寸和位置。而且，网页的组织结构不像印刷品那样为线性组合，这给网页的版式设计带来了一定的难度。
3 网页艺术设计的原则
网页作为传播信息的一种载体，同其他出版物如报纸、杂志等在设计上有许多共同之处，也要遵循一些设计的基本原则。但是，由于表现形式、运行方式和社会功能的不同，网页设计又有其自身的特殊规律。网页的艺术设计，是技术与艺术的结合，内容与形式的统一。它要求设计者必须掌握以下三个主要原则：
3.1 主题鲜明
视觉设计表达的是一定意图和要求，有明确的主题，并按照视觉心理规律和形式将主题主动地传达给观赏者。诉求的目的，是使主题在适当的环境里被人们即时地理解和接受，以满足人们的实用和需求，这就要求视觉设计不但要单纯、简练、清晰和精确，而且在强调艺术性的同时，更应该注重通过独特的风格和强烈的视觉冲击力，来鲜明地突出设计主题。
作为视觉设计范畴的网页艺术设计，其最终目的是达到最佳的主题诉求效果。这种效果的取得，一方面通过对网页主题思想运用逻辑规律进行条理性处理，使之符合浏览者获取信息的心理需求和逻辑方式，让浏览者快速地理解和吸收；另一方面通过对网页构成元素运用艺术的形式美法则进行条理性处理，更好地营造符合设计目的的视觉环境，突出主题，增强浏览者对网页的注意力，增进对网页内容的理解。只有两个方面有机地统一，才能实现最佳的主题诉求效果。
优秀的网页设计必然服务于网站的主题，就是说，什么样的网站，应该有什么样的设计。例如，设计类的个人站点与商业站点性质不同，目的也不同，所以评论的标准也不同。网页艺术设计与网站主题的关系应该是这样：首先，设计是为主题服务的；其次，设计是艺术和技术结合的产物，就是说，即要“美”，又要实现“功能”；最后，“美”和“功能”都是为了更好地表达主题。当然，有些情况下，“功能”即是“主题”，还有些情况下，“美”即是主题。例如，雅虎作为一个搜索引擎，首先要实现“搜索”的“功能”。它的主题即是它的“功能”。而一个个人网站，可以只体现作者的设计思想，或者仅仅以设计出“美”的网页为目的。它的主题只有一个，就是――美。
只注重主题思想的条理性而忽视网页构成元素空间关系的形式美组合，或者只重视网页形式上的条理而淡化主题思想的逻辑，都将削弱网页主题的最佳诉求效果，难以吸引浏览者的注意力，出现平庸的网页设计或使网页设计以失败而告终。
要使网页从形式上获得良好的诱导力，鲜明地突出诉求主题，具体可以通过对网页的空间层次、主从关系、视觉秩序及彼此间的逻辑性的把握运用来达到。
3.2 形式与内容统一
任何设计都有一定的内容和形式。内容是构成设计的一切内在要素的总和，是设计存在的基础，被称为“设计的灵魂”；形式是构成内容诸要素的内部结构或内容的外部表现方式。设计的内容就是指它的主题、形象、题材等要素的总和，形式就是它的结构、风格或设计语言等表现方式。内容决定形式，形式反作用于内容。一个优秀的设计必定是形式对内容的完美表现。正如黑格尔所说：“工艺的美就不在于要求实用品的外部造型、色彩、纹样去摹拟事物，再现现实，而在于使其外部形式传达和表现出一定的情绪、气氛、格调、风尚、趣味，使物质经由象征变成相似于精神生活的有关环境。”（黑格尔《美学》第三卷）
网页具有多屏、分页、嵌套等特性，设计者可以对其进行形式上的适当变化以达到多变性处理效果，丰富整个网页的形式美。这就要求设计者在注意单个页面形式与内容统一的同时，更不能忽视同一主题下多个分页面组成的整体网页的形式与整体内容的统一。
3.3 强调整体
网页的整体性包括内容和形式上的整体性，这里主要讨论设计形式上的整体性。
网页是传播信息的载体，它要表达的是一定的内容、主题和意念，在适当的时间和空间环境里为人们所理解和接受，它以满足人们的实用和需求为目标。设计时强调其整体性，可以使浏览者更快捷、更准确、更全面地认识它、掌握它，并给人一种内部有机联系、外部和谐完整的美感。整体性也是体现一个站点独特风格的重要手段之一。
4 网页艺术设计的特点
4.1 交互性与持续性
网页不同于传统媒体之处，就在于信息的动态更新和即时交互性。即时的交互性是Web成为热点的主要原因，也是网页设计时必须考虑的问题。传统媒体（如广播、电视节目、报刊杂志等）都以线性方式提供信息，即按照信息提供者的感觉、体验和事先确定的格式来传播。而在Web环境下，人们不再是一个传统媒体方式的被动接受者，而是以一个主动参与者的身份加入到信息的加工处理和之中。这种持续的交互，使网页艺术设计不像印刷品设计那样，发表之后就意味着设计的结束。网页设计人员必须根据网站各个阶段的经营目标，配合网站不同时期的经营策略，以及用户的反馈信息，经常地对网页进行调整和修改。例如，为了保持浏览者对网站的新鲜感，很多大型网站总是定期或不定期的进行改版，这就需要设计者在保持网站视觉形象一贯性的基础上，不断创作出新的网页设计作品。
4.2 多种媒体的综合性
目前网页中使用的多媒体视听元素主要有文字、图像、声音、视频等，随着网络带宽的增加、芯片处理速度的提高以及跨平台的多媒体文件格式的推广，必将促使设计者综合运用多种媒体元素来设计网页，以满足和丰富浏览者对网络信息传输质量提出的更高要求。目前国内网页已经出现了模拟三维的操作界面，在数据压缩技术的改进和流(Stream)技术的推动下，Internet网上出现实时的音频和视频服务，典型的有在线音乐、在线广播、网上电影、网上直播等。因此，多种媒体的综合运用是网页艺术设计的特点之一，是未来的发展方向。
4.3 技术与艺术结合的紧密性
设计是主观和客观共同作用的结果，是在自由和不自由之间进行的，设计者不能超越自身已有经验和所处环境提供的客观条件限制，优秀设计者正是在掌握客观规律基础上得到了完全的自由，一种想象和创造的自由。网络技术主要表现为客观因素，艺术创意主要表现为主观因素，网页设计者应该积极主动地掌握现有的各种网络技术规律，注重技术和艺术紧密结合，这样才能穷尽技术之长，实现艺术想象，满足浏览者对网页信息的高质量需求。
网络技术与艺术创意的紧密结合，使网页的艺术设计由平面设计扩展到立体设计，由纯粹的视觉艺术扩展到空间视听艺术，网页效果不再近似于书籍或报刊杂志等印刷媒体，而更接近于电影或电视的观赏效果。技术发展促进了技术与艺术的紧密结合，把浏览者带入一个真正现实中的虚拟世界。
参考文献：
[1] 黑格尔.美学（第三卷）[M].朱光潜,译.安徽:安徽教育出版社,1990.
随着科技的巨大进步，电脑、智能手机的普及，设计和建设网页成为了一种吸引网民的手段。人们对网页的美观度有了一定的要求，网页艺术设计教育就应运而生。一个完美的网站应该是基于设计者较高的审美能力。本文对网站艺术设计的内容、风格和布局进行了初步的归纳和总结。
关键词：
审美角度；网页艺术设计；研究
0引言
近几年，在网络快速发展的大背景下，网页设计更加艺术化，并逐渐引起人们的重视。如果网站的发展状况不好，网页的艺术设计就更加重要。而网页艺术设计和内容的统一，是一个难题。想要做出优秀的艺术网页作品，设计者就必须有较高的艺术审美能力。本文对审美视角下的网页艺术设计进行了初步探讨。
1网页艺术设计的原则
网页艺术设计，顾名思义，就是艺术和技术的统一。在网页中要重点体现两者的统一。为了把握这重点，设计者必须紧紧跟随以下三点原则：
1.1明确的主题
网页艺术设计的最终目的就是把网页的主题和内容传达给网民。网页要通过视觉、听觉效果来与网民进行信息交流，利用网民的心理规律使页面的内容更加容易被网民接受和吸收。大多数人在短时间内只能掌握少数信息，［1］过多的信息、太过分立的信息都是容易被人忘记的。因此，用鲜明的主题以集中体现网页的内容，是网页设计最根本的要求。1.2统一的风格网页的版面设计和杂志、书籍的封面设计是类似的，并没有很大的区别。网页的风格决定该网页的内容、网页的布局和网页的色彩运用。具有个人特色和风格的网页设计，会给予网民不一样的视觉体验，除表达设计者想要表达的信息之外，还可以使人产生感官上的美的享受。但是一个网页页面上不可以有多种风格，这会使网民在视觉上接收到繁杂的信息，无法把握真正的重点信息，从而无法达到网页页面设计者的初始目的。一个页面上最好是不超过三种原色，同时这几种颜色的位置安排、占有的版面都需要设计者考虑。
1.3色彩的丰富
颜色在网页的整体布局上处于一个很重要的地位。色调统一可以使网民感到舒服。但是统一的颜色又存在一个问题，那就是页面单一，导致部分网民容易感到疲乏无味，以致没看完页面的内容就选择关闭页面。同时，页面设计者可以恰当地运用颜色对页面内容的布局进行创新，利用网民的感官感受，来安排页面上的颜色，突出重点，使网民一下就抓住重点，以达到页面艺术设计的最初目的：以网民的主观感受为优先，在他们充分体会到美好、形象的视觉、听觉享受之后，可以接受页面的艺术设计，达到最初想要宣传的效果。
2网页艺术设计的注意事项
网页的艺术设计和其他的媒体排版既有相同之处，都是在传播美的同时，宣传自己想要传达的信息，但它们又有许多的不同。
2.1网页设计尺寸
印刷品都有规定的排版和尺寸。但是在网页设计上，尺寸和排版都是可以人为地设定，以追求统一、和谐，达到最好的视觉效果。但是这个也给网页设计者带来不小的负担，需要设计者精心调整和把握尺寸。［2］同时网页设计的组织结构也需要设计者格外注意。组织结构要按照该网页设计的风格、排版和文字位置进行调整。
2.2网页设计文字排版
一个网页除了图片和色彩，还有直观的文字解说才算是一个完整的页面。文字可以直接传达想要表达的宣传内容，给网民带来直接的视觉体验。文字除了传达主题，还有渲染气氛和烘托心情的作用。文字的魅力是巨大的。因此，文字的排版就要遵循上文提及的三点要求，即主题明确、风格统一、色彩丰富。文字是排版的重点，文字除了要在内容上下功夫，文字的排版、大小、颜色等都可以影响一个网页页面的整体效果。例如，国家时事类的网页就应该运用正式庄重的语言文字；休闲旅游类的网页就应该走轻松活泼的文字风格；平时一些和百姓息息相关的资讯、贴士，最好就运用百姓的日常用语。此外，文字排版要注意文字中穿插的图片，文字要与图片形成好的整体效果。
2.3网页设计图片编排
作为视觉感官动物，人们对于图片和文字的敏感度都是差不多的。其实网页上的图片并不需要很高的辨析度，因为在网页上的图片有清晰度的设定，过高的清晰度会因为显示页面的大小而大打折扣。另外就是页面图片的使用和运输，会受制于宽带速度。文件越小，网上传送速度就越快。［3］在图片选择和优化程度上，除了考虑网络页面整体的效果，还需要考虑图片的排版整齐，和页面风格统一。最好是图片的使用要符合风格和文字的内容。图片在辅助文字表达文章主题思想的同时，突出重点。
2.4网页设计艺术修养提高
其实一切网页设计都源于页面设计者自身的艺术修养和艺术鉴赏能力。页面设计者应该在运用自己专业知识的同时不断提升自己的艺术鉴赏能力，然后在仔细观察生活的同时，达到可以融会贯通的高等境界。毕竟在浩如星海的网页中，最缺少的就是个人风格和特色。设计者根据网页内容，将自己的创意和风格运用到文字的编辑、图片的排版和整体的页面设计中。这些都离不开网页页面设计者自己的个人主观能力和感受。
3结语
在网络的普及下，网页上的信息传播越来越高效，所以对网页艺术设计的学习就变得更加重要，网页设计者在把握网络页面艺术设计的三大基本原则后，再在网页页面艺术设计的注意事项上下功夫。除此之外，页面艺术设计者自己的艺术修养也是极为重要的，要努力提高自身的艺术修养和艺术鉴赏能力，辅助以强大的技术设备支持。
参考文献：
［1］马尔科姆•巴纳德（英）.艺术、设计与视觉文化［M］.江苏：江苏美术出版社，2006.
［2］王受之.世界现代设计史［M］.深圳：新世纪出版社，1995.
设计活动中包含着主观和客观两方面的因素，它涉及的具体内容很多，本文着重从网页艺术设计的原则和特点谈一些观点。
一、网页艺术设计的原则
1.主题突出
视觉设计表达的是一定的意图和要求，有明确的主题，并按照视觉规律和形式将主题生动地传达给观赏者。视觉设计不但要单纯、简练、清晰和精确，而且在强调艺术性的同时，更应该注重通过独特的风格和强烈的视觉冲击力，来鲜明地突出设计主题。
2.强调整体性
网页表达的是一定的内容、主题和意念，它以满足人们需求为目标。设计时强调其整体性，可以使浏览者更快捷、更准确、更全面地认识它，并给人一种内部有机联系、外部和谐完整的美感。
3.内容与形式相统一
一个优秀的设计必定是形式对内容的完美表现。一方面，网页设计所追求的形式美必须适合主题的需要，这是网页设计的前提。另一方面，要确保网页上的每一个元素都有存在的必要性，不要为了炫耀而使用冗余的技术。只有通过认真设计和充分的考虑来实现全面的功能并体现美感，才能实现内容与形式的统一。设计者可以对其进行形式上的适当变化，从而丰富整个网页的形式美。
二、网页艺术设计的特点
1.多种媒体的综合性
目前网页中使用的多媒体视听元素主要有文字、图像、声音、视频等，随着网络宽带、光纤的增加、芯片处理速度的提高以及跨平台的多媒体文件格式的推广，必将使设计者综合运用多种媒体元素来设计网页。目前国内网页已经出现了模拟三维的操作界面，在数据压缩技术的改进和流技术的推动下，互联网上出现了实时的音频和视频服务。因此，多种媒体的综合运用是网页艺术设计的特点之一。
2.持续、交互性
网页不同于传统媒体之处在于信息的动态更新和即时交互性。即时的交互性是web成为热点的主要原因，也是网页设计时必须考虑的问题。持续的交互性，使网页艺术设计不像印刷品设计那样，发表之后就意味着设计的结束。网页设计人员必须根据网站各个阶段的经营目标，配合网站不同时期的经营策略以及用户的反馈信息，及时地对网页进行调整和修改，不断创作出新的网页设计作品。
3.多维性
多维性源于超链接，它的出现使网页的组织结构更加丰富，浏览者可以在各种主题之间自由选择，从而打破了以前人们接收信息的线性方式。例如，可将页面的组织结构分为序列结构、层次结构、网状结构、复合结构等。但页面之间的关系过于复杂，不仅给浏览者检索和查找信息增加了难度，也给设计者带来了一定的困难。为了让浏览者在网页上迅速找到所需的信息，设计者应考虑快捷而完善的导航设计。
4.版式设计的不可控制性
所谓网页的版式设计，是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合，是一种具有个人风格和艺术特色的视听传达方式。它在网页的艺术设计中有着重要的地位，在传达信息的同时能产生感官美和精神享受。网页的排版与平面媒体排版有很大差异。后者都有固定的尺寸，而前者的尺寸是由浏览者来控制的，这使设计者不能精确控制网页上每个元素的尺寸和位置。同时，网页的结构也不像印刷品那样为线性组合。由于计算机仍处在发展之中，没有制定出统一的标准，从而导致网页版式设计的不可控制性，网页设计者无法控制页面在用户端的显示效果，但这也是网页设计引人入胜之处。
5.技术与艺术结合的紧密性
设计是主观和客观共同作用的结果，设计者不能超越自身已有经验和所处环境提供的客观条件限制，优秀设计者正是在掌握客观规律的基础上得到了完全的自由。网络技术主要表现为客观因素，艺术创意主要表现为主观因素。网页设计者应该主动地掌握现有的各种网络技术，注重技术和艺术的结合，这样才能充分展现技术之长，实现艺术之想象。
创新是一个民族进步的灵魂，是我们不懈发展的动力。网页设计中的艺术元素要求设计师们进行创造性思维活动。网页设计中的艺术设计细胞包含三个方面的内容。首先是视听上的艺术细胞。在视听上有如文本、图像、背景音乐、导航工具等视听元素。其中文本是其主导地位的一个元素，因为一个网站最终是要表达一个思想或传递些信息，而文字的好坏直接关系到网页的整体质量。能够直接吸引观众注意力的当属音频、视频和动画元素的设计上，为了突出重点，往往采取把动画设计在弹出广告中，或用在导航条中，视频的出现使得网络的内容更加丰富多彩。
简单地说，网页的版式设计就是在有限的空间上如何将大容量的信息进行排列组合，而不同的组合模式所产生的效果也大不相同。每种版式各有千秋，使用不同的网站设计主题，有满版型的、对称型的、分割型的等。[2]网络设计者应当首先进行定性分析，分析如何使整个网页总体美观、整洁和有条理，同时还要进行定量分析，小小的设计空间上进行布局。再次是色彩上的艺术细胞。一个网站必须要有一两个主题色彩来象征网站的内涵，这是进行市场竞争的重要步骤，我们应当注意到色彩对人视觉效果的冲击。色彩的搭配和运用既是一门技术活，也是一门艺术。往往不同的色彩所折射出来的概念是不一样的。例如，绿白组合可以使人感觉优雅舒适，红色可以凸显喜庆的氛围，蓝白混合能给人清新淡雅的印象。在设计规划中，强调整体性和一致性，杂乱无章的界面只会增加网络用户的厌恶感。
网页艺术设计应当注意的问题值得注意的是，艺术设计包含较多的主观因素，因此对网页设计者有一定的技术要求，要求熟练掌握各种软硬件技术，把技术和艺术交融在一起，发挥技术的支持性作用和艺术的想象空间。注意形式美和实质效果的统一。如果为了追求独特风格设计而缺乏网页内容的真实性，又或者只重视内容的充实而忽视了艺术表现，那么结果都是使网页设计显得空洞苍白。只有将两者有效统一起来，在和谐的外表下使用户的视、听觉领会到主题内容的精髓，才能使网页设计具有价值。注意网页设计的持续性和交换性问题。[3]网页设计是在网络环境下完成的，不同于传统媒介方式，因此要求网页设计者的观点与时俱进，进行改变。现代信息变化莫测，人们接受信息的方式也发生根本的转变，人们不再是吸纳信息的被动接受者，而是有个人的偏好和倾向，及时反馈用户的信息是网页设计取得进步的经验和宝贵财富，也是企业螺旋式上升的必然结果。
总而言之，网络的出现使人们的宣传和交流方式发生了翻天覆地的变化。网页设计是计算机科学和美学相结合的综合性工作，它有自身的发展演变规律，需要后人遵循基本的艺术法则和美学规律。它对设计工作者提出了较高的要求，是内容与形式的统一，是整体与局部的统一，是艺术和技术的统一，是主观和客观的统一。随着技术的继续前进和人们追求美的标准的不断变化，网页艺术设计永远是一门学不完的学问。虽然不同网站的网页设计模式各不相同，但是共同点是网页艺术设计都能充分利用网页的功能，提高网页的内在美和外在美。
作者：华冰丁宁单位：石家庄学院美术系
关键词：互联网;网页界面;艺术设计
网页界面艺术设计是伴随着计算机互联网络的产生而形成的艺术设计新课题，是网页设计者以所处时代所能获取的技术和艺术经验为基础，依照设计目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动，必然要成为设计艺术的重要组成部分，并随着网络技术的发展而发展。表面上看，它表面上看，它不过是关于网页版式编排的技巧与方法，而实际上，它不仅是一种技能，更是艺术与技术的高度统一。?网页设计包括风格定位、版面编排、色彩处理、浏览方式、链接功能等诸多方面,其中色彩处理有着举足轻重的作用。色彩既是网页作品的表述语言,又是视觉传达的手。所以首先要了解一个问题那就是：
1 制作网页包括具体都包括哪几部分呢?
1.1图形、图像处理制作网页界面艺术设计，提到界面还有艺术，那在网页上插入一些精美、适当的图片是必要的，否则，不会有人去浏览你的页面，因此，在设计网页之前，就应搜集或制作一些好看、适用的图片。提到图形、图像处理，大家都会想到的软件是Photoshop这个软件，对，这个软件是进行图形、图像处理的软件，但是，它不是专门的处理网络图像的软件，Photoshop这个软件会用到去进行一些平面的图形图像，我们网络的图形、图像处理用的是Fireworks软件，它可以制作出传输较快的gif格式的图片，占的空间也比较小，一般大小也就是KB，而Photoshop制作出来的是jpg格式的位图，并且是有损压缩，象素大了图像就清晰，但这样的话上传到网上会影响浏览速度，象素小了就会出现模糊或者马赛克小方格，所以我们采用的是Fireworks软件进行处理图形、图像。
1.2动画制作网页界面艺术设计，肯定也少不了动画的加入，并且还要有艺术气息在里面，这就要求我们的设计者要有艺术修养和对颜色的综合把握了，在没有FLASH软件之前，用的是Go live这个软件，再后来就用传统的做法，在html中嵌入Java程序编写的动画，但这要求设计者要对Java语言熟悉。随着软件的发展，如今有了许多制作动画的软件，二维的、三维的等等，如现在我们用的FLASH软件，用它制作的动画，小巧迷人，只需作为一个.swf格式文件导出，再导入到网页编辑器里就可以了。
1.3文本的编写一般是采用在网页中用html语言中的标签编写,也可以用网页编辑工具的“所见即所得”功能直接写入文字，如：Dream weaver软件或者Front page软件等都可以进行文本的编写。还有一点要注意的就是，显示文本的时候，设计者的机器上装了很多漂亮的字体，设计的时候采用了，但是等上传到网上以后，别人在浏览的时候，如果别人机器上没有安装字体，那就显示不出来我们采用的漂亮样式字体，因此，在考虑网页界面艺术设计的基础上，我们是把文字提前在Photoshop或Fireworks可以将字体先选择自己喜欢的样式，然后转换栅格化图片再用切片切成小块，分别进行优化。输出的格式可以为gif或jpeg，再导入到Dream weaver进行具体编辑，做链接可以用图片特有的属性进行热区链接，这样就完成我们想要的字体样式效果了，就不会出现字体样式显示不出来的情况啦。
1.4框架的应用框架是网页的常用形式，它可以使网页更为清晰，可以把不同的页面超链接到同一框架中，使的页面更加紧凑。一般框架用在小说浏览页面，或者介绍图书章节的部分，或者教学网页用到的的框架比较多。
1.5表格的应用表格是网页中用处最广泛的，可以布局，定位等等，它是网页中最活跃的元素。它的应用可以使用网页更加灵活。表格(table)是页面中的重要元素,是页面排版的主要手段。我们可以设定表格的宽度、高度、边框、背景色、对齐方式等参数。很多时候，我们将表格的边框设为0，以此来定位页面中的元素，或者籍此确定页面中各元素的相对位置。我们知道：浏览器在读取网页html源代码时，是读完整个table才将它显示出来的。如果一个大表格中含有多个子表格，必须等大表格读完，才能将子表格一起显示出来。我们在访问一些站点时，等待多时无结果，按“停止”按钮却一下显示出页面就是这个原因。因此，我们在设计页面表格的时候，应该尽量避免将所有元素嵌套在一个表格里，而且表格嵌套层次尽量要少。在使用Dream weaver制作网页时，会自动在每一个td内添加一个空字符。如果单元格内没有填充其它元素，这个空字符会保留，在指定td的宽度或高度后，可以在源代码内将其删去。
2 色彩的运用
网页界面艺术设计离不开色彩的应用，当打开一个网站的时候，给用户留下第一印象的既不是网站丰富的内容，也不是网站合理的布局，而是网站的色彩，尤其是在体现界面的时候，色彩对人的视觉效果非常明显，一个网站设计的成功与否，在某种程度上取决于设计者对网页界面设计颜色的运用和搭配。
网页界面设计是一种审美活动，成功的设计作品一般都很艺术化。但艺术只是设计的手段，而并非设计的任务。设计的任务是要实现设计者的意图，而并非创造美。网页界面页面设计的任务，是指设计者要表现的主题和要实现的功能。站点的性质不同，设计的任务也不同。从形式上，可以将站点分为以下三类：第一类是资讯类站点，像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息，而且访问量较大。因此需注意网页界面设计页面的分割、结构的合理、页面的优化、界面的亲和等问题。第二类是资讯和形象相结合的网站，像一些较大的公司、国内的高校等。这类网站在设计上要求较高，既要保证资讯类网站的上述要求，同时又要突出企业、单位的形象。第三类则是形象类网站，比如一些中小型的公司或单位。这类网站一般较小，有的则有几页，需要实现的功能也较为简单，页面设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。
3 网页界面的优化
关键词:网页艺术设计;内容;风格;色彩;原则
中图分类号:J04文献标识码:A文章编号:1005-5312(2010)17-0042-01
一、网页设计的内容
网页艺术设计涉及的具体内容很多,可以概括为版式设计和视听元素两个方面。两者之间是相互依存、相互衬托!当然网站最重要的还是内容。如果一个网站没有提供有价值的、有趣味的、及时更新和可以信赖的内容,那么网站操作起来是简单还是复杂都失去意义。
(一)版式设计
网页的版式设计同报刊杂志、书籍装帧等平面媒体的版式设计也很多共同之处,它在网页的艺术设计中占据着主导地位。图形,色彩和文字是版式设计的三要素,设计者根据网站不同用途和不同用户对象,通过设计来反映网站主题内容的版式。比如个人网站展现自我的个性,内容相对较少,版式设计体现的是独特!门户网站内容比较多,版式就需要条理分明一目了然!网页版式不等同于平面版式设计,网页版式设计时你得考虑到不同用户显示屏的大小不一,遵循的原则是功能第一,美观第二。
(二)视听元素
这里所说的视听元素,主要包括:文本、背景、按钮、图标、图像、表格、颜色、导航工具、背景音乐、动态影像等。设计者要考虑的是听觉任何来衬托视觉,最终为网站主题服务。多媒体技术的运用大大丰富了网页艺术设计的表现力。但由于网络宽带的客观限制,在使用多媒体的形式表现网页内容时,应考虑客户端的传输速度。不仅对设计者提出了高规格审美情趣,也需要网页设计者扎实的技术能力,也就是体现技术怎样为艺术服务。
二、网页设计的风格
网页设计的目的就是为了突出站点的自身特点,以信息内容得到理想的传导为前提,根据网站的主题内容,主页的设计要考虑风格形式的定位。目前,网页的应用范围日益扩大,几乎包括了所有行业,归纳起来有几大类,新闻机构,政府机关,企业门户,科教文化,娱乐艺术,电子商务,网络中心等。不同性质的行业,应体现出不同的主页风格。网页设计的整体风格要靠版式、色彩、动画、声音来表现。不同领域艺术创作的角度及方式也有所区别,从网页设计的特殊角度分析主页的风格。大体可分为平面风格,矢量风格,像素风格,三唯风格。
(一)平面风格
平面设计是二唯的设计,平面风格始终是基于一个二唯视图来工作。侧重与构图,色彩以及表达的思维主旨,往往给人以空灵的意境和透气爽快的感觉,这种构图形式可以在有限的页面中表现无限的空间感。此种风格在网页设计里最常见且最实用。
(二)矢量风格
矢量图使用直线和曲线来描述图形,这些图形的元素大多是一些点,线,矩形,多边行,圆和弧线等基础元素,它们都是通过数学公式计算获得的,所以文件体积比较小。矢量图最大的优点是无论放大,缩小或旋转等都不会失真,最大的缺点是难以表现色彩的层次丰富的逼真图像效果。矢量图形插画是运用图案的表现形式,审美与使用相统一的原则,尽量使线条,形态清晰明快。块面感强,制作方便。
(三)像素风格
GBA手掌机画面,电脑软件上的图标以及现在手机上的屏保等都是像素画。像素属于点阵式图像,他是一种图标风格的图像,更强调清晰的轮廓,明快的色彩。几乎不用混叠方法来绘制光滑的线条,由许多不同颜色的点一个个巧妙地组合与排列在一起,构成一副完整的图像,这些点称为像素,图像称之为图标或像素画。目前像素画技术以日本,韩国比较成熟。从最初的电玩中就可以看出,在很早以前就已经进入这门艺术领域。像素风格型网站,为互联网增添了独特,亮丽的风景线。
(四)三唯风格
三唯是在顶视图,正视图,侧视图及透视图来创作编辑物体的,以一个具有长,宽,高三种度量的立体物质形态出现,这种形态可以表现在商品的外形上,也可以表现在商品的容器或其他地方。在网页设计里,三唯的造型手法,通过折叠,凹凸的处理,使画面产生浮雕,立体等三唯效果。
三、网页设计的色彩
(一)明确网站的主题、服务对象及用色彩要表达的目的
要确定一个网页用什么色彩合适,即什么色彩适合什么网站。你必须要先弄明白该网站的主题和它的服务对象,以及你通过色彩希望达到的目的。如简约类网站用用灰色做主色调,它不象黑色那么鲜明,也不象白色那么呆板,比较平稳和中立也不会激发非常强烈的情感。如果服务对象主要是儿童,其网页设计不仅采用卡通和声音等众多形式,还选择了非常鲜艳的色彩。
(二)确定网页的主色调根据网站的主题、服务对象及用色目的
给网站的网页选一个主色调,以形成一定风格。整个网页最好只有一个主色调。主调色彩一般可用公司的标准色,这符合公司的形象战略,可以提升公司形象。主调色确定后,还可选一至两种辅助色配合使用,整个网页的色彩最好控制在三色之内。
四、网页设计的原则
网页作为传播信息的一种新媒介,使读者不受时间、空间的局限,同其他出版物如报子,杂志等在设计上有很多共同之处,也要遵循一些设计的基本原则,但是,由于表现形式和运行方式不同,网页设计又有自身的特殊规律。网页的艺术设计,需要设计者高超的技术,坚实的知识结构和丰富的想象力,是技术与艺术的高度结合,缺一不可,它要求设计者掌握以下三个主要原则。
(一)主题鲜明
一个主题的表现也就是创意的深化,也就是设计者个人素质和技能的体现。
创意是一种有价值的智慧的体现,创意体现了大多数人的心理趋势,就会赢得大众的追捧。设计在强调艺术性的同时,更应该通过独特的风格和强烈的视觉冲击力,来鲜明地突出设计主题。 优秀的网页设计必然服务于网站的主题,就是说,什么样的网站,应该有什么样的设计。设计是为功能服务的,功能也就是网站的主题。例如商业网站呈现的是条理分明的内容。搜索网站作为一个搜索引擎,首先要实现“搜索”的“功能”。它的主题即是它的“功能”。
(二)形式与内容统一
任何设计都有一定的内容和形式。内容是构成设计的一切内在要素的总和,是设计存在的基础,被称为“设计的灵魂”;形式是构成内容诸要素的内部结构或内容的外部表现方式。网站的内容是不变的,形式可以改变!这就需要用最适合的形式来反作用于内容。网站设计的内容就是指它的主题、形象、题材等要素的总和,形式就是它的结构、风格或设计语言等表现方式。一个优秀的设计必定是形式对内容的完美表现。
(三)强调整体
设计时强调其整体性,可以使浏览者更快捷、更准确、更全面地认识它、掌握它,并给人一种内部有机联系、外部和谐完整的美感。网页的整体性包括内容和形式上的整体性。
【论文关键词】互联网;网页界面;艺术设计
【论文摘要】在互联网飞速发展的今天，网络已成为人们生活中不可缺少的一部分，无论是在商业、工业还是政府部门中都早已普及开来，如今就连教育事业也都承载着网络这四通八达的命脉迅速的发展起来。网站建设越来越接近于一门艺术而不仅仅是一项技术。网页界面艺术设计，日益被网站建设者所注重。结合自身的经验，阐述了如何制作一个完整的丰富多彩的页面，主要从色彩、框架，布局、优化这几个大方面对页面设计进行描述，对网页界面艺术设计的文字、图形、色彩、多媒体四个要素做了具有特色的分析和归纳，最后对其艺术设计风格进行了深入的分类和阐述，这一部分的重点是对网页界面艺术设计风格的研究。网页作为新兴媒体，有着比报刊、杂志、广播、电视等传统媒体更多的构成要素，如文字、图形、声音、图像和动画等。最后得出页面设计需要时间和耐心去钻研，才能做出好的网页界面艺术设计这一观点。
网页界面艺术设计是伴随着计算机互联网络的产生而形成的艺术设计新课题，是网页设计者以所处时代所能获取的技术和艺术经验为基础，依照设计目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动，必然要成为设计艺术的重要组成部分，并随着网络技术的发展而发展。表面上看，它表面上看，它不过是关于网页版式编排的技巧与方法，而实际上，它不仅是一种技能，更是艺术与技术的高度统一。?网页设计包括风格定位、版面编排、色彩处理、浏览方式、链接功能等诸多方面，其中色彩处理有着举足轻重的作用。色彩既是网页作品的表述语言，又是视觉传达的手。所以首先要了解一个问题那就是：
1 制作网页包括具体都包括哪几部分呢?
1.1图形、图像处理制作网页界面艺术设计，提到界面还有艺术，那在网页上插入一些精美、适当的图片是必要的，否则，不会有人去浏览你的页面，因此，在设计网页之前，就应搜集或制作一些好看、适用的图片。提到图形、图像处理，大家都会想到的软件是Photoshop这个软件，对，这个软件是进行图形、图像处理的软件，但是，它不是专门的处理网络图像的软件，Photoshop这个软件会用到去进行一些平面的图形图像，我们网络的图形、图像处理用的是Fireworks软件，它可以制作出传输较快的gif格式的图片，占的空间也比较小，一般大小也就是KB，而Photoshop制作出来的是jpg格式的位图，并且是有损压缩，象素大了图像就清晰，但这样的话上传到网上会影响浏览速度，象素小了就会出现模糊或者马赛克小方格，所以我们采用的是Fireworks软件进行处理图形、图像。
1.2动画制作网页界面艺术设计，肯定也少不了动画的加入，并且还要有艺术气息在里面，这就要求我们的设计者要有艺术修养和对颜色的综合把握了，在没有FLASH软件之前，用的是Go live这个软件，再后来就用传统的做法，在html中嵌入Java程序编写的动画，但这要求设计者要对Java语言熟悉。随着软件的发展，如今有了许多制作动画的软件，二维的、三维的等等，如现在我们用的FLASH软件，用它制作的动画，小巧迷人，只需作为一个.swf格式文件导出，再导入到网页编辑器里就可以了。
1.3文本的编写一般是采用在网页中用html语言中的标签编写，也可以用网页编辑工具的“所见即所得”功能直接写入文字，如：Dream weaver软件或者Front page软件等都可以进行文本的编写。还有一点要注意的就是，显示文本的时候，设计者的机器上装了很多漂亮的字体，设计的时候采用了，但是等上传到网上以后，别人在浏览的时候，如果别人机器上没有安装字体，那就显示不出来我们采用的漂亮样式字体，因此，在考虑网页界面艺术设计的基础上，我们是把文字提前在Photoshop或Fireworks可以将字体先选择自己喜欢的样式，然后转换栅格化图片再用切片切成小块，分别进行优化。输出的格式可以为gif或jpeg，再导入到Dream weaver进行具体编辑，做链接可以用图片特有的属性进行热区链接，这样就完成我们想要的字体样式效果了，就不会出现字体样式显示不出来的情况啦。
1.4框架的应用框架是网页的常用形式，它可以使网页更为清晰，可以把不同的页面超链接到同一框架中，使的页面更加紧凑。一般框架用在小说浏览页面，或者介绍图书章节的部分，或者教学网页用到的的框架比较多。
1.5表格的应用表格是网页中用处最广泛的，可以布局，定位等等，它是网页中最活跃的元素。它的应用可以使用网页更加灵活。表格(table)是页面中的重要元素，是页面排版的主要手段。我们可以设定表格的宽度、高度、边框、背景色、对齐方式等参数。很多时候，我们将表格的边框设为0，以此来定位页面中的元素，或者籍此确定页面中各元素的相对位置。我们知道：浏览器在读取网页html源代码时，是读完整个table才将它显示出来的。如果一个大表格中含有多个子表格，必须等大表格读完，才能将子表格一起显示出来。我们在访问一些站点时，等待多时无结果，按“停止”按钮却一下显示出页面就是这个原因。因此，我们在设计页面表格的时候，应该尽量避免将所有元素嵌套在一个表格里，而且表格嵌套层次尽量要少。在使用Dream weaver制作网页时，会自动在每一个td内添加一个空字符。如果单元格内没有填充其它元素，这个空字符会保留，在指定td的宽度或高度后，可以在源代码内将其删去。
2 色彩的运用
网页界面艺术设计离不开色彩的应用，当打开一个网站的时候，给用户留下第一印象的既不是网站丰富的内容，也不是网站合理的布局，而是网站的色彩，尤其是在体现界面的时候，色彩对人的视觉效果非常明显，一个网站设计的成功与否，在某种程度上取决于设计者对网页界面设计颜色的运用和搭配。
网页界面设计是一种审美活动，成功的设计作品一般都很艺术化。但艺术只是设计的手段，而并非设计的任务。设计的任务是要实现设计者的意图，而并非创造美。网页界面页面设计的任务，是指设计者要表现的主题和要实现的功能。站点的性质不同，设计的任务也不同。从形式上，可以将站点分为以下三类：第一类是资讯类站点，像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息，而且访问量较大。因此需注意网页界面设计页面的分割、结构的合理、页面的优化、界面的亲和等问题。第二类是资讯和形象相结合的网站，像一些较大的公司、国内的高校等。这类网站在设计上要求较高，既要保证资讯类网站的上述要求，同时又要突出企业、单位的形象。第三类则是形象类网站，比如一些中小型的公司或单位。这类网站一般较小，有的则有几页，需要实现的功能也较为简单，页面设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。
3 网页界面的优化
在页面设计中，网页界面的优化是较为重要的一个环节。它的成功与否会影响页面的浏览速度和页面的适应性，影响观者对网站的印象。
在资讯类网站中，文字是页面中最大的构成元素，因此字体的优化显得尤为重要。使用css样式表指定文字的样式是必要的，通常我们将字体指定为宋体，大小指定为12px，颜色要视背景色而定，原则上以能看清且与整个页面搭配和谐为准。在白色的背景上，我们一般使用黑色，这样不易产生视觉疲劳，能保证浏览者较长时间地浏览网页。一般我们网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格，我门可以根据需要选择一些特别字体。例如，为了体现专业可以使用粗仿宋体，体现设计精美可以用广告体，体现亲切随意可以用手写体等等。当然这些都是个人看法，你可以根据实际情况，选择更贴切的字体。目前常见的中文字体有二三十种，常见的英文字体有近百种，网络上还有许多专用艺术字体下载，要寻找一款满意的字体并不算困难。需要说明的是：使用非默认字体只能用图片的形式，因为很可能浏览者的PC里没有安装你的特别字体，那么你的辛苦设计制作便将付之东流。
网页的适应性是很重要的，在不同的系统上，不同的分辨率下，不同的浏览器上，我们将会看到不同的结果，因此设计时要统筹考虑。一般我们在800×600下制作网页，最佳浏览效果也是在800×600分辨率下，在其它情况下只要保证基本一致，不出现较大问题即可。现在我们设计网页，一般要考虑800×600和1024×768两种分辨率，因此我们的表格一般为居中的770左右的表格，表格的宽度最宽不要超过778。事实上，"做网页"不是单纯意义上的"制作网页"，如果想让自己制作的网页美观大方，就必须要考虑"设计网页"的过程，一个好的作品，不通过仔细的"设计"就成形是绝对不可能的。
我国的网页界面页面设计水平总体上不及韩国，创新的页面极少，基本都是一种风格，这也是因以前我国的宽带水平跟不上有原因，一个漂亮的页面，必然体积会比较庞大，网络比较慢的话打开的速度也就可想而之，打开速度慢正是网页的一个最大杀手，所以我国以前的页面基本都是以框架式居多。随着我国宽带的普及，我们也迅速括起了一阵韩风，很多大胆创新的页面出现，这是一个好现象，但是一味的模仿韩国也不行，我们也要有自己的特色，不能一味的拿来主义。
网页界面页面设计的一个基本特色便是吸引浏览者，一个美观漂亮的页面不管内容多么空洞，也会有人欣赏，反之一个内容充实但页面简陋却往往不会有人去浏览，从这便可看出网页界面艺术设计是多么的重要。
最后总结，网页界面艺术设计是永远也学不完的一门学问，因为它会跟着你的成长也变化，直到形成你的一种风格，网页界面艺术设计需要大胆创新，需要新的思维，需要不断的努力。
