网页界面艺术设计_浅析网页界面艺术设计

【论文关键词】互联网;网页界面;艺术设计

【论文摘要】当今互联网迅猛发展，网络已深度融入日常生活，商业、工业及政府部门均广泛应用，教育事业也借助网络便捷通道实现快速进步。网站开发逐渐超越纯粹技术范畴，更接近艺术创作。网页视觉设计，正受到网站制作者的高度重视。凭借个人实践，介绍了制作一个内容丰富且视觉效果多样的网页的方法，主要围绕色彩运用、整体结构，页面安排以及性能提升这几个核心环节展开说明，针对网页视觉艺术中的文字表现、图像元素，色彩搭配和互动媒体这四个基本构成进行了独到的梳理和总结，最后对网页视觉艺术风格进行了细致的划分和说明，其中着重探讨了网页界面艺术设计的风格特征。网络平台是一种新型传播渠道,其包含的元素比报纸、期刊、广播、电视等传统媒介更为丰富多样,例如文本信息、视觉图像、音频资料、动态影像等综合内容。经过深入分析可以发现,要想设计出优秀的网页视觉效果,必须投入充足的时间和精力进行细致研究,这样才能创作出令人满意的界面艺术设计作品。

网页界面设计随着网络出现而诞生，成为设计领域的新方向，网页制作者依据当时的技术条件和艺术积累，有意识地对网页构成要素进行艺术化安排，这是一种创造性的思维过程，注定要成为设计艺术的关键部分，并且会随着网络技术的进步而不断演进。从表面来看，它看似只是探讨网页布局的技巧和方法，但实际上，它不仅是一种本领，更是艺术与科技完美融合的体现。网页设计涵盖风格确立、版面设计、色彩运用、浏览模式、链接设置等众多领域，其中色彩运用占据着关键地位。色彩既是网页作品的呈现方式，也是视觉沟通的媒介。因此，首要任务是明确一个核心议题：

1制作网页包括具体都包括哪几部分呢?

图形图像加工网页界面艺术创作，说到界面融合艺术，那么在网页中放置一些美观且恰当的图像是必不可少的，否则，人们不会去访问你的页面，所以，在着手设计网页时，就必须事先收集或制作一些漂亮适用的图像。说到图像、图形的编辑，人们首先想到的就是这款软件，没错，它就是用来编辑图像、图形的工具，不过，它并非专门用于处理网络图像的工具，这款软件主要应用于一些平面图像的编辑，我们网络上的图像、图形处理则使用另外的软件，这种软件能够制作出传输速度较快的动态图像，并且所占存储空间很小，通常只有几KB，而它制作出来的静态图像是jpg格式的，并且采用有损压缩方式，像素越高图像越清晰，但这样上传到网络会减慢浏览速度，像素太低则会出现模糊或像素化现象，因此我们选择特定的软件来处理图像、图形。

动画制作网页界面设计，同样需要动画元素的融入，并且要富有艺术韵味，这就对设计者的艺术素养和色彩运用能力提出了更高要求，在FLASH软件出现之前，曾使用过其他软件，后来则采用传统方式，在HTML中嵌入Java程序实现的动画，但这需要设计者精通Java语言当前软件行业进步显著，出现了多种动画制作工具，涵盖平面与立体类型，例如我们目前采用的FLASH软件，其生成的动画作品精致可爱，导出时只需保存为.swf格式文件，随后将其添加到网页设计平台即可使用。

编写文本通常是在网页上使用HTML标记来完成,或者借助网页编辑器的可视化界面直接输入文字,例如各种软件都能够用来编写文本。务必留意，在呈现文字时，开发者计算机中配置了众多美观的字体，设计阶段运用了这些字体，然而当内容发布至网络后，若访问者设备未预装相应字体，他们将无法看到我们选用的特色排版效果，因此，在兼顾网页视觉美感的同时，我们需提前将文字处理成或可选择心仪的字体样式，随后将其转化为位图图像，再通过切片工具分割成若干单元，逐一进行优化处理。成果能够以动态影像或静态图像的形态呈现出来，然后将其传输到编辑软件中实施细致加工，制作超链接时可以借助图像本身的坐标点作为触发区域，如此就能达成预期的文字形态设计目标，同时可以防止文字样式无法正常展现的问题发生。

框架是网页的一种常见布局方式，能够使页面结构更加分明，将多个页面链接到同一个框架内，让页面显示更为集中。这种框架通常用于小说阅读界面，或者图书章节的展示部分，在教学类网页中也较为普遍。

表格是网页中最常用的构造工具，能够实现多种布局和定位功能，是页面中最为活跃的部分。表格能够增强网页设计的灵活性，是页面排版的关键手段。表格(table)作为页面中的重要构成，允许我们设定多种属性，包括宽度、高度、边框样式、背景颜色以及内容对齐方式等。很多时候，我们设置表格边框为无，目的是为了精确定位页面中的各个部分，或者借助这个方法来明确页面元素之间的相互关系。我们知道：浏览器在解析网页的HTML代码时，会完整读取整个table标签，然后才将其呈现出来。如果一个大的表格里嵌套了多个小表格，必须等整个大表格的内容全部处理完毕，小表格才会被显示出来。在浏览部分网址时，长时间等待却得不到反馈，若按下“中止”键，页面内容会立刻呈现，这就是症结所在。所以，在规划网页布局时，不宜把所有部件都放在一个表格中，同时表格的套用层级也不宜过多。当构建网页时，系统会自动给每个单元格填入一个空白符号。如果单元格里面没有包含其他内容，这个空白部分会维持原状，在设定了td的尺寸之后，可以在网页代码中将其移除。

2色彩的运用

网页界面设计必须借助色彩，用户初次浏览网页时，最先感受到的并非网页详实的信息，也非网页规整的构造，而是网页的色彩，特别是在构建界面时，色彩对人的视觉冲击力十分显著，一个网站能否获得认可，在很大程度上取决于设计者对网页界面色彩的选择和组合。

网页界面制作是一种美感追求，出色的设计成果通常富有艺术气息。然而，艺术仅是设计的方法，并非设计的根本目的。设计的根本目的在于达成设计者的构思，而非创造美感。网页界面页面设计的根本目的，是指设计者需要展现的核心内容和必须完成的作用。不同性质的站点，其设计目的也不尽相同。从外表来看，站点能够分为三个类别：第一种是信息类站点，例如新浪、网易、搜狐这些大型门户站点。这类站点会给浏览者呈现丰富内容，并且用户数量众多。因此必须关注网页界面设计的布局划分、结构安排、页面性能提升、界面友好性等方面。第二种是兼具信息与品牌形象的网站，比如一些知名企业以及国内的主要高等院校。这种类型的网站在制作上标准很高，既要满足信息类网站的前述条件，又需要强化机构、组织的风貌。第二种是形象类站点，例如部分规模不大的企业或机构。这类站点通常体量不大，有的只有几屏，所需实现的作用也相对基础，页面设计的核心职责是彰显机构的形象。此类站点对设计者的视觉设计能力要求很强。

3网页界面的优化

网页界面的改进是页面制作中的关键步骤。这种改进的效果关系到页面加载的快慢和页面对各种设备的适配程度，进而关系到访问者对网站的整体感受。

资讯类网站里，文字是页面最主要的组成部分，所以调整字体非常关键。通过css样式表来设定文字的外观是必须的，一般把字体定为宋体，尺寸设为12px，字的颜色需要根据背景来决定，基本要求是既容易辨识，又和整个页面风格相协调。白色底版搭配黑色文字不易造成视觉不适，有助于用户长时间浏览网页内容。网页通常设定宋体为标准字体。若要彰显网站独特气质和个性，可选用特殊字体来增强表现力。比如选用粗仿宋体传递专业感，采用广告体展现设计感，或用手写体营造亲和力。这只是我个人的一些想法，你可以根据具体情形，挑选更合适的字体类型。当前流行的中文字体大概有二三十种，常见的英文字体则接近一百种，并且网络上还有大量专门的艺术字体可以下载，要找到一款称心如意的字体，其实并不算特别难。必须指出的是：若选用非标准字体，只能以图片方式呈现，由于多数访客的电脑未必预装此类特殊字型，因此精心设计的成果可能因此无法完美展现。

网页的兼容性十分关键，在各种操作系统里，各种显示尺寸下，各种浏览器中，用户看到的界面都会不一样，所以制作时必须全面规划。通常我们以800×600的规格来设计网页，在这种分辨率下浏览效果最佳，在其他尺寸上只要确保大体相同，不产生严重故障就行。当前我们制作网页时，通常需要兼顾800×600和1024×768这两种显示规格，所以我们的表格设计成居中且宽度在770左右，表格的最大宽度不能超过778。实际上，”制作网页”并非简单的”网页构建”，若要使所造之页显得雅致得体，就必须顾及”网页规划”的环节，卓越之作，若不经缜密”规划”便得以问世，那根本无从谈起。

我国网页界面页面设计整体不如韩国，创新设计非常少，大多采用类似风格，这与过去国内宽带发展滞后有关，因为美观的页面通常文件体积较大，网络速度慢时加载就会很慢，而加载缓慢是影响网页体验的关键因素，因此以往国内网页多采用框架结构设计。我国宽带逐渐普及起来，随即掀起了一股韩国热潮，出现了许多勇于创新的网页设计，这确实值得肯定，不过单纯模仿韩国也不可取，我们应当形成自身风格，不能总是照搬别人的做法。

网页设计的一个显著特点就是吸引访问者，视觉上吸引人的页面即使信息量不足，依然会得到喜爱，而信息丰富但界面粗糙的页面却很少被关注，由此可见网页艺术设计具有关键作用。

网页界面艺术设计是一门永无止境的学问，需要持续学习，因为它会随着个人成长而演变，最终形成独特的风格，这门学问要求勇于突破常规，鼓励运用新颖观念，并且需要付出不懈的努力。