关键词：格式塔 网页设计 视知觉
引言
格式塔一词来源于德文“gestalt”的音译，本意指的是形式、形状、方式、实质。格式塔心理学是一种与艺术有缘的心理学理论，其主要目标是探讨视觉感知及其与学习、思维的关系，它所研究的出发点就是“形”，“形”是经由知觉活动组织成的经验中的整体，与视知觉活动密不可分。而网页界面设计是视觉传达设计向网络媒体的延伸，主要是通过浏览者的视觉感知来接受网站信息。因此，研究格式塔理论在网页界面设计中的运用，无疑对网页界面的设计具有很大的指导作用。
格式塔理论在网页界面设计中的应用
网页设计是将特定的视觉信息要素，根据主题表达的需求在特定的页面上进行的一种编辑和安排，其基础是视觉生理学和视觉心理学。格式塔心理学派通过对视觉感知的生理研究，提出了一系列视感知规律，其中包含了“图底”这个核心概念，和“简明原则”“接近原则”“相似原则”“闭合原则”等视感知特性，将这些规律引入页面设计，有助于我们优化视觉时代“形象过剩”状态下盲目的网页设计，提高信息传达的速度与准确度。
1.图与底
在人的知觉系统中最基本的一种知觉能力是在图形与背景间作出区分。“图”是居于前部的区域，“底”被看成是用来衬托图的背景。WWw.133229.cOm相对而言，图比底，轮廓较为完整、封闭，形状较为规则，面积比较小，色彩比较鲜艳；此外，更重要的是，能组织成为一定意义的区域倾向于被感觉成图。
由于图与底之间存在的这种相对性质，在网页设计中，应当明确区分图与底，主体与背景。另外,主体自身结构要清晰明了，背景不能过于复杂，这样才有利于浏览者辨别需要了解的信息。在背景的色彩搭配上应尽量选用同一色系的颜色，尽量避免同时使用色相环中相对的颜色，大面积同一颜色宜采用低对比度，避免用强烈刺激的颜色引起浏览者的视觉疲劳与厌烦情绪。格式塔理论的图－底规则不仅说明了主体从背景中分离出来的条件,而且指出了背景在一个格式塔中的重要作用。因此在网页设计中我们同样不能忽视背景的作用，图形是依赖于背景而存在的，要使主体感到存在，必然要有底将它衬托出来。因此无论在文字、色彩、图像，还是动画和视频方面都要坚持图底原则。
2.简明原则
格式塔心理学家认为，人们的知觉有一种“简化”倾向，所谓简化并非仅指一般意义上的“简单”，即物体中包含的成分少或成分之间的关系简单，而是一种将任何刺激以尽可能简单的机构组织起来的倾向。我们的眼睛只能接受少数几个不相关联的整体单位，如果一个格式塔中包括太多不相关的单位，眼睛就会试图将其简化，把各个单位加以组合，使之成为一个知觉上易于处理的整体，否则，整体形象将无法被正确感知，这种形象势必会被人们忽视，以至拒绝接受。
我们可以将这一观点延伸到网页界面设计中。首先，在网页界面结构的设计上，应避免使用过于复杂的网格结构，结构的设置应尽量简单明了，符合人的视觉流程，也符合人们对规则形的喜好，利于浏览者以最短的时间找到最需要的信息。
其次，在图像的选择上，应避免使用过于繁复杂乱的、容易分散浏览者注意力的图像，这样会增加浏览者找寻信息的难度。
再次，在进行文字编辑时，应该考虑编辑的最终效果。文字应给人以清晰的视觉印象，避免页面繁杂凌乱，减少不必要的装饰变化，使人易认、易懂、易读，不能为造型而编辑，忘记了文字本身是传达内容和表达信息的主体。在字体的选择上，虽然可供选择的字体很多，但同一页面上的字体种类最多只能有三四种，这样才不会显得花哨。字体的选择应依据段落大小和内容层次,由重到轻、由粗到细。字号的选择也应该依据内容层次由大到小，但到了节以下的层面，可以选用同一字号但用不同的字体加以区分。在文本密度方面，文本应该以短小的组块形式出现，并且应该经过编辑，以简化内容。
3.接近原则和相似原则
接近原则和相似原则的本质上都是简化和整体化知觉对象的组织原则，与前面的简明原则类似，人们在倾向于简化认识对象的同时，也倾向于将近似、接近的元素组合起来作为一个整体加以认知。也就是说如果不同的文字或图形组成部分位置靠近，浏览者就比较容易看出它们是一起的。根据这一原理，对于页面上的任何元素，如果在功能或内容上是相同或相近的，就应在一定程度上保持相对较小的空间距离，做到“物以类聚”。比如，页面中用以解释图形或用以表明某一部分图形的文字就应当紧挨其所指的图形或部分图形。
相似的物体也很容易被认为是从属于一个系统，具有相似的功能。因而，需要通过将浏览者注意力集中于视觉范围内的关键概念，帮助他们获得信息。在网页界面设计中，可以通过强调、动画、对比色的使用或其他手段达到这一目的。假如一个图形中的组成部分都属于同一风格，这个图形就被视为一个整体。为了使浏览者重点关注图形中的特定部分，对这一部分可采用不同的颜色、动画、闪烁或其他区分方式。但是，如果一幅画面中区别过多，也会使浏览者难以注意需要获得的信息。因此，这些方法应该用于强调关键信息或图形的关键部分，而不宜用于大片信息。
4.闭合原则与网页界面设计
闭合原则是指一种完成某种完形的行动。这一规则表明，每一种视觉样式都可以被看成是一种陈述，对于模棱两可的视觉样式，人们会根据以往的经验按照不同的样式加以组织，这时不同的人会看到不同的东西。因此，在网页界面设计时,应当避免出现不完整的图形，以免使浏览者花费过多的时间去琢磨图形的含义，而不是从网页上获取信息。
闭合规则还表明,视觉形象被知觉的形式是首先作为一个统一的整体被知觉，然后再以部分的形式被知觉。因此，在进行网页界面设计时，要强调整体风格的统一，内容与形式的统一。
结语
将格式塔心理学引入网页界面设计，目的是希望网页设计向理性化的方向发展。随着网络的不断发展，浏览者对页面的要求也越来越高，但现在的页面设计大多还是从直觉出发，离科学的页面设计还有相当大的距离，因此要想达到科学的页面设计，就要在设计时遵照人类的认知规律，并且将这些规律正确地应用到设计实践中。而如何将格式塔理论与设计结合起来,仍是我们需要投入大量精力去研究与探讨的问题。
参考文献 ：
[1]曹方著.视觉传达设计原理，江苏美术出版社
[2]卡尔·考夫卡著，黎炜译.格式塔心理学原理.浙江教育出版社
【论文关键词】互联网;网页界面;艺术设计
【论文摘要】在互联网飞速发展的今天，网络已成为人们生活中不可缺少的一部分,无论是在商业、工业还是政府部门中都早已普及开来，如今就连教育事业也都承载着网络这四通八达的命脉迅速的发展起来。网站建设越来越接近于一门艺术而不仅仅是一项技术。网页界面艺术设计，日益被网站建设者所注重。结合自身的经验，阐述了如何制作一个完整的丰富多彩的页面，主要从色彩、框架，布局、优化这几个大方面对页面设计进行描述,对网页界面艺术设计的文字、图形、色彩、多媒体四个要素做了具有特色的分析和归纳，最后对其艺术设计风格进行了深入的分类和阐述，这一部分的重点是对网页界面艺术设计风格的研究。网页作为新兴媒体,有着比报刊、杂志、广播、电视等传统媒体更多的构成要素,如文字、图形、声音、图像和动画等。最后得出页面设计需要时间和耐心去钻研，才能做出好的网页界面艺术设计这一观点。
网页界面艺术设计是伴随着计算机互联网络的产生而形成的艺术设计新课题，是网页设计者以所处时代所能获取的技术和艺术经验为基础，依照设计目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动，必然要成为设计艺术的重要组成部分，并随着网络技术的发展而发展。www.133229.coM表面上看，它表面上看，它不过是关于网页版式编排的技巧与方法，而实际上，它不仅是一种技能，更是艺术与技术的高度统一。?网页设计包括风格定位、版面编排、色彩处理、浏览方式、链接功能等诸多方面,其中色彩处理有着举足轻重的作用。色彩既是网页作品的表述语言,又是视觉传达的手。所以首先要了解一个问题那就是：
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。事实上，"做网页"不是单纯意义上的"制作网页"，如果想让自己制作的网页美观大方，就必须要考虑"设计网页"的过程，一个好的作品，不通过仔细的"设计"就成形是绝对不可能的。
我国的网页界面页面设计水平总体上不及韩国，创新的页面极少，基本都是一种风格，这也是因以前我国的宽带水平跟不上有原因，一个漂亮的页面，必然体积会比较庞大，网络比较慢的话打开的速度也就可想而之，打开速度慢正是网页的一个最大杀手，所以我国以前的页面基本都是以框架式居多。随着我国宽带的普及，我们也迅速括起了一阵韩风，很多大胆创新的页面出现，这是一个好现象，但是一味的模仿韩国也不行，我们也要有自己的特色，不能一味的拿来主义。
网页界面页面设计的一个基本特色便是吸引浏览者，一个美观漂亮的页面不管内容多么空洞，也会有人欣赏，反之一个内容充实但页面简陋却往往不会有人去浏览，从这便可看出网页界面艺术设计是多么的重要。
最后总结，网页界面艺术设计是永远也学不完的一门学问，因为它会跟着你的成长也变化，直到形成你的一种风格，网页界面艺术设计需要大胆创新，需要新的思维，需要不断的努力。
关键词 简约化设计；信息传递；网页界面设计
中图分类号：TP393.092 文献标识码：B
文章编号：1671-489X（2015）08-0057-03
1 简约化及相关概念厘清
简约化与饱和化的辩证 饱和，在化学中的解释是：在一定温度和压力下，溶液所含溶质的量已经达到最大限度不能够再溶解时表现出的形态。也用来比喻事物发展到最高限度时所表现出来的状况和态势。从视觉接受的角度分析，饱和化是指视觉信息达到人们所承受的最大限度。简约化与饱和化是相对的。简约化就是对人视觉信息的简化，它是用简洁明快的视觉语言来满足受众对视觉环境感性的、本能的和理性的需求。
简约化与简单化的厘清 简约不同于简单。“简单”解释为结构单纯、容易理解，与复杂、困难、繁琐是相互对立的词语。在网页设计中简单表现为页面结构单一、色彩单调，在形式表达上比较呆板，无法给人视觉带来亮点，功能缺乏交互性等。简约并不是缺乏设计要素，它是一种更高层次的创作境界[1]。简约是针对不同对象，筛选适合于设计对象的、经过不断精心组合或者选择的精华。它遵从人类的生理和心理状态，强调的是以人为本的更为情感化的设计。
2 简约化网页界面设计的内涵分析
形式统一与和谐 凡是简洁美的东西都有一条共同的原则，就是在外观造型中的各元素存在一定的和谐、统一的关系[2]。人的视觉和心理惯于接受有序、简洁与和谐的形态。即使人们遇到一些看似凌乱无序的画面，也尽量从各种角度对其进行归类、整理，以求从中找出内在的规律与美的因素。因此。视觉美感产生于有序与和谐之中。有序与和谐让人对事物的心理感觉单纯化、规律化以及整洁化。
网页功能的简洁性 简约的网页在功能上能明确表达功能效用，强调用户体验，是一种人性化的设计。王晓蓉、杨治明曾经建议人性化网页界面设计要具有美观性、舒适性、简洁性、一致性、高效性和安全性[3]。简约的网页功能针对用户的心理动机、认知心理、智力发展状况进行设计，表达意义简明醒目，易被用户注意和认知，而不是浪费时间去寻找功能。
形态的易记性 从记忆的角度来说，简洁单纯的网页元素要比复杂的网页元素更容易被人们记住。简洁单纯的事物视觉点突出，不会分散用户的注意力，能够保持长时间的注意力稳定。
情感表达的丰富性 简约化的网页呈现的不仅仅是一个视觉画面，它还蕴含着深刻的思想和丰富的情感。针对用户的情感心境，使用合理的文字、色彩、图像，能使用户对产品产生亲和力，从而加深品牌印象。因此，网页不仅注重它的美观度，更注重它的情感表达的丰富性。
3 网页界面设计中简约化要素分析
简约化设计与文字元素 文字是人类用来记录语言的符号系统，在网页界面设计中占有十分重要的作用，因为人们大多信息的获知都是以文字的形式表达出来的。众多构成要素中文字具有最佳的直观传达作用以及最高的明确性。文字传达本身语义之外，还传递其他一些信息。文字视觉形态的大小、颜色、曲直、排列的疏密，以及语言的强弱、缓急、和谐或嘈杂，以及表情、姿态等，能够引起浏览者内心相应的不同感受。文字简约化设计表现为以下几点。
1）易读性：文字的表达要能被大众理解，在排版形式上能够符合人们的视觉流程，在文字颜色和大小设计上要符合网页的设计风格。
2）明确性：信息表达简洁明了，不繁琐不模糊，能够明确表达网页设计的中心主题；在语义的传达上不会让人产生歧义，传达的信息容易被用户理解。
3）美观性：文字的大小、颜色、编排等的设计要符合人的视觉审美，选择适合于网页风格的文字编排；通过文字形体的统一变化、文字编排的节奏韵律、文字量感的对比和谐来增强网站的美观度。
4）适合性：针对不同的用户，使用合适的文字大小、颜色、语气、形态，拉近用户的心理距离，引发用户的情感共鸣，达到产品宣传的最终效果。
5）创新性：将文字图形化、意象化，以更富创意的形式表达出深层的设计思想，能够克服网页的单调和平淡，从而打动人心。这种方式的处理既是文字内容的直观表达，又是文字含义的延伸表达。它增加网页的视觉亮点，给用户耳目一新的感觉。
简约化设计与图像元素 图像在网页设计中扮演着不可缺少的角色，能够简化网页设计的各种复杂的信息，这也是大多设计师喜欢它的原因之一。图像简化信息的具体表现包括以下几点。
1）图像的直观性和简易性：图像取代了文字多而繁杂的缺陷，相对于大片的描述文字，人们更愿意去选择简洁和直观的图片，它易被理解和认知。尤其是在体现产品特质的网页中，与其使用大量的文字耗费精力，不如使用更直观的产品图片，提高信息的传递效率。
2）图像的丰富性和真实性：图像含有丰富的色彩，具有设计艺术的美观度和视觉的空间感，所以能够吸引人们的眼球。同时，图像多是真实的生活采集到的摄影图片，在艺术的表达上自然、不做作、真实，更符合人们简约化思维的模式。
在新闻资讯类网站中，图文结合是经常见到的现象。网站中都会把今日的重点新闻配上小块的图片放在网页中，不仅简化了文字的数量，还提高了用户处理信息的效率。图片的应用就是对信息的简约化处理，图像将信息以最直观、简洁的形式呈现出来，省去了人们阅读大篇文字的时间，也避免了因文字过多而迷失重点。
另外，图形的简约化还表现在LOGO设计上。LOGO可识别性强，使用简单的图形表达丰富的含义。简约化的标志更容易获得受众的认知，更具有时代性，是信息简化的产物。
简约化设计与色彩元素 色彩在网页设计中占有很重要的位置，因为就生理而言，人们对色彩的敏感度特别的高。马克思说：“色彩的感觉是一般美感中最大众化的形式。”[4]当打开一个网页时，关注色彩元素比其他的元素都要强，色彩最具表现力与识别性，出色的色彩搭配可以在瞬间吸引用户的目光[5]。同时，它能够体现企业产品的特质，在不需要过多繁琐的文字、版式等元素的搭配下，色彩就能直接简洁明了地给用户第一印象。
简约化的网页色彩设计就是根据网页类型的特质，从复杂的客观色彩中提取出最能凸显设计神韵的一到三种主观性的色彩，通过色彩的色相、纯度、明暗、色块面积等的对比，简化用户的视觉流程，给受众带来视觉和心理的轻松，具体表现为以下几点。
1）配色的统一和谐：同一色彩的大量使用，可以使页面整体化和秩序化，能快速给用户留下深刻的印象。
2）配色的强调和突出：使用和其他元素颜色对比强烈的某一色彩，可以引起受众的注意力。
3）配色的留白使用：采用大面积色块的留白，增强了页面的节奏感和韵律感，能够使页面简洁大方。
简约化设计与版式设计 如果把网页界面中的文字、图形、点线面等元素比喻成员工的话，那么版式设计就是一个管理者，根据员工的职能特点，依据一定的管理理论和方法，有效地激发员工优势，从而更好地完成任务。因此，版式设计就是将文字、图像、色彩、图标等元素有机组合，表达美与和谐[6]。
简约化的网页版式设计并不是将各种元素杂乱无章地编排，而是按照人们的视觉流程规律以及形象思维，有秩序统一地进行规划整合。基于受众的视觉流程规律，简约化的网页版式设计应该具有以下特征。
1）清晰易读：网页的不同元素位置设计，框架构造上和谐统一。每个元素不是混乱的搭配，而是根据人的视觉流程特点，将设计元素进行合理规划，能够在人的大脑中呈现出清晰明了的信息。
2）统一有秩序：统一和秩序增强了网页各元素的联系和轻重关系，符合用户的阅读习惯、心理秩序和思维发展的逻辑认知顺序。
3）相互呼应：呼应是指两个以上的形态之间通过“呼
唤”和“相应”的关系达到画面的均衡。有效的网页元素呼应能够增加元素之间的内在联系，使网页整体感突出。
4）中心突出：视觉中心是人的视觉心理量感所偏向的视觉位置。视觉中心突出的网页能够主次分明地把网页的元素进行位置编排，以突出网页要表达的重点信息。
简约化设计与留白 顾名思义，空白区域是指不同元素之间的区域。在网页设计中，文字之间、段落之间、图片之间等网页设计元素之间的区域都是空白。网页设计的留白并非意指白色，而是设计界面中内容的空白。认知心理学的研究证明，留在空白之中的东西更容易被人注意和想起[7]，它是符合人们的认知需求的，人们的注意力和记忆力不可能长期保持稳定的状态，他们需要外界的事物给予一个“缓冲”和“喘息”，以获得视觉和心理的缓和，因此，留白体现的是一种单纯轻松的理念。
“留白”在某种程度上代表着简约[8]。留白正是用这种“此时无声胜有声”的视觉语言，诠释了简约化设计的以少胜多之美。留白能控制视觉量感，保持了网页整体的统一性和平衡感，增加了网页页面的内涵和丰富性。网页设计中一般包括以下几种常用的留白技巧。
1）背景和元素间隔的空白：它能够清晰地分离页面板块，增加页面的空间感，更容易引导用户的视觉流程。
2）页面大面积色块使用：页面大面积使用某一色彩，可以强烈渲染、烘托网页设计元素和网页主题，简约时尚而更具视觉冲击力。
3）统一页面主要设计元素的背景，呈现出规则图形组合：统一而有秩序的页面能简明地体现网页主题的特质，更容易让用户认知。
4 总结
简约化网页界面设计符合现代人们视觉和心理的需要，是时代大背景的选择，体现设计界最先进的设计理念。将简约化的思想和理念运用到网页设计中，创造性地处理网页中文字、图像、色彩、版式等网页元素的关系，便能正确把握设计流程的方向，给设计师和用户一个规范的参考。
参考文献
[1]黎浩.简约主义：现代设计的风格倾向[J].高教论坛，
2004（5）.
[2]杨大松.现代设计艺术的简洁之美[J].安徽建筑工业学院学，2004，12（2）.
[3]何亭.人性化网页界面设计的进展与展望[J].美与时代，2012（9）.
[4]欧阳丹.浅析现代平面设计中色彩的简约化趋势[J].湖南工业职业技术学，2009，9（1）.
[5]吴爱群.简约版式在平面设计中的应用[J].美术教育研究，2012（3）.
[6]石艳红.网站建设中的版式设计[J].科技信息，2007（28）.
现在互联网用户对网页设计的质量要求越来越高，没有内涵的华丽设计很快就会被遗弃。所以现今的设计趋势已经越来越重视网站的响应设计、持续联系以及虚拟现实。在一个注重用户体验的时代，一个好的文学网站，不是只有华丽的界面或者良好的交互设计就可以，而是要在艺术和功能上做到两全其美。
关键词:网页设计;色彩;图片优化;用户体验
现代设计在中国的发展大概有二十多年的时间了，以前中国很少有人会注意网页界面的用户体验，而且国内宽带水平有限，所以那时候我国的网页界面基本上都是框架式，创新的页面很少。随着我国各方面的发展，我们的设计也越来越有创新意识，我们也越来越注重用户的体验。尤其是在文学网站设计方面，以前很多网站的设计大部分都是大的框架加上链接构成，没有下多少功夫在外观设计和用户体验方面，而现在随着文学网的发展，仅仅是靠老一套的理论来做的设计已经不能满足现在用户的审美需求了。
1文学类网站设计原则
1．1色彩设计原则
众所周知，不管是做招贴、包装或者是VI，给人的第一印象往往是这个作品的色彩设计，它的色彩运用的好与坏，将直接影响到阅读者的兴趣。同样，在网页设计中，色彩也是居于十分重要的地位。现在的文学类网站的网页设计，大部分以比较浅的颜色为网页的背景色，如浅黄色、浅蓝色、浅绿色或者直接就是白色背景，再加上较深颜色的文字来做的配色。一般来说网页中所出现的字体颜色都是黑色，因为浅色背景中黑色字体的视认度最高，但是这种强对比，屏幕刺激较大，也更容易让浏览者产生视觉疲劳。在文学类网页设计中，这种对比过于强烈的配色会使用户长时间在线浏览的时候有不适，但是缓和的色彩搭配视认度不高，也不利于用户阅读。所以笔者认为在网页中出现大面积文字以及考虑到用户会长时间停留在一个页面的时候，比如文学网站的在线阅读界面，我们可以给用户一个选择，让用户自己来挑选网页的背景色以及字体颜色，让用户自己来选择适合自己的颜色搭配。
1．2文字和排版设计原则
在做网页设计的过程中，无论选择什么字体，都要基于网页的总体设想和浏览者的需要来使用。而且浏览器使用的是本地字库显示的页面内容，作为一个网页设计者，不得不考虑到用户电脑中是否有你选用的字体，所以说网页中的文字最好使用缺省字体，在必须使用特殊字体的地方，可以先把文字做成图像，然后再插入到网页页面中去。再者就是文字行距的问题，一般的行距比例为10:12，因为合适的行距可以很好引导浏览者的视线，如果行距过宽会影响行与行之间的文字延续性，影响阅读。而且在视觉传达中文字作为网页页面的要素之一，除了表达文字本身的意义以外，还有传达感情的作用，所以文字设计在视觉上要给人以美好的印象，让浏览者可以获得良好的阅读感受。而且网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处，都是通过文字图形的空间组合，表达出和谐与美。在网页文字设计编排中最重要的一点，就是要与网页内容的性质和特点相和谐，其设计风格要与内容特性相一致，而不是相分离冲突，所以在我们把大量的信息整合到一个页面上去的时候，首先要考虑的是怎样把它们以合理统一的排布，达到变化与统一并存的和谐效果。在排版这方面，网页的版式设计同报刊杂志的版式设计有不少共同之处，基本上都是把页面中的文字字体、图形图像、色块线条等要素按照一定的节奏进行编排，同时注意其结构的大小、轻重、虚实等对比因素，并通过对这些要素的编排，使浏览者直观地感受到该页面要传递的信息。
1．3网页图形的优化和应用原则
对于一个网站来说，网页的下载速度是非常重要的，但是影响网页的下载速度的因素除了网速以外，网页中所包含的图像图形对网页的下载速度也有很大的影响。因此，对网页图形进行优化，使网页能够快速下载是网站设计制作中考虑的首要问题。所以，接下来就来探讨一下图片优化的基本方法。首先是图片的裁切，裁切时应尽量沿所需图像边缘裁切，避免不必要区域占用文件大小。如果在页面中有一张过大的图片，也可以先把它裁成小块，然后再使用Table语法所提供的Border=0、Cell-spacing=0、Cellpadding=0的无缝功能，将它们组合起来，这样也会提高图片的加载速度。再者就是图片的输出，一般情况下，色彩少的图片使用GIF或者PNG格式，色彩丰富的的图片使用JPG格式。如果是一些摄影网站，图片要求都是高清图片，那就可以用JPG格式做小图预览，然后链接到TIF格式(无损)的原图，这对没兴趣看这张大图片的浏览者而言，不但可快速下载该网页，而且也是一种体贴的选择。还有些图片，因为要在不同的背景中使用，需要输出为透明的效果，这时，就可以选用GIF格式，因为对于GIF图像来说，色彩越少，文件就越小。所以说在看起来可以接受的范围内，尽可能地将色彩数量减少，就能够对GIF图像进行不错的优化。而且对于网页中所采用的图档，通常会加入Width、Height这两个属性，这样就可以在加载网页的过程中为图像预留空间，在加载图片时，用户就可以先浏览其他已加载项目。如果没有这些属性，浏览器就不能了解图像的大小，也就不能为图像预留下合适的空间，这可能会给网页中其他元素的显示带来很大的延迟，从而影响用户的阅读。
2现今专业文学网站设计趋势
以前，做网页设计基本上都是用PS设计网页版面，仅仅是PS就可以满足用户的需求，但是现在互联网用户对网页设计的质量要求越来越高，没有内涵华丽的设计很快就会被遗弃。所以现今的设计趋势已经越来越重视网站的响应设计、持续联系以及虚拟现实。另外在版式设计方面也逐渐加入了一些“留白”的理念，“留白”发源于中国传统的虚实相生、阴阳辩证的哲学思想，发展于传统的绘画行业，表达一种“以无胜有，以简胜繁”的思想，这种设计理念与西方20世纪兴起的一些现代设计理念如出一辙。“留白”不是一个色彩的概念，而是一种形式的概念，通过欣赏者的审美联想和想象获得的一种“秒与生意，能不失真”的意想空间，从而使设计者能够更好地表达出设计的意图，将作品的视觉感染力加强。总之，一个好的文学网站的网页设计，不是只要有华丽的界面就可以，而是要在艺术和功能上做到两全其美。
2．1大背景图的网页设计
高清图片是一种可以产生极具视觉冲击力并迅速抓住读者视线的好方式，而且这些图片一般都是高质量写实的或者是抽象的精美照片，这些图片的用色和表现的内容都十分考究，并且趋向于一些比较柔和，比较透明的图片，不会影响到文字的阅读。不然再漂亮的图片，看起来和网站整体效果不协调，影响用户体验，也是白白浪费资源。除此之外，大背景图的运用还有一种方式，叫做拟真设计，听起来可能有点陌生，但是拟真设计就是和大背景图的运用相似的一种设计，它是指将界面元素设计成用户容易理解的，存在于现实世界中的实体。就文学网站，在书籍阅读的界面平台上，不单单是书籍内容完整无误的呈现，它的呈现方式可以像常见的平面媒体带给读者的愉悦体验一样。可以在书籍阅读的起始部分与结束部分分别放置图书原有的封面与封底;可以模仿纸张的材质，灵活设置;可以在文章的正文界面中配合插图，插图同文字共同营造书中的独特氛围，插图的类型可以配合文章的叙述情境进行绘制;可以与插画师合作，共同创造出良好的阅读环境，从而提高阅读质量和阅读效益。
2．2移动互联网时代
现在这个时代，智能手机几乎是人手一部，而且平板电脑、小型上网本随处可见。所以说，如今的网页设计已经不能只局限在普通电脑的显示效果上，还要考虑到更多的移动设备。但是，设计适合移动设备的网站不是去掉大量装饰，做得简单易于下载就可以，因为它不仅仅是变得简单，更是要表现出原网站的精华。另外，现在很多网站都推出了属于自己的方形的条形码，这种条形码被称为QR，全称就是QuickResponse。这个条形码就相当于一个快捷方式，让用户可以方便迅速地打开自己的移动网页。近几年来，移动媒体的优势越来越明显，利用这个优势所做的网页设计也是现在的热门。
2．3页面布局设计及特效设计
以前的网页设计，大部分都类似于书籍和杂志的版面设计。而随着互联网等各方面的发展，现在的设计更接近于影片的效果，更注重空间艺术，现在的网页设计已经不再是单纯的平面设计，而是立体设计、空间设计，致力于把浏览者带进一个现实的虚拟世界。我们都知道构成网站的是网页，网页本身也是很多个页面的总平面，所以说平面设计原则同样也适用于网页设计。但是网页设计的排版又是对平面设计的延伸，单独考虑平面设计原则的话，这样的网页设计是不能满足现在浏览者的需求的。在网页特效方面，文学类网站运用的不是很多。现在是一个注重用户体验的时代，适当地采用一些网页特效会给网站加分不少。比如说，视差滚动设计，让多层背景以不同的速度移动，形成一种类似于3D的视觉效果，吸引浏览者。但是值得注意的是，这种效果不适于导航。
2．4极简主义的运用
极简主义在早几年就流行起来了，但是在网页设计方面极简主义的影响力在近几年才逐渐大了起来。极简主义风格的网站设计，运行速度快，用户体验效果更好，接入也更加容易，所以无论哪一类型的网页设计都可以运用，文学类网站也不例外。但是就目前来说，还没有哪个国内文学网站尝试这种极简主义设计，因为接下来提到的文学类网站设计的一大要点，就是丰富的内容。但是，极简主义并不是把内容也变得极简。要知道极简主义有一个理念，少就是多，简洁就是丰富。所以说极简主义只是把不必要的东西去掉，使页面的每一个元素都和主题统一，用最简单的元素来传达更丰富的信息。
2．5丰富的内容
内容是一个网站的最有价值的部分，而对于文学网站来说，丰富的有价值的内容比起网站外观来要重要得多。但是做内容的建设时也要注意几点，首先，网站的内容要和网站的主题一致，不可偏离主题。其次，就是网站内容最好是原创内容。作为一个文学网站，不是说拿那些已经现有的作品就可以，还要有新的原创文学，大家没有看过的文学作品，这样才能让用户时刻保持对网站的新鲜感。最后，网站的内容要定时更新，并不是说有丰富的文学作品就万事大吉了，不然一个再好的网站不去更新内容，它也是一个死站。而且一般经常浏览文学网站的互联网用户对文学都是很有见解的，所以说作为一个专业的文学网站，为他们提供的不仅仅是一个文学资源库，更应是一个交流平台，让他们发表自己的原创文学及见解。
3文学网站中多媒体技术的运用
无论是图形文字，还是声音视频，设计者所要考虑的就是怎样才能使它们以最和谐的方式融合到网页这面大屏幕里。所以，多媒体技术的运用在这里必不可少。现在大部分的浏览器本身都可以支持在线播放或收听，比如GIF、JPEG图形和GIF89a动画。另外还有一些比较常见的插件，比如ActiveX，它可以播放更多种类的多媒体文件。总之，多媒体技术随着互联网的发展在网页设计中的运用也越来越多，也使浏览者能够体验到更加完美的浏览效果。在现今有很多网站设计都采用了flash软件来制作，用flash制作导航界面，随着鼠标的动作可以产生动画或者声音，让网页更有吸引力。而且制作flash时用的是矢量图形，它需要的内存和存储空间要比位图小很多。在网页设计中flash还具有一定的交互性，比如说网站导航栏动画、图片展示动画以及网站注册和登陆系统等等。在静态页面中，如果用到这些动画，一定能与浏览者有一个很好的互动，也能使网站看起来更加生动有趣。但是整体不可以太花哨，太杂乱，不然会使浏览者对该网页缺乏信任感。当然也有一些网站，为了表现自己的与众不同，使用flash来制作整个网站。而且设计制作flash时就已经包括网页内所有视听元素和版式的设计，并不会给人眼花缭乱的感觉。这样的flash网站，给人感觉都十分酷，给浏览者一种很特别的感觉，基本上可以完全调动浏览者浏览的积极性，同时给浏览者一种活跃的心理感受。总之，不只是文学网站的设计，所有的的网页艺术设计都需要大胆创新，需要不断地完善和突破，从而达到网络技术与艺术设计的完美结合，让浏览者获得最佳的阅读体验。
参考文献:
［1］王晓峰，焦燕．网页美术设计原理及实战策略［M］．北京:清华大学出版社，2009:8．
［2］张新伟．网页经典配色艺术［M］．北京:电子工业出版社，2009:6．
［3］郑国强．网页设计与配色实例解析［M］．北京:清华大学出版社，2012:6．
［4］张磊．专业色彩搭配手册:网页配色［M］．北京:北京希望电子出版社，2011:11．
［5］刘鹏．浅谈网页色彩的编排设计［J］．科技创新与应用，2012，(1)．
［6］李立伟．浅谈网页色彩设计［J］．郑州轻工业学院学报，2007，(2)．
关键词：网页界面设计；视觉要素；
中图分类号：TP393.092 文献标识码：A 文章编号：1007-9599 (2012) 10-0000-02
一、网页界面设计的特征
网页界面设计是一将艺术与技术相结合的一门学科，早期人们会有一种误解，认为网页设计主要体现在“技术”的应用上，而忽视了“设计”的层面，导致许多网页布局不合理、页面平淡无奇、内容杂乱无章等。因此，在充分传达内容和信息的基础之上，网页界面还必须具备一定的艺术特征，这种艺术是基于功能性之上，并且为其服务的。
（一）以功能性为主
网页界面设计和平面设计一样，必须遵循一定的设计原则，在必须具备平面设计特征的同时，网页设计还具有其特有的基本特性。网页界面设计应时刻围绕“信息传达”这一主题来进行。因此，它是一种以功能性为主的设计。主要体现在以下两个方面：
1.信息传达的功能
网页界面设计以信息传达为主要功能，并且信息必须准确、清晰明了，具有明确的受众对象和宣传目标，注重时效性。
2.一定的审美功能
网页界面的审美功能具有一定的综合性。以内容为主，艺术为辅，除了界面布局合理，色彩搭配美观，有清晰的导航功能，内容吸引人等，还必须考虑到用户操作的简易性和信息接受心理等因素。
（二）形象明确，易于接受
格罗佩斯在他的《艺术家与技术家在何处相会》一文中提到：“如果物体的形象很适合于它的工作，它的本质就能被人看得清楚明确。”明确地指出了“形象”在信息传递和接纳过程中所起到的重要作用。
人们在接触外界事物的时候，总是先通过视觉来接受信息，从而触发一系列的心理活动。例如：看到天空飞翔的小鸟，会联想到自由，看到长城、故宫，会联想到中国传统文化。因此，在设计网页界面的时候，必须以通俗易懂的形象来传递信息，同时，也要考虑到网页受众的年龄、职业、文化层次、兴趣的差异性，尽可能地使用简单的宣传形式来满足所有层次的受众。在可口可乐的网页中，用户可以从水珠、人物等形象中充分联想到活力四射、清凉的感觉，形象通俗易懂，传达的信息易于接受，具有良好的传达效果。
二、网页界面设计的视觉构成要素
网页无论其类型、大小、功能，风格，其具备的基本要素都是一致的，与平面设计相比，除了图像和文字之外，网页界面包含更多的要素，如声音、视频、动画等多媒体要素，以及由Javascript、VBscript等动态语言实现的网页特效和交互功能。
（一）网页界面中的文字设计
文字是网页界面的主体，也是传达网页信息的基本载体，虽然在今天多媒体元素的种类繁多，但文字依然占据它不可取代的地位，因为文字具有存储空间小、易于下载和显示的功能。
网页界面中的文字分为两种：ASC文本和像素文本。网页中大部分文字都是直接在HTML代码中编写，或者在dreamweaver设计窗口中自行输入，这部分文字主要以ASC码存储，占取空间小，易于修改和编辑，在排列文字样式的时候，一定要结合CSS样式表来排版，CSS样式表的强大功能可以同时对文字的字体、字形、大小、颜色、间距、边距和特殊效果等进行精心的设置，以达到较好的浏览效果。但是如果在网页中使用特殊字体，不同的用户可能由于未安装此字体而无法正常显示，所以，有的时候我们可以把文字在photoshop或者fireworks等图像图像处理软件中保存为jpg或gif格式的图片切片，再应用到网页界面中，这样就可以达到任意想要的艺术效果了。像素文本主要应用于网页界面中的标题、LOGO、Banner或者广告的部分。
（二）网页界面中的图形图像设计
图形在网页界面中占据着十分重要的地位。在上网浏览时，图形图像往往比文字更容易吸引用户的眼球，因为它可以最直观、最形象地表达网页的主题，其给人的视觉印象往往比文字要强烈得多。
图形必须要符合网页的主题，每张图片都必须要有其存在的价值，善用图形，可以生动形象直观地表达网页的主题，增强网页的宣传力、号召力和感染力，吸引浏览者的注意和兴趣。网页中的图形格式主要有：JPG、GIF和PNG三种。JPG具有压缩比高、压缩质量好、色彩连续性强的特点，因此，使用最为广泛。GIF虽然色彩数目不如JPG，但是可以制作透明背景，以及动态图像，也被大量应用于网页界面中。PNG是Fireworks的默认图像文件格式，集前者的优点于一身，可以对图像进行全面的优化并且导出任何想要的格式。所以，根据图形图像的使用功能，合理地采用这三种格式，是网页设计人员必须掌握的技能。
（三）网页界面中的色彩设计
1.色彩设计的基本作用
色彩对于事物的表现能力有着其它形式无法比拟的超强效果。作为一个网页设计师，只有掌握色彩的原理，熟知各色彩间的相互关系及各种色彩的生理或心理作用，结合自己所具备的平面构成知识，在网页设计中准确用色，才能实现传达特定信息和渲染页面的效果的目的。色彩在网页设计中起着重要的作用。首先，彩色网页较单色网页更具吸引力；其次，色彩本身具有象征作用，浏览者易于产生联想；第三，彩色网页具有赏心悦目、装饰性强等特点。
2.网页界面中色彩搭配的技巧
用一种色彩。这里是指先选定一种色彩，然后调亮度、透明度或者饱和度，生成新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。
Wikispaces概述
Wikispaces是一个协作性的网站(网址是省略/),提供无限量的使用者和页面以及可视化的页面编辑工具。
因其简单易用性,在美国中小学、高校和企业界得到了广泛的应用。Wikispaces主要面向商业机构、非营利性组织、中小学和高校,目前拥有500多万名会员和197万Wiki。
Wikispaces具有以下特点:
注册会员可以自己制作网页,并支持信息、文件和图片的上传,音频和视频,协作讨论,以建立自己的网络空间。
管理者可以自定义页面主题和颜色,并拥有强大的数据统计功能。
Wikispaces开发了四种版本的Wiki,分别是基本版、增强版、高级版和私人版。基本版完全免费,后三种都是需要付费的版本。基本版为Wiki提供了公共和受保护的两种权限模式,基本版的一个缺点是页面的右边会有Google公司的广告。增强版可以自己建立一个免费的广告页面,也可以自己设定页面主题,而且所有有关Wiki页面内容的信息都运用SSL加密机制。高级版比增强版拥有更多的功能,上传文件的最大值是50M,可以把Wiki地址设置在自己的域名里或Web服务器上,还提供了网络文件夹的功能,通过网络文件夹可以更方便地访问自己的文件或网页。私人版能够完全管理自己的Wiki环境,可以创建无限量的Wiki和使用者账户,对自己的站点拥有完全的管理权限。私人版适用于想对自己的Wiki环境进行完全控制的组织,如高校或企业。
Wikispaces定义了四种类型的使用角色,分别是管理者、成员、使用者和访问者。管理者拥有最高的权限,可以邀请成员加入自己的Wiki,批准想加入自己Wiki的申请,可以删除页面、更新或删除Wiki,也可以决定某个Wiki是公共、受保护还是私人的。成员可以浏览和编辑Wiki,可以向Wiki上上传图片或文件,也可以决定更改该Wiki为公共、受保护或私人三种权限中的任意一种,成员也可以被管理者提升为管理伙伴或从管理伙伴降级为成员。使用者可以浏览具有公共权限和受保护权限的Wiki,在公共Wiki上创建讨论页面。访问者可以浏览公共权限和受保护权限的Wiki,可以编辑公共Wiki但不能够创建任何新的页面,也不能够在讨论页面留言。
Wikispaces功能介绍
1.创建Wiki页面
在Wikispaces的首页注册登录后,系统提示新建Wiki,点击Create a New Wiki(新建Wiki)后,进入新建Wiki的页面。在填写Wiki名称、选择Wiki权限和Wiki类型后,点击Create(创建),就新建了一个Wiki(笔者在Wiki名称栏填写了yellowleaves,Wiki权限栏选择了Protected――受保护的一种模式,Wiki类型选择了K-12――中小学教育具有一定的免费优惠)。页面创建好后系统会弹出Home(首页)帮助页面,其对如何编辑首页进行了详细的说明。点击各个条目,就会链接到详细的说明页面。若不小心关掉了帮助说明页面,可以单击右上角的Help(帮助)按钮,使该页面重新显示出来。
关掉首页帮助页面,单击右上角的Edit(编辑)按钮,就进入了首页的编辑状态。编辑栏的编辑工具包括字体的设置、文件和图片的上传、插入链接、插入表格和嵌入小部件,网页编辑好后可以通过Preview(预览)按钮预览页面效果,若对该页面效果感到满意,就单击Save(保存)按钮,对刚才编辑好的页面进行保存。
2.管理Wiki页面
页面编辑好后,就需进行必要的管理和维护工作,单击页面左上角的Manage Wiki(Wiki管理)按钮,就进入了Wiki的管理界面。Wikispaces的管理界面由内容、人员、设置和工具四个部分组成。
(1)Content(内容)
内容包括Pages(网页)、Files(文件)、Tags(标注)、Templates(模板)和Recycle Bin(回收站)。
网页主要包括三个方面的内容,页面名称、最后编辑人员的姓名和该页面的更新日期。此外还可以对某一个页面进行锁定、解锁和删除的操作。
文件页面统计了上传文件的名称、类型、上传者和更新日期四个方面的信息,并可以在该页面删除不需要的文件。
标注主要包括标注的名称、页面的使用次数、最近使用的时间和标注动作。标注动作分为重命名和删除两种。
模板主要是让使用者创建自己的页面模板,创建时需要输入模板名称和开始使用模板的页面号码。
回收站保存了删除的页面,若是不小心删除了原本不想删除的页面,就可以在回收站中选中需要恢复的页面,点击Restore(恢复)按钮,该页面就可以恢复到删除前的状态。
(2)People(人员)
人员包括Members(成员)、Permissions(权限)、Invite People(人员邀请)。
成员主要包括成员、有待处理的成员申请和邀请新的成员三个方面的内容。邀请新的成员只要在文本框中输入被邀请人的E-mail地址或Wiki的注册名就可以了,有待处理的成员申请显示了申请人的姓名、申请日期、留言和身份,这有利于管理者进行处理,而成员则可以对某个成员进行删除、升级为管理伙伴、把管理伙伴降级为成员的操作。
权限是对Wiki、访问和页面权限进行的设置。Wiki权限分为公共、受保护、私人和自定义四种。公共和受保护是免费的,每个人都可以访问,但只有是公共权限的Wiki,访问者才可以编辑。私人和自定义是需要付费的,Wiki管理者拥有较高的管理权限。自定义权限是付费模式,由Wiki管理者自己决定哪些人可以浏览、编辑、创建Wiki页面和在讨论区发起讨论。页面权限则用以改变某一个页面的访问权限。
(3)Settings(设置)
设置包括Look and Feel(外观和视觉)、Wiki Info(Wiki信息)、Subscription(订阅信息)、Domain Name(Wiki域名)和Content Manager(内容管理器)。
外观和视觉包括主题和颜色、Wiki样式表、标志和广告四个部分。在主题和颜色栏目里,系统预定义了13种不同的主题样式和颜色,选择其中的一种可以进行预览或应用,管理者还可以在预定义样式中选择“预览和自定义”按钮对背景颜色、标题颜色、按钮颜色和链接颜色进行设置。此外,在付费模式下,管理者还可以自定义自己喜爱的主题。
Wiki信息包括Wiki信息、SSL(安全接口层)设置、讨论区设置、Google数据统计分析设置、许可设置。Wiki信息有Wiki名称(笔者创建的Wiki名称是yellowleaves),域名和描述。SSL设置是为了保证页面信息传递的安全性的一种机制,该机制需要付费。讨论区设置可以选择在Wiki中使用讨论的方式,分为页面没有讨论区、每个页面有一个讨论区、整个Wiki只有一个讨论页面三种形式。Google数据统计分析设置提供了Wiki的流量分析和统计数据,该功能也是需要付费的。许可设置是为维护知识产权而进行的设置,默认的是以创造性的共同贡献的方式共享。
订阅信息则显示了当前Wiki是基本版、增强版还是高级版的状态。Wikispaces公司最近为用作K-12的Wiki进行了免费升级,可以享受在增强版中需要付费才能享受的功能。要实现升级,只需点击订阅信息页面底端的升级按钮进行升级即可。
Wiki域名提供了Wikispaces的标准域名和自定义域名,标准域名是以.省略结尾的(笔者的域名是yellowleaves.省略),而自定义域名可以把.省略任意改为其他的名称,当然,自定义域名是在付费之后才能够使用。
内容管理器记录了管理页面的名称,最新编辑的时间和页面编辑的动作,在内容管理器中可以新增加管理页面。
(4)Tools(工具)
工具包括Notifications(通知)、Wiki Statistics(Wiki数据统计)、Space Usage(空间使用统计)、Badges(Wiki徽章)、Web Folders(网络文件夹)、Import Blog Post(嵌入博客)、Exports(导出Wiki)和Delete Wiki(删除Wiki)。
通知,可以通过页面名称来查找发生改变的页面,也可以通过邮件或Wiki订阅器的方式来访问发生变化的页面。
Wiki数据统计则是统计每一个月Wiki的浏览次数、特殊访问者的人数、编辑的次数、信息的条数、编辑者的人数和访问比例居于前十的国家的名称。
空间使用统计显示了该Wiki拥有的总空间大小,已使用的空间大小以及页面占用空间的大小、文件占用空间的大小和导出的Wiki所占用空间的大小。
Wiki徽章提供了小图片徽章、大图片徽章和不断变化的徽章三种徽章形式。
网络文件夹可以通过URL地址链接到网络文件,方便对文件、页面的浏览和编辑,在付费模式下还可以上传、重命名或删除各种文件和Wiki页面。
嵌入博客是在URL文本框中输入博客的链接地址,点击Find a Blog Post,就可以在Wiki页面中嵌入博客。
导出Wiki可以把Wiki导出成内容格式为HTML、WikiText或PDF,文件格式为Windows.zip或Unix.tgz的文件。这有利于Wiki内容的备份。
删除Wiki页面提供了是否确认要删除Wiki的提问信息,用以提醒管理者。
Wikispaces与其他Wiki系列平台的对比分析
Wiki是一种在网络上开放、可供多人协同创作的超文本系统。现今网络上影响力最大的Wiki当属Wikipedia(维基百科)。
随着网络技术的发展和Web2.0时代的到来,Wiki走向了免费开源的新阶段。目前比较常见的Wiki平台有Wikipedia、天下维客以及开源平台doku、moinmoin、pmWiki、XWiki、TWiki等。
1.Wikispaces与Wikipedia的比较
Wikispaces与Wikipedia在协作性、知识构建方面具有相似性,但二者在知识的专业性和页面管理方式这两个方面存在较大的差异。
(1)知识的专业性
Wikispaces与Wikipedia的最大区别是,Wikispaces在知识构建和积累的专业性方面比Wikipedia要好。Wikipedia是一部人人可编辑的自由百科全书,每个人不管其知识层次的高低、知识专业性与否,都可以以自己对世界的认知,对Wikipedia上的条目进行编辑修改,而Wikispaces主要面向中小学、高校、企业等专业性强的组织机构。教育机构作为知识传承的殿堂,企业作为市场经济竞争的主体,都对知识的专业性有很高的要求。
(2)页面管理方式
在Wikipedia上,除了网站的管理者外,每个Wikipedia爱好者和条目编辑的参与者的权限是一样的,除了被管理员设为“被半保护的页面”之外,每个人都可以对他人的页面内容进行编辑修改。缺乏权限控制的编辑方式,虽然为知识的构建创造了一定的条件,但也给页面内容的权威性和可信度打了一定的折扣。
Wikispaces除了网站的管理者外,注册会员对自己的Wiki拥有一定的管理权限,可以对邀请加入自己Wiki的成员进行多种身份的限定,这有利于页面内容的管理和稳定的人际关系的形成,从而在一定程度上保证了知识的权威性和可信度。
2. Wikispaces与天下维客的比较
天下维客是基于Wiki技术的公益性知识网站,目标是与网友共建开放的在线知识库,以建立开放的在线学院,其管理模式与Wikipedia没有多大的区别。Wikispaces的目标定位不是建立开放的在线学院,其目标人群是中小学、高校和企业界的人士。
3. Wikispaces与开源平台的比较
Doku、XWiki等开源平台主要面向Wiki网站的搭建,这不仅需要相关平台的安装知识,还需要能够安装平台的服务器或服务器空间,如果希望自己搭建的网站能够被人访问,还需要购买域名并绑定到该服务器空间上,一个Wiki网站每年需要花费不少的费用。
对于个人,使用Wikispaces提供的基本版完全能够满足需求,不需要懂得如何搭建和维护网站,也不需要购买服务器或服务器空间和域名以支持网站的运营。中小学校可以免费使用Wikispaces提供的增强版的功能,来搭建学习交流的平台。即使是需要付费的高级版和私人版的功能,对高校和企业来说收费也不算贵,同时省去了搭建网站所需的运营管理费用和系统升级与维护费用。
关键词:网页；构成概念；平面构成基本特点；平面构成形态要素；平面构成形式
现今,网络已经成为现代社会不可或缺的好帮手,人们从网络中能够获得大量的信息,其中网页对于人们的帮助是不容忽视的;如果说网址是互联网最基本的组成部分,那么网页就是网址最基本的元素。他们是通过各种链接相互关联,从而描述相关的主题或实现相同的目的。网页是由文本、图象、Flas、声音、视频、超级链接、表格、导航栏、交互式表单等基本元素构成,而这些元素从构成形式上看就是简单的点、线、面等基本元素经过了艺术创造,变得更加的有质感；就拿文本来说,文本作为网页中的基本元素，与平面构成中的点元素有着相同的作用――点睛之笔。再从构成的含义来说，它首先是一种造型的概念。所谓构成就是以数种以上的单元重新组合成为一个新的单元。然而构成它更多的是哲学和科学的含义:即“对象世界诸要素的分解与组合,使新的功能显现。”构成是创造形态的方法,研究如何创造形象,形与形之间怎样组合,以及形象排列的方法,可以说是一种研究形象构成的科学。
一、平面构成的发展及其基本特点对于网页设计而言所代表的意义
平面构成是设计中最基本的训练,是在平面上按一定的原理设计、策划多种视觉形式。我们学习构成不是目的,而是形成目的的手段,是一种思维方式的训练、分析和实验,最后通过这种思维方式的开发,培养一种创造观念,使我们有更多的想象力和创造性,开拓设计思路。那么,对于平面构成的发展,就要从包豪斯及其风格对现代设计的影响开始说,1919年,格罗佩斯在德国创办了一所名叫包豪斯的设计学府,是需要具备充分的能力,运用所有科学、技术、知识和美学的资源,创造一个能满足人类精神与物质双重需要的新环境,以“提倡艺术与技术的统一”作为教学理念。平面构成从包豪斯的教学理念中衍生而来,他不是以表现具体的物象为特征,但是它反映了自然现象运动变化的规律性。可以从两个方面来谈它的基本特点:第一是它以直觉为基础;用最简单的点、线、面进行分解、组合、变化,反映出客观现实所具有的运动规律。第二是它是一种高度强调理性活动的、自觉的、有意识的再创造过程。
二、平面构成的形态要素在网页中所起的作用。点、线、面是平面构成中的三个形态要素
（一）点表示位置,它既无长度,也无宽度,是最小的单位
它在平面构成中的概念只是一个相对概念,为什么这么说呢?因为它是在比较中而存在，通过比较而显现;这样说吧,同一个圆,在小的框架里圆显得很大,在大的框架里圆则显得很小,这就是点的相对概念。很多人都认为点是小的,而且还是圆,实际上这种认知是错误的,自然界中的任何形态,只要缩小到了一定的程度,就能够产生不同的点,点是视觉中心,所以说,在网页中的每个字都可以看作是点,由字排列出的文本就形成了构成中所说的线及面了。
（二）线是点移动的轨迹
从平面构成来讲,线是可以看的到的,它既有长度,也有一定的宽度和厚度,在设计中是不可缺少的元素。只要提到线,大家直接就能够说出线的分类,既直线和曲线。而直线和曲线对于人们来说，是有很强的心理暗示作用,看到直线,人们就会想到静;看到曲线,大家又能联想到动;直线具有男性的特点,而曲线具有女性的特征;在很多网页页面设计上都运用到了线的特性。
（三）面是线的连续移动至终结而形成的
面是有长度、宽度的,只是没有厚度而已。比如说直线平行移动形成长方形;直线旋转则移动而成圆形;自由弧形移动就会构成有机形;如果直线和弧线结合就形成了不规则的形。在网页设计中出现的图像、动画、交互式表单等都是由不同的点、线连续移动形成的面,给网页一个完美的效果。像那些企业网站、购物网站、音乐网站以及游戏网站等,他们的网页界面设计不仅有丰富的色彩吸引大众,还有不同设计风格的构成形式更让大家流连忘返。
三、平面构成形式在网页中的具体运用
平面构成设计是有组织的、有秩序地进行排列、组合、分解,因此它也是必须遵循一种原则和设计形式。平面构成中的形式大量被运用到网页界面中。
（一）重复构成在网页中的艺术魅力
重复在构成中的概念被人们理解为”相同或相近的形态连续地、有规律地反复出现”或者是”把视觉形象秩序化、整齐化,在图形中可以呈现出和谐统一富有整体感的视觉效果”。其实就象复印机复印东西一样,就是我们所理解的重复。在网页界面中,重复其实是被运用的最多的一种形式,比如说像购物网站中的购物、收藏等按钮,就是运用了重复,在购物网站中,不可能只有一种物品,如果要向广大消费者推销更多商品,那么在网页中出现”购买”和”收藏”按钮,就要设计更多,让大众有更多的选择机会,才能提升该网页的点击率。
（二）对比构成在网页中的表现对浏览者的心理带来的影响
对比是一种很自由的构成形式,它并不是以构成中的骨骼线为限制,而是依据形态自己本身的大小、疏密、虚实、现隐及形状、色彩和肌理等方面的对比而构成的。如果说协调求的是近似的话,那么对比则求的就是差异。在自然界中,白天与黑夜、肮脏与干净、温暖与寒冷都是对立的结合,当图形处于一种相异的状况时,就会发生对比,像大小、长短、黑白等就是明显的对比。在有的被文本占去大面积的网页界面中，为什么会出现图片、flas,甚至还会出现漂浮图片,除了丰富界面以外,还有一种影响浏览者心理的作用,其实网页界面中的文本与图片、动画、漂浮图片形成一种对比,这和浏览者心理有关系吗?当然,而且关联很大,如果在一个网页界面中,只有文本的话,那么这样的网页会给人一种什么感觉呢?乏味、枯燥、单调,而浏览的人可谓是寥寥无几,加上图片、动画,甚至时不时的冒出漂浮图片,不仅仅让网页界面内容显得丰富多彩,更让大众对网页的内容产生浓厚的兴趣。万事万物除了遵循他们本应该遵循的规则外,偶尔的对立也能起到一定的催化剂,就如对比构成在网页中给大众心理所带来的影响作用。
四、结束语
因为有了网络,让人类能够更加方便、快捷地查询信息;因为有了网站,让人类能够更加懂得如何去获取新的信息;因为有了网页,让人类能够及时获得最新信息。网页界面设计的美观、新颖、时尚,让大众更愿意了解网页!如今,网页已经成为广大消费者生活中不可或缺的一部分,网页能够为人们注入更多的新鲜血液。
参考文献：
[1]洪兴宇编著 新编平面构成（M）辽宁美术出版社 1999-12；
多媒体设计
多媒体技术是指将多种单媒体复合而成的技术。多媒体技术融合了各种视觉和听觉媒体，包括动画、文字、图形、图像、语言、音乐和立体声响等，多媒体网页UI界面可以让用户同时接受多样的媒体信息来源。网页UI界面设计中使用多媒体技术可以体现以下几个特点：1）集成性，对远程多媒体的影音信息统一取得与。2）交互性，人性化的实现信息传播，能够主动选择和控制信息流方向。3）非线性，创建了超文本链接方法，把灵活展示浏览内容。4）实时性，实时控制多媒体信息，及时配合用户指令。5）动态性，用户可以按照自己的需求选择信息使用方式，甚至重组信息的各种表现形式。
网页交互设计
交互设计需要解决的是人与机器之间互动的问题，是表现层的东西，好的交互设计方案能够让用户感觉网页非常好用。怎样的网页交互设计才算是好的方案呢？1.让人有耐心等待。根据网络调查，大多数用户对网页打开的等待时间最多坚持5秒钟，如果5秒内页面都不能打开，那这个页面上的内容将没有任何意义都就将。所以在交互设计时，需要考虑网页等待时给用户提供的信息。最好的方式是反馈，当用户等待时，告诉用户他的操作是否成功并且将剩余的等待时间实时呈现，这样就能有效解决用户不能耐心等待的问题。2.让人不用动脑筋想。好的网站能够帮助用户快速完成任务，要达到快速完成任务的目的，交互设计必须使页面简单，尽量让用户浏览时不收不必要的干扰，最好能够符合用户心智模型。因为，大部分的用户在浏览网站时希望的是能快速找到勉强应付的方案，而不愿意主动寻找方案，百分之八十的用户只会用百分之二十的功能。
网页UI界面设计展望
目前，网页UI界面设计主要是三维的视觉界面和二维的图形界面，同时辅以动画、声音等多媒体插件布局设计。随着计算机技术的不断发展，三维立体的操作界面系统会在网页设计中逐步普及，三维立体界面的直接操作是虚拟现实（VirtualReality）交互性的一个重要表现方式。三维虚拟空间中的直接操作包括平移、拾取和旋转等操作，例如如今比较前沿的3D影装和多点触控技术。三维直接操作使得网页UI界面设计不再仅仅局限于视觉效果的三维变换，可以实现类似于四维空间的人机直接交互，从而更好的完成用户操作。
