计算机网页设计论文，关于网页设计的论文

2017-03-06

计算机网页设计论文篇一

谈计算机网页设计中的布局

[摘要]就计算机网页设计中的布局展开论述，从网页设计中的布局的相关概念、计算机设计中网页布局的重要性、常见的网页设计布局以及其特点、如何进行网页设计中的布局等方面，对计算机网页设计中的布局进行分析。

[关键词]计算机网页设计布局

就今天的生活来说，计算机是人们生活不可或缺的一部分，人们每天的网页浏览量远大于书籍的浏览量。因此，网页的美感对于人们来说是十分重要的。合理的布局、唯美的画面，往往会使人们在浏览网页时生出一种舒适感，为此各网站都花费人力、财力来进行网页的设计，尤其是布局的设计。

一、网页设计中的布局的相关概念

网页设计中的布局的相关概念，主要是一些构成成分的概念，其中包括了：整体造型、页面尺寸、页眉页脚、文本、图片等，下面就其中几个重要的概念进行讲述。这里需要指出的，网页设计中的布局，不仅仅要求的是对图像这些表面因素进行设计和布局，同时还需要对一些潜在的因素以及其他相关因素进行深入研究，只有将整体化的设计元素充分整合在一起，才能最大化地发挥网页布局的最佳效益。

(一)整体造型

页面的整体造型，指的是页面的整体形状，它所指的只包括页面填充内容所形成的形状并不是浏览器的形状，常见的造型主要有圆形、菱形、三角形等，当然也可以是这些基础类型的结合体。页面造型的选择，在一些时候是根据网站的性质来选的，带有一定的寓意。

(二)页面尺寸

页面尺寸并不是固定的，它受到很多其他因素的影响，就算是显示屏的尺寸或者分辨率都影响着页面的尺寸的大小。这几个因素是客观的，也是我们无法改变的，并且网页页面是在浏览器中呈现的，然而浏览器占据了一定的篇幅致使页面进一步的减小，但是这种情况是可以解决的，因为浏览器的工具栏等是可删除的。

二、计算机网页设计中的布局的重要性

无论是设计什么事物，人们对于其布局构造总有着严格的要求，对于网页布局也不例外。合理、美观的布局，给人们带来的是一种舒适和享受，尤其是在长时间浏览网页时，完美的布局对于减轻人的疲劳感是有重要作用的，由此可知计算机网页设计中的布局的重要性。只有这样才能创造出最大的经济价值与财富，推动计算机网页设计的进一步发展和进步。

网页布局的意义不仅仅是给人带来美感，与房屋布局一样，合理的布局在一定程度上可以增加其内容。在浏览网页时，人们可能只是简单的看一下网页页面所分布的内容，因此要想增加网页的浏览量，除了分布内容要有吸引力之外，还要保证其内容的全面性。这就要求网页的页面足够大，但是页面尺寸受很多因素的限制，所以只能从网页布局上来想办法。人们开始根据自己页面索要涉及内容的多少以及内容的类别、重要性进行页面的布局，使页面上的内容能够具有一定的层次感，并且在人们进行阅读时能给人们带来视觉上的舒适感。

三、常见的网页设计布局及其特点

在日常的网页页面中，页面布局的类型很多，常见的页面布局有“同”字型、标题正文型、综合框架型、封面型、Flash型，人们对这些布局的感观已经存在了，但是具体的布局结构还不太了解，下面笔者将将讲述以上几种布局类型。

(一)“同”字型

该类型的网页布局从内容填充的角度来说，其内容填充量较大，一般这类网页的上方都是标题栏，填充的可能是网站的主题，也有可能是横幅广告，其下可能也有小标题的存在。页面的左右也分布有相应的内容，一般可能是一些网站的最新动态简讯、网站的服务人员、附加信息以及广告，该部分的内容一般是人们不太会去注意的，同时也是可开发价值较高的区域。该类型网页的主要内容一般都是分布在中央位置，从上至下，按照内容的重要性、类别或者是所带有的色彩，对于此部分的内容一般还有细节分布，再次不再细说。至于网站的下部分一般不会分布内容，就算是有内容分布，也只是一些网页的常规内容。例如，网站制造方的信息、网站后台管理登陆以及网站的基础信息等。

(二)标题正文型

与“同”字型的页面分布有所不同的是，标题正文型页面一般没有左右的分布，其他的类似程度很大。页面的上半部分都是以标题的形式存在，如果出现的是广告也很正常，页面的中央部分分布的是主要内容，但是其主要内容所包括的含有“同”字型的侧边内容，一般网站主要内容的简讯是在标题下方，与并列的是一些附加信息，诸如天气、注册信息等。然后接着分布的就是网站的正文了。标题正文型的网页页面结构简单，一般是一些政府机构或者事业单位采用的较多。

(三)综合框架型

综合框架型在所有的页面布局中应该是结构比较复杂的一类，它的上下左右都分布着框架结构，内容基本都是分布在框架里面。它与其他类型的区别，其实就是把其它类型无形的界线描绘出来了。

(四)封面型

仅仅听着封面型，就能猜出它的基本分布，的确，正如书本的页面分布一样，封面型的页面分布就是以较大篇幅的图片为主。一般该类型的页面分布都是在网站的首页出现，页面的中央部位大篇幅的可能就是平面图片或者是动画，其周围分布着较少的信息，而此类信息一般又都是超链接的入口。一般诸如QQ空间的首页的个人主页网页页面就是采用此种类型的布局的，它主要是为了突出个人特色，以炫目吸引人们的眼球。

(五)Flash型

Flash型的页面布局与“封面型”有着异曲同工之妙，只不过Flash型网页页面运用得更多的还是Flash，当然它所运用的除了动画还有声音，因此它优于封面型的就是它的听觉效果，视觉与听觉两种效果的作用下给人们带来的除了享受还有一种震撼。关于此种类型的应用网页一般主要是游戏的登录或者是等待进入游戏的页面，当然也不排除有些个人网页的主页所采用的是Flash型的布局。

四、简述如何进行网页设计的布局

进行网页设计中的布局首先要确定页面的尺寸，确定好尺寸有利于后续内容模块的安排，在确定了页面的尺寸后开始进行整体造型的选择，选择时可根据网页主题或者是个人的爱好来进行选择。选择好整体造型根据网页所要呈现的内容类型、量、突出重点的量来进行布局的安排，在进行布局的安排时，要注意布局的疏密度，不能过度，同时也要注意突出重点。在安排好大致内容后，进行“绿叶”的点缀，可以在大致布局上增加一些其它信息以做装点。

计算机网页设计中的布局是一门艺术，它没有什么固定的格式，布局的选择、策划完全取决于个人的审美观，因此要想提升网页布局的美感，就必须要加强对于美学的研究，将生活中的美学知识运用到网页的布局上，给人们带来更多的视觉享受。

参考文献：

[1]玛依努尔・阿布都哈地尔.对计算机网页设计布局问题的探讨[J].产业与科技论坛，2012.

[2]郭雨.计算机网页设计布局价值性研究[J].东方企业文化，2011，(23).

[3]华冰.如何科学化实行计算机网页设计中的布局[J].网络财富，2010，(21).

[4]杨楠.计算机网页设计中布局研究方法与手段分析[J].经济论坛，2010，(04).

计算机网页设计论文篇二

计算机网页艺术设计浅析

摘要：网页艺术设计是艺术与技术的高度统一，包含视听元素与版式设计两项内容，具有交互性与持续性、多维性、综合性、版式的不可控性、艺术与技术结合的紧密性等五个特点。

关键词：网页艺术设计;设计内容;设计原则;设计特点

中图分类号：G434 文献标识码：A 文章编号：1009-010X(2012)08-0021-02

设计，有“人为设定，先行计算，预估达成” 的含意，设计就是具有美感、使用与纪念功能的造形活动。网页设计是一门新兴的设计类和网络的交叉学科。随着时代的发展，网站建设越来越接近于一门艺术而不仅仅是一项技术。在这样大的背景之下，逐步产生了对于网页的审美需求。网页不光是把各种东西放上去，能看就行，还要考虑如何让浏览者能更多的和更有效率的接收网页上的信息，从而使他们对网站留下很好的印象，那就更能促进自己网站的发展。

本文将网页艺术设计与其他艺术设计形式进行比较，尝试从网页艺术设计的内容、原则和特点等方面对这个新的艺术设计领域进行初步的归纳总结和理论探讨。

一、网页艺术设计的内容

设计活动中包含着主观和客观两方面的因素，可以概括为视听元素和版式设计两个方面。

(一)视听元素

这里所说的视听元素，主要包括：文本、背景、图像、表格、背景音乐、动态影像等。无论是文字、图形、动画，还是音频、视频，网页设计者所要考虑的是如何以感人的形式把它们放进页面这个“大画布”里。这些视听元素大多数浏览器本身都可以显示或收听，无需任何外部程序或模块支持。另外，在浏览器使用插件(Plug-in)可以播放更多格式的多媒体文件。还有一种播放多媒体的技术是JavaApplet。相比于插件和ActiveX，JavaApplet具有更大的灵活性和良好的跨平台能力，因此具有很好的发展前景。总之，技术的不断发展使多媒体元素在网页艺术设计中的综合运用越来越广泛，使浏览者可以享受到更加完美的视听效果。这对网页的艺术设计提出了更高的要求。

(二)版式设计

网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处，但网页的排版与书籍杂志的排版又有很多差异。印刷品都有固定的规格尺寸，网页的尺寸则是由读者来控制的。这使网页设计者不能精确控制页面上每个元素的尺寸和位置。而且，网页的组织结构不像印刷品那样为线性组合，这给网页的版式设计带来了一定的难度。

二、网页艺术设计的原则

网页作为传播信息的一种载体，要遵循一般设计的基本原则，但它还有其自身的特殊规律，所以设计者必须掌握以下三个主要原则。

(一)主题鲜明

视觉设计要表达一定的意图和要求，有明确的主题，并按照视觉心理规律和形式将主题主动地传达给观赏者。这就要求视觉设计不但要单纯、简练、清晰和精确，而且在强调艺术性的同时，更应该注重通过独特的风格和强烈的视觉冲击力，以鲜明地突出设计主题。例如，设计个人站点与商业站点性质不同，目的也不同，所以评论的标准也不同。首先，设计是为主题服务的;其次，设计是艺术和技术结合的产物，就是说，既要“美”，又要实现“功能”;最后，“美”和“功能”都是为了更好地表达主题。

(二)形式与内容统一

任何设计都有一定的内容和形式。内容是构成设计的一切内在要素的总和，是设计的基础，被称为“设计的灵魂”;形式是构成内容诸要素的内部结构或内容的外部表现方式。一个优秀的设计必定是形式对内容的完美表现。据有关资料所做的保守估计，目前在WWW上网页数据传输平均以每秒1.5k的速度到达客户端。假设某个网页为了丰富其艺术性而追赶时髦大量地使用图像或其它多媒体元素等，虽然达到了其静态形式美的效果，却造成多达几十K甚至更大的网页数据，使浏览者必须等待很长时间才能看到“庐山真面目”，这样的网页就不是一个优秀的网页，因为它不符合网页传播信息的突出特性之一——快捷性，使网页内容不能很快地到达访问者，影响了访问效果和质量，损害了访问者的情趣和积极性，这种技术要素影响了传达信息的效果，因而不是形式与内容的完美统一。

(三)强调整体

网页是传播信息的载体，设计时强调其整体性，可以使浏览者更快捷、更准确、更全面地认识它、掌握它，并给人一种内部有机联系、外部和谐完整的美感。整体性也是体现一个站点独特风格的重要手段之一。

这主要从版式、色彩、风格等方面入手。例如：在版式上，将页面中各视觉要素作通盘考虑，以周密的组织和精确的定位来获得页面的秩序感，即使运用“散”的结构，也是经过深思熟虑之后的决定;一个站点通常只使用两到三种标准色，并注意色彩搭配的和谐;对于分屏的长页面，不可设计完第一屏再考虑下一屏。同样，整个网页内部的页面，都应统一规划，统一风格，让浏览者体会到设计者完整的设计思想。

三、网页艺术设计的特点

(一)交互性与持续性

网页不同于传统媒体之处，就在于信息的动态更新和即时交互性。这种持续的交互，使网页艺术设计不像印刷品设计那样，发表之后就意味着设计的结束。网页设计人员必须根据网站各个阶段的经营目标，配合网站不同时期的经营策略，以及用户的反馈信息，经常地对网页进行调整和修改。

(二)多维性

多维性源于超级链接，主要体现在网页设计中对导航的设计上。由于超级链接的出现，网页的组织结构更加丰富，浏览者可以在各种主题之间自由跳转，从而打破了以前人们接收信息的线性方式。

(三)多种媒体的综合性

目前国内网页已经出现了模拟三维的操作界面，在数据压缩技术的改进和流(Stream)技术的推动下，Internet网上出现实时的音频和视频服务，典型的有在线音乐、在线广播、网上电影、网上直播等。因此，多种媒体的综合运用是网页艺术设计的特点之一，是未来的发展方向。

(四)版式的不可控性

网页版式设计与传统印刷版式设计有着极大的差异：

1.印刷品设计者可以指定使用的纸张和油墨，而网页设计者却不能要求浏览者使用什么样的电脑或浏览器;

2.网络正处于不断发展之中，不像印刷那样基本具备了成熟的印刷标准;

3.网页设计过程中有关Web的每一件事都可能随时发生变化。

这些说明，网络应用尚处在发展之中，关于网络应用也很难在各个方面都制订出统一的标准，这必然导致网页版式设计的不可控制性。其具体表现为：

(1)网页页面会根据当前浏览器窗口大小自动格式化输出;(2)网页的浏览者可以控制网页页面在浏览器中的显示方式;(3)不同种类、版本的浏览器观察同一个网页页面，效果会有所不同。

把所有这些问题归结为一点，即网页设计者无法控制页面在用户端的最终显示效果，但这也正是网页设计的吸引人之处。

(五)技术与艺术结合的紧密性

网络技术主要表现为客观因素，艺术创意主要表现为主观因素，网页设计者应该积极主动地掌握现有的各种网络技术规律，注重技术和艺术紧密结合，这样才能穷尽技术之长，实现艺术想象，满足浏览者对网页信息的高质量需求。

网络技术与艺术创意的紧密结合，使网页的艺术设计由平面设计扩展到立体设计，由纯粹的视觉艺术扩展到空间视听艺术，网页效果不再近似于书籍或报刊杂志等印刷媒体，而更接近于电影或电视的观赏效果。技术发展促进了技术与艺术的紧密结合，把浏览者带入一个真正现实中的虚拟世界。

所以说，网页设计表面上看，不过是关于网页版式编排的技巧与方法，而实际上，它不仅是一种技能，更是艺术与技术的高度统一。将一些平面设计中美的基本形式运用到网页中去就能使网页更加富有美感，要想将页面做的更漂亮，要求设计师有较好的审美方面的素质，同时要有丰富的平面设计的经验。这样才能在设计时驾轻就熟。

计算机网页设计论文篇三

计算机动态网页设计中多元素应用探讨

摘要：在经济高速发展的今天，科技也发生着日新月异的变化，给互联网技术的发展带来了机遇和挑战。网络技术在人们的生活中起着十分重要的角色，给人们的生活带来了很多的便利。随着生活水平的日益提高，人们对网页设计不仅局限在获得高效的信息上，对于网页的美感也提出了较高的要求。这就要求设计工程师应该采用多元素的设计手法，提高动态网页的艺术魅力。

关键词：动态网页设计;3D视觉元素;水墨画元素;肌理元素

中图分类号：TP393.092 文献标识码：A 文章编号：1674-7712 (2013) 22-0000-01

一、动态网页与水墨画元素

(一)网页中的水墨元素。网页设计既需要创新也需要传承中国的传统文化，水墨画元素在网页中的应用将现代艺术和传统艺术很好的结合起来。水墨画元素借助绘画的手法使信息得以传播，给网页设计注入了新的思想。网页设计中的水墨元素继承了中国传统的人文思想，丰富了设计作品的文化，提高了网页设计的艺术魅力。

(二)水墨元素的动态化。水墨画是中国传统文化的瑰宝。新技术和水墨画的融合，尤其是网页设计与其的引入给网页设计师提供了新的思路。计算机网页设计工程师将水墨作为一种设计符号，结合多种声音、图像、文字进行一种情趣的设计，将美好的意境展现给大众。给浏览者一种别样的感受，网页的动态效果使水墨画的美感更加具有视觉冲击力。

用户在浏览信息时会遇到很多等待界面，一个动态的水墨画界面对于浏览量的增加具有十分显著的效果。传统的进度条网页设计手法和水墨画动态设计手法相比，后者使得用户感觉浏览等待的时间大大减少，这主要是因为水墨画的动态网页设计分散了用户的注意力。水墨画的动态网页设计，丰富了网页的内容，将一种自然美很好地体现给用户。水墨画的动态设计使得水墨具有了无限的生命力，增加了网页的形式，沟通了用户和设计师，使两者有了更好的沟通。传统的网页设计很难体现一种自然意境，但是水墨画动态网页设计却将自然的艺术魅力展现给大众。

二、动态网页与肌理元素

(一)肌理元素应用原则：1.网站风格与肌理协调。肌理一般应用在某个网页的局部，重点突出强调想要表达的是什么。任何一个网页应该具有清爽大气的特点，将丰富的内容传达给大众。肌理的引入，可以更好地吸引大众的眼光，给用户很强的视觉冲击力，进而引导浏览者。不同的网页具有不同的特点，不同的肌理表现出的感觉也不一样，网页设计工程师应该根据自己想要表达的风格，然后选择相应的肌理，表达出想要渲染的效果。2.元素之间的统一与对比。艺术的表达形式之一就是统一与对比，为了增加动态网页的艺术魅力，应该结合肌理的统一与对比手法，增强动态网页的表达效果。动态网页在肌理元素的应用中，应该坚持对比与统一的手法，在对比中坚持统一的原则，在统一中突出重点。一般来说突出肌理，可选用厚重的肌理材质或者颜色，进而达到想要表达的效果。

(二)肌理元素应用特点：1.互交性。网络媒体相对于其它的传播媒体来说，互交性是其最大的特点，用户可以通过超链接在自己喜欢的资源内容之间跳转，选择自己需要的信息。网络的互交性满足了人们更加多样化、个性化的需求。有些网站让用户根据自己的喜好更改网页的外观，用户可以自由选择色彩、版式、导航条和甚至肌理。如新浪网的博客新注册用户有大方简洁、图片展示、心情日记、个性炫酷四类模板可以选择。不同类型的模板有着不同的色彩、图像和肌理，综合成多个页面可供应用。2.肌理的多媒体应用。网页的最大的优势是多媒体性，网页包含着文字、图形、图像、声音、动画等多种媒体综合展现的特点。肌理和其他元素配合使用，如色调、版式、甚至声音相配合，使得网页表现出强烈的艺术感染力，令人印象深刻，也使得信息得到更为有效的传播。如ZCOM互动娱乐网站，提供在线杂志阅读服务，在线阅读时在显示器上模拟杂志。

三、动态网页与3D元素

(一)网页界面设计中的三维视觉效果。网页作为一种新兴的综合媒体艺术形式，用户的操作多是基于图形界面的，有着其特定的框架模式结构。WebUI(Web User Interface网页风格用户界面)设计在网页信息传达中占有相当重要的地位，通常网页界面版式设计中的视觉元素包括站点Logo、文字、图标、图片、表格、导航条、菜单栏、超链接按钮、动画和各种交互式元素等。浏览者访问一个网址首先感知的是网页的整体界面风格，如色彩的搭配、色调的调和、图形图像的运用等。而一个具有3D立体效果的图形、图标或者导航条，凭借其在光感、质感、层次、体量等方面上的表现优势，应用在网页界面设计中自然比一般二维图形更能体现出精彩的视觉效果，呈现出更强烈的视觉感染力和冲击力。

(二)应用前景。人们对互联网的探索和开发是永无止境的。新一代网页文档语言HTML5是近十年来Web开发标准最巨大的飞跃，它将Web带入一个成熟的多媒体综合应用平台，在HTML5平台上，视频、音频、图像、动画以及同电脑的交互等都被标准化，还有CSS层叠样式表规范也升级到CSS3，这些都将为网页的标准化设计提供更为强大的支持。

网页标准化开发的日趋规范和完善，给Wed3D技术的发展提供了更稳健和广阔的平台。尽管Wed3D技术有着很好的发展前景，但仍然会受到网络带宽、处理器速度及计算机硬件和软件等多方面要素的制约，同时还存在多种3D文件格式和渲染引擎，不过这些问题都将随着技术的逐步规范统一而得到很好的解决。这将意味着不久的将来，我们便能够直接在网页中浏览到更多更具真实感的3D视觉元素。

四、结语

动态网页视觉传达的基本元素包括水墨画、肌理和3D元素，这些基本元素受到了广大计算机动态网页设计师的高度重视。3D元素突破了原有的二维图像设计思维，增加了三维空间的艺术魅力。肌理元素的应用增加了网页设计的表现，使动态网页设计更加精彩。水墨画元素的应用传承了中国的传统艺术，使动态网页设计具有了中国的民族特色。

参考文献：

[1]曹淮，晁丁丁.3D元素在网页信息传达中的应用研究[C].2006年中国机械工程学会年会暨中国工程院机械与运载工程学部首届年会论文集，2006，11.

[2]张芸芸.中国传统水墨元素在网页设计中的运用和研究[J].大众文艺学术版，2011(03).

有关计算机网页设计论文推荐：

1.网站设计毕业论文范文

2.网页设计论文范文

3.网页制作技术毕业论文

4.计算机毕业论文范文大全

5.计算机专业毕业论文范文大全参考

6.关于计算机的论文

7.计算机多媒体专业毕业论文