2024年谈谈对网页的设计(22篇)

谈谈对网页的设计 第1篇

阿捷经常收到的来信问题就是：我制作的主页如何能在不同分辨率下保持不变形，如何能在IE和NC下看起来都不至于太丑陋，如何设置字体和链接颜色....等等,阿捷将在下面几篇文章里为大家详细介绍。

首页设计是整个网站设计的难点和关键，阿捷希望能够通过和大家的交流，总结出一套较为合理易学的设计方法，从而举一反三，使我们能够更加轻松的完成整个站点的设计制作。如果你愿意将你的心得体会和大家分享，请来信ajie@,谢谢！

设计首页的第一步是设计版面布局。

版面指的是浏览器看到的完整的一个页面（可以包含框架和层）。因为每个人的显示器分辨率不同，所以同一个页面的大小可能出现640*480像素,800*600像素,1024*768像素等不同尺寸。

布局，就是以最适合浏览的方式将图片和文字排放在页面的不同位置。你可能注意到：“最适合”是一个不确定的形容词，什么才是最适合的呢？抱歉的是阿捷不能也不可能给您一个完整的正确的答案。就好比有人希望知道成功的秘诀是什么，成功者只能建议您用什么方法，什么途径才能最容易获得成功，而不可能有一步成功的_秘诀_告诉您。

我们在设计思考系列文章第四篇讲过站点整体的创意，版面布局也是一个创意的问题，但要比站点整体的创意容易，有规律的多。让我们先来了解一下版面布局的步骤：

谈谈对网页的设计 第2篇

关键词：格式塔网页设计视知觉

引言

格式塔一词来源于德文“Gestalt”的音译，本意指的是形式、形状、方式、实质。格式塔心理学是一种与艺术有缘的心理学理论，其主要目标是探讨视觉感知及其与学习、思维的关系，它所研究的出发点就是“形”，“形”是经由知觉活动组织成的经验中的整体，与视知觉活动密不可分。而网页界面设计是视觉传达设计向网络媒体的延伸，主要是通过浏览者的视觉感知来接受网站信息。因此，研究格式塔理论在网页界面设计中的运用，无疑对网页界面的设计具有很大的指导作用。

格式塔理论在网页界面设计中的应用

1.图与底

在人的知觉系统中最基本的一种知觉能力是在图形与背景间作出区分。“图”是居于前部的区域，“底”被看成是用来衬托图的背景。相对而言，图比底，轮廓较为完整、封闭，形状较为规则，面积比较小，色彩比较鲜艳；此外，更重要的是，能组织成为一定意义的区域倾向于被感觉成图。

由于图与底之间存在的这种相对性质，在网页设计中，应当明确区分图与底，主体与背景。另外,主体自身结构要清晰明了，背景不能过于复杂，这样才有利于浏览者辨别需要了解的信息。在背景的色彩搭配上应尽量选用同一色系的颜色，尽量避免同时使用色相环中相对的颜色，大面积同一颜色宜采用低对比度，避免用强烈刺激的颜色引起浏览者的视觉疲劳与厌烦情绪。格式塔理论的图－底规则不仅说明了主体从背景中分离出来的条件,而且指出了背景在一个格式塔中的重要作用。因此在网页设计中我们同样不能忽视背景的作用，图形是依赖于背景而存在的，要使主体感到存在，必然要有底将它衬托出来。因此无论在文字、色彩、图像，还是动画和视频方面都要坚持图底原则。

2.简明原则

格式塔心理学家认为，人们的知觉有一种“简化”倾向，所谓简化并非仅指一般意义上的“简单”，即物体中包含的成分少或成分之间的关系简单，而是一种将任何刺激以尽可能简单的机构组织起来的倾向。我们的眼睛只能接受少数几个不相关联的整体单位，如果一个格式塔中包括太多不相关的单位，眼睛就会试图将其简化，把各个单位加以组合，使之成为一个知觉上易于处理的整体，否则，整体形象将无法被正确感知，这种形象势必会被人们忽视，以至拒绝接受。

我们可以将这一观点延伸到网页界面设计中。首先，在网页界面结构的设计上，应避免使用过于复杂的网格结构，结构的设置应尽量简单明了，符合人的视觉流程，也符合人们对规则形的喜好，利于浏览者以最短的时间找到最需要的信息。

其次，在图像的选择上，应避免使用过于繁复杂乱的、容易分散浏览者注意力的图像，这样会增加浏览者找寻信息的难度。

谈谈对网页的设计 第3篇

1.色彩的鲜明性。网页的色彩要鲜艳，容易引人注目。

2.色彩的独特性。要有与众不同的色彩，使得大家对你的印象强烈。(参考设计思考第二篇网站CI的标准色彩一节)

3.色彩的合适性。就是说色彩和你表达的内容气氛相适合。如用粉色体现女性站点的柔性。

4.色彩的联想性。不同色彩会产生不同的联想，蓝色想到天空，黑色想到黑夜，红色想到喜事等，选择色彩要和你网页的内涵相关联。

谈谈对网页的设计 第4篇

比如Webdesigner(网页设计师)，我们将其中的E字母大写一下: wEbdEsigEr，感觉怎么样，这其实就是一种创意！

创意并不是天才者的灵感，而是思考的结果。根据美国广告学教授詹姆斯的研究，创意思考的过程分五阶段

1.准备期--研究所搜集的资料，根据旧经验，启发新创意； 2.孵化期--将资料咀嚼消化，使意识自由发展，任意结合； 3.启示期--意识发展并结合，产生创意； 4.验证期--将产生的创意讨论修正； 5.形成期--设计制作网页，将创意具体化。

谈谈对网页的设计 第5篇

这个“整体形象”包括站点的CI（标志，色彩，字体，标语），版面布局，浏览方式，交互性，文字，语气，内容价值，存在意义，站点荣誉等等诸多因素。举个例子：我们觉得网易是平易近人的，迪斯尼是生动活泼的，IBM是专业严肃的。这些都是网站给人们留下的不同感受。

风格是独特的，是站点不同与其他网站的地方。或者色彩，或者技术，或者是交互方式，能让浏览者明确分辨出这是你的网站独有的。例如新世纪网络()的黑白色,网易壁纸站的特有框架,即使你只看到其中一页，也可以分辨出是哪个网站的。

风格是有人性的。通过网站的外表，内容，文字，交流可以概括出一个站点的个性，情绪。是温文儒雅，是执著热情，是活泼易变,是放任不羁。象诗词中的“豪放派”和“婉约派”，你可以用人的性格来比喻站点。

有风格的网站与普通网站的区别在于：普通网站你看到的只是堆砌在一起的信息，你只能用理性的感受来描述，比如信息量大小，浏览速度快慢。但你浏览过有风格的网站后你能有更深一层的感性认识，比如站点有品位，和蔼可亲，是老师，是朋友。

看了以上描述，你可能对风格是什么可能依然模糊。其实风格就是一句话：与众不同！

谈谈对网页的设计 第6篇

信息构建是“定义和控制界面并整合系统各组成部分”的一种机制，个人信息系统的规模和复杂程度正在不断增加，从而促进了构建程序在范围、组织影响和处理过程等方面比早期的独立应用范围要广泛得多。

第一代信息构建于80年代公开和描述，它是用于开发独立应用的，主要描述从需求、设计、构造到最后的交付使用这样一个过程，其重点是一个独立系统的开发。第二代则是将信息构建的思想融入企业级的若干个应用的综合。

另一个特征就是第一代和第二代的信息构建强调的是技术解决而不是组织对信息的使用。在当时社会中的很多领域都希望能开发、分享和管理信息。对大部分组织来说，仅仅拥有一个网站、电子信息管理系统就足够了。然而，时过境迁，人们终于意识到必须把信息作为组织中的一种资源来看待。

二、现代图书馆信息构建

（一）概念解析

20世纪90年代初，Web的形成和基于Web浏览器的发明，大大推动了因特网向全球发展。同时，作为企业管理中的一个重要职能知识管理的出现，使得人们的争论越来越多地涉及到信息内容和内容管理上来，从而提出了以信息为中心的第三代信息构建。第三代与前二代信息构建的主要区别在于：

1．第三代信息构建强调信息作为一种竞争资源的使用价值，区别于支持系统的技术。单方面关注由技术构建出的一个信息体系就像是用烹饪工具装设一个厨房而来制作一顿晚餐一样，它忽略了烹饪原料的质量。用户和信息建筑师都是通过掌握“信息的信息”从更深层次来理解信息的使用。这种理解超出对信息本身及其结构的简单定义，通过一些数据、图案、指南来引导用户使用信息。同时，用户和信息建筑师也通过“信息收益率”来评价信息构建的质量。

2．由于在第一代和第二代信息构建中所使用的单一图表过于简单化，不能传递太多信息，所以需要用一系列的图表来描述问题。第三代信息构建便是通过反映信息的这种多维复杂性以及描述构建中不同认识维度的各个关键因素来解决问题。

3．早期的信息构建概念忽略了该概念的背景和理论基础，或者将其简单化。基于一些不适当的设计原则，信息构建是很难实现的，如信息构建中对度的整合。今天的信息构建要考虑到整个体系中各元素的整合以及体系中各组成部分的再使用问题。

（二）与其它概念的联系

1．信息构建与信息设计。信息构建的重点在于内容以及以用户为中心，特别是复杂的网站建构。主要成分包括：虚拟设计：版面与信息的图表设计，使得交流的效用最大化；交互设计：设计网页上动态成分或软件应用，可以使用户完成特定任务；用户的经验设计：建立一个完整的基于用户需求的经验数据库；可用性：对一个系统进行评价，确保其易用性和有效性，然后，将评价结果融入到设计过程中去。

信息设计偏重于文献内容、结构和外形的结合。它不只考虑文献的内容本身，还将文献作为一个整体，进行多元化的整合。相比较而言，信息构建更侧重于内容的概念设计。

2．信息构建与信息管理。信息管理是一个比信息构建更为成熟和固定的领域，它是以数学、管理科学、信息科学等学科为基础，涉及多门学科（理、工、农等）、多个领域（经济、管理、法律等）的综合叉学科。二者都与信息科学（如信息的描述、辞典的设计、信息检索等）有着很多联系。信息建筑师与信息管理专家对信息组织、建立有效的内容管理战略以及为用户提供有效的访问途经等方面都有着很大的热情。同时，他们也都受到网络信息泛滥的矛盾冲突以及经济不稳定等多方面的冲击。狭义的信息构建，即网站信息构建，这是当今信息构建应用最为广泛、最为成熟的领域。广义的信息构建，即不仅要考虑信息，而且更要对组织机构中的信息服务与信息相关部门及其人员的整合与合理配置，包括技术层面、管理层面以及信息系统的结构构建。因此，广义的信息构建更接近于现代信息管理的理念。

3．信息构建与信息管理构建。信息管理构建是当代出现的虚拟企业组织中为了管理生产计划信息和控制信息而产生的。它不仅要考虑商业数据，还要考虑技术方面的数据。信息构建是“组织信息和设计信息环境、信息空间或信息体系结构，以满足需求者的信息需求的一门艺术和科学”，涉及到图形设计、人机交互和界面设计，目的是帮助人们成功地发现和管理信息，侧重于用户和信息。

三、网络信息构建

网站信息构建是指借助图形设计、可用性工程、用户经验、人机交互、图书馆学信息科学等的理论方法，在用户需求分析的基础上，组织网站信息、设计导航系统、标签系统、索引和检索系统，以及负面内容布局，帮助用户更加成功地查找和管理信息。

网站信息构建的主要内容包括：

（一）内容组织

一般通过字母顺序或地理位置构成来组织图表。一些模糊图示法也很有帮助，但不太准确。现在比较有名的如Yahoo网页上的杜威十进分类系统。图表一般独立于用户界面。界面改变并不影响到图表。另外，为了实现这个目标，它还必须有一个规则来容纳新增加的网页内容。

（二）导航系统

它帮助用户了解自己所处位置以及从这个网站中能获得什么，就像现实中的路标或地图一样，可分为全局导航和页面导航。全局导航可以链接到网站内任何一个资源，而页面导航给用户呈现相近的主题网页。此外，还有像背景导航，为用户建议网站其它领域相关主题内容；面包屑导航法，呈现网站结构中的页面位置以及用户的浏览路径；网站地图和索引也为用户提供了网站内容、结构等方面的概况。

（三）检索系统

这里强调的是检索结果和检索界面。检索结果不能太庞大和杂乱无章，以至于查准率过低。而界面要求友好，能够提供给用户进行自我修正检索机制的途径。

（四）标识系统

包括页标题、主页上的链接、索引入口、产品名、公司名等。这些在网站上随处可见。它可以使链接与页面主题相一致。

谈谈对网页的设计 第7篇

表格的嵌套并不是表格处理最困难的地方，无论多复杂的版面，悉心琢磨一番总能找到解决的办法。我们需要考虑的是：

○用什么样的嵌套排版方式使网页的下载速度达到最快。

我们知道：浏览器在读取网页html原代码时，是读完整一个table再将它显示出来。也就是说从

我们在访问一些站点时，等待多时无结果，按_停止_按钮却一下显示出页面就是这个原因。

因此，我们在设计页面表格的时候，应该做到：

1.整个页面不要都套在一个表格里，尽量拆分成多个表格;

2.单一表格的结构尽量整齐；

3.表格嵌套层次尽量要少.

实验证明：越复杂，嵌套层次越多的表格下载速度越慢。

关于网页的表格设计今天就写到这里。阿捷没有很多的技巧提供，关键在于您自己的实践和运用，还是那句古话：“熟能生巧”。

Trackback:

谈谈对网页的设计 第8篇

文章写到这里，有心急的网友要问了：“到底用什么色彩搭配好看呢？你能不能推荐几种配色方案？”别急，这里有一点技巧，可以帮助你迅速成为调色大师:)

1.用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，(说得通俗些就是将色彩变淡或则加深)，产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。

2.用两种色彩。先选定一种色彩，然后选择它的对比色(在photoshop里按ctrl+shift+I)。我的主页用蓝色和黄色就是这样确定的。整个页面色彩丰富但不花稍。

3.用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。确定色彩的方法各人不同，我是在photoshop里按前景色方框，在跳出的拾色器窗中选择_自定义_，然后在_色库_中选就可以了:)

4.用黑色和一种彩色。比如大红的字体配黑色的边框感觉很_跳_。

谈谈对网页的设计 第9篇

中华民族的传统文化博大精深、源远流长，也以其独特的魅力影响着中国乃至全世界。近年来，科学技术不断进步和发展，网络的社会地位逐渐凸显，校园文化网站建设也逐步趋于成熟和完善，它不仅传递着丰富多彩的视觉信息，也充分体现着独特的校园文化。本文通过阐述中国传统元素的内涵、特点和类型，以及中国传统元素在现代生活中的应用意义，将中国的传统元素巧妙地运用到大同大学校园文化网站的设计中，旨在彰显大同大学校园文化内涵，贯彻落实大同大学“厚德”、“博学”、“慎思”、“笃行”的校训，表现同大学子对校园精神文明的继承和发展。

关键词：

网站建设；中国传统元素；校园文化；界面设计

引言

随着社会的进步和发展，传承文明与创新知识已成为当代文明的主题主线，在此环境下，高校校园文化网站应运而生、蓬勃发展，而且近年来其社会地位也不断凸显。与此同时，全球文化的交流和碰撞日益激烈，导致高校校园文化日益开放和繁杂。因此，应从多角度、多侧面、全方位的视角梳理和评价高校校园文化，并逐渐建设完善高校校园文化网站，传承校园文化，构建社会主义和谐校园。作为凝结华夏文明精神和彰显中华人民特质的传统文化元素，如果将其适当地取舍、借用、打乱、组织、重建并运用到校园文化网站的建设中，将会取得全新的视角效果与经验，提供一种全新的触及世人心灵的感性认知，培养中国风格的审美情趣，激发民族自豪感。其中网页版式设计对整个网站的设计构造是至关重要的，也是浏览者与网页信息间的传递载体，例如在版面设计中采用留白的方式营造空灵韵味，在现代的版式设计中有指导意义。在构建中国风的网站时，加入中国传统文化元素设计，不仅会发挥现代科技美与创新美，而且还会体现传统的韵味美，保持着新与旧、古与今、传承与发展的高度契合，能够使网页展现深厚的文化底蕴和历史厚重之感。大同大学文化校园网站的设计制作将中国传统元素融入到网站的界面设计中，以期能彰显大同大学校园文化底蕴，并且能在网页中体现大同大学的校园文化精神，体现全体师生对校园文化的传承与发展。

一、校园文化网站概述

校园文化是在学校这一特定的文化氛围中，师生在从事各项课内外活动中所创造的精神财富，以及承载这些精神财富的规章制度、组织活动和意识形态。校园文化的核心是精神文化，它包括学校领导、师生的价值观念、价值判断和取向，学校独特的文化特色、办学理念、办学目标，以及校风、教风、学风等精神风貌，以此彰显、传播和弘扬学校文化特色。伴随科学技术的不断发展，网络已成为传递校园文化的主要载体。其中校园网站就是一个集学习、娱乐与社会活动于一体的虚拟空间，可以充分体现校园的文化、精神和特色。而高校的校园文化网站不仅体现着各个高校的文化，也集中反映了当代教师与学生的精神风貌，对于文化的丰富、交流和发展具有重要意义。

二、中国传统元素概述

中国传统文化元素种类繁多，尤其是吉祥图形符号，如龙凤、麒麟、朱雀、太极、八卦、中国结、书法等传统文化元素符号，代表并彰显着中国文化神韵。中国元素，是指在中华民族的融合、演化与发展过程中形成的，由中国人创造与传承的，反映中国人文精神和民俗心理具有中国特质的文化成果。中国传统文化元素是东方文化中的独特景观和宝贵财富，它具有多样性、广泛性、丰富性的特点。包括丰富多样的有形物质文化元素和无形精神文化元素，如徽派建筑、梅兰竹菊、朱雀、书法、中国结等有形文化元素，思想意识、价值体系、道德观念、民俗等无形精神元素。在网站构建中，时刻运用着“中国特征”，处处体现着中国式的意境和精神，是构建中国特色校园文化网站的基础。

三、中国传统元素在文化网站中应用的意义

1.丰富网页的表现手法

中国传统元素的形式多种多样，对传统元素的挖掘和运用，能够极大地丰富网页创造的表现手法。在网页制作中，不仅要恰当地运用传统元素的表象特征，更要深层次地挖掘这些元素所具有的内涵，与传统哲学思想相呼应，共同激荡出更加出色的创意网站。

2.产生文化亲和力

中国传统元素取材于最贴近人民生活与民族情感的传统文化习俗，包涵了深厚的中华民族情感。对传统文化习俗的准确把握与运用，更能够体现国人的心理价值，使网站更具亲和力，增加受众的理解度、接受度，勾起受众对中国文化的精神联想，唤起对中国情结的共鸣，促进网站进一步传播与发展。

四、基于中国传统元素的大同大学校园文化网站的界面设计分析

在研究中，本论文主要是通过设计大同大学校园文化网站界面，结合中国传统元素体现出大同大学的校园文化底蕴。网站的设计主要分为八个部分，分别是“首页”、“书香校园”、“校园风光”、“学子风采”、“校园活动”、“舌尖校园”、“关于我们”和“论坛”，从各个方面介绍大同大学校园文化的组成部分，使参观者能够更加深入地了解大同大学校园文化的精神实质，贯彻落实大同大学“厚德”、“博学”、“慎思”、“笃行”的校训。其中从logo到小图标无不体现着“中国味”，网页以中国风色调为基准，将中国风格和校园文化巧妙融合。

1.翰墨书法演绎校园文化

汉字作为一种抽象的艺术符号，本身就具有很强的审美趣味。在网页设计中，汉字不仅是语言信息的载体，呈现着其“形”的特征，还能体现其审美艺术价值。把中国书法艺术中的形、神、意进行适当的融合，并运用到网页设计中去，有助于体现网站的文化民族特色。在大同大学校园文化网站中就运用到了不少汉字书法设计，首先表现在logo的设计中。logo图整体以书法为主要元素，在设计过程中采用左图右文的手法将传统印章、龙图腾作为设计元素与楷书汉字艺术相结合。红色印章中是运用毛笔一气呵成中国风的龙图腾，线条优美，若隐若现。配以毛笔书写的楷书文字，说明网站的主要性质———传播校园文化。印章与图腾的艺术形式巧妙组合，能让观者感受到浓烈的民族气息。运用毛笔书写“校园文化”四个字，大面积的浓墨书写文字贯穿着整个logo图，不仅突出主题，而且显得雄伟有神，运用毛笔书法“软”的特点能使简约的线条生成丰富的气韵之美，增强logo的视觉冲击力和表现力。不仅logo中运用汉字书法，网站中的滚图也大量使用汉字书法元素，并巧妙地与大同大学的校训相结合，运用书法形式加以表现，展现大同大学校园文化底蕴。在每一幅滚图中的黄金分割比例位置处书写“厚德、博学、慎思、笃行”这个同大学子熟记于心的校训，采用行书字样书写，突出我校校训的历史感和厚重感，从而体现出我校校园文化源远流长。在“厚德”这幅画中，整体以墨色荷花为背景，给人以空远悠扬的意境，以行书书写的“厚德”二字，对整个空间进行分割，对空白的切割体现书法艺术的形式美，随后以楷体小字对“厚德”校训加以解释，行楷两种字体交相辉映，共同呈现大同大学校园文化的历史感与厚重感。在“博学”这幅画中，整体背景采用从灰色到白色的渐变手法，灰阶层次的渐变达到空灵之效。行书书写的“博学”二字，从上及下，从左及右，涉及了文字的方向性,文字排列的方向性也会影响视觉效果，在大同大学校园文化网站中文字方向主要有平行、垂直两类，而平行、垂直的文字能给人以稳定厚重之感。同样以楷体小字对“博学”校训加以解释，采用古代文字的书写格式，文字方向从右及左的展现，体现了对传统文化风格的继承。在“慎思”这幅画中，字体圆润灵动，校训的行书字样与解释的楷体字样之间采用浓淡墨交替变化，空间中大量留白，以“慎思”二字对留白处进行分割，形成虚实对立之感，体现书法的韵味美。在“笃行”这幅画中匠心独运地使字迹融合了毛笔的意蕴，好似展示了毛笔书写的过程，别有风味。字体设计风格雅致，简洁中不乏品味。本画面中解释文字较其他几个画面较大，这里把解释文字作为填充空白的元素加以运用，不仅能够展示书法的独特魅力，而且也有补充空白之效。网站运用汉字书法让人感受到，当介绍具有历史文化特征的内容时，适当结合汉字书法，可以增加原有内容的意义与内涵。深入挖掘汉字的造型意趣和文化底蕴，并赋予它新的生命力，可以提升网页的文化韵味。

2.水墨经典阐释校园内涵

水墨画属于中国画的一种,主要以水墨的形式描绘中国的山水人情。以毛笔、纸、绢等绘画媒介,将笔的提按转折、疾徐轻重与墨的虚实强弱、干湿、浓淡相互搭配形成无穷变化，以绘画语言的形式表现中国文化特色之美。在大同大学校园网站中构图背景主要以水墨画为主。例如首页中的滚图设计以水墨山水画为背景，配以浓重笔墨书写出的圆，中间以汉字书法画龙点睛，整体营造出一种空灵之感，有浓浓的文化厚重感，与校园文化的风格交相辉映。其中，背景选择大量留白的水墨画，不仅可以方便其他元素的添加，也可以营造出空灵意境。在网页设计中更是如此，将中国式的艺术审美运用到设计中，让空白在字与图之间自由游走。中间以浓重笔墨书写出的圆，不仅可以体现中国特色，而且极具吸引力，把观者的目光第一时间聚焦在圆中间的内容上，突出主题。去除了外在复杂雕饰的墨白，传达了一种朦胧美感，也表达了一种特殊的张力，在网页中灵活运用墨白，会突出所表达的信息。在设计构思上，水墨元素的作用是平衡网页，水墨画元素作为艺术表现形式和视觉符号，它所营造的氛围，能呈现出东方人独特的感觉和心境。这幅图片画面中由水墨元素、墨竹、奇石共同组成。其中水墨元素能在水与墨、黑与白之间形成浓淡变化的色彩层次，在用水墨晕染出圆之后，在圆的缺角部分继续晕染出几条锦鲤，通篇水墨画将墨之黑作为主要色调，通过创造黑与白的气氛，将元素以一种非常单纯的方式最直接展示给观者，画面给人以广阔的想象空间，让人回味无穷。利用墨之黑色作为设计元素，既简洁有趣又能体现传统美感。不仅如此，水墨还可以与其他元素配合使用，例如以水墨图形勾勒与渲染出水墨鱼缸,锦鲤在勾勒出的墨色鱼缸中游动，营造出含蓄单纯、优美恬静的水墨意境。所以将水墨元素与其他元素配合使用是源于自然又高于自然的艺术表达方式。在设计表达上,采用水墨晕染的艺术效果，墨滴在水中舒缓地晕染开来，墨迹展现出千变万化的形态，可以想象它变换成连绵的山峦、广阔的大海、飞翔的仙鹤等，最终回归于墨迹本身的形态。从无形到有形，从有界到无疆，水墨的魅力在于它写实与写意兼具，在黑白的空灵世界中，让人仿佛置身于画中。将水墨画元素应用于网页设计中,是对中国传统文化的传承与创新，水墨画元素作为传播信息的重要表现手法能融合不同风格设计形式,绘画形式多样,题材广泛。网页设计的水墨元素运用能延续现代人从古代传统文化中继承的文化内涵和审美意识。水墨画元素的灵活运用不仅能丰富设计作品的文化内涵,传递中国民族文化特色,还能有效地传递表达主题信息,具有极高艺术审美价值和文化价值。

3.传统色彩点亮校园经典

传统色彩是传统文化的重要组成部分，也是传统文化独特的表现形式，是中国特色不可或缺的部分。在悠久历史和传统的影响下,传统色彩不仅讲究视觉美感,而且重视色彩的象征寓意，例如在中国红色被看做是喜庆色,颜色本身鲜艳明亮，也寓示红红火火、生气勃勃；又如黄色，因其明亮，被看做是阳光和大地的颜色，寓示期望、智慧、文明。不仅如此，黄色还是中国历代帝王的专用色，象征着古代中央。在大同大学校园文化网站设计过程中，主要以中国红为基调配以中国黄加以修饰。红、黄色是中国传统吉祥的象征，红色具有强烈的感知性，是血液与生命的颜色，是国际上以中国命名的颜色，即“中国红”。“红配黄”所呈现的是一种积极、热烈的视觉效果,是喜庆、吉祥的象征。在网站中首先可以看到logo是红色印章图案，突出中国味，与之配套的导航条、小图标均采用中国红与黄色相搭配。通过对大同大学校园文化网站的设计总结出以下几点经验：首先制作网站时，要保持网站色调的一致性，整体性是网站和谐的前提，每个网页、每个区域对色彩的运用，必须把握色调的整体性和连贯性。就像大同大学文化网站制作中整体采用“中国红”为主色调，不论是logo、导航、图标基本采用红色，强调整体协调性。其次，根据传统色彩的特点，灵活运用，把经典的色彩感觉引入到网站中，例如在网站中引入“中国红”、“中国黄”，主要目的在于营造具有中国传统韵味的色彩情调。再次，对中国传统色彩进行适当的加工处理，例如打破常规的色彩组合方式，这样可以搭配新的视觉效果。把徽派建筑、晕染的墨滴与红旗相组合，对以墨色为主的冷色调创新搭配鲜亮的“中国红”，两种颜色形成对比，刺激观者视觉，给人印象深刻。最后，在网站制作中注重现代风格色彩与中国传统色彩的融合，使二者既相互结合又相互区别，体现现代与传统相结合的时代感。在大同大学校园文化网站中以传统色彩（中国红、中国黄）为主色调，辅助色选用现代色彩，如有青草绿、宝石蓝、浅杏黄等，使网站既具有历史感又具有时代感。

4.古典图形彰显校园意蕴

中国传统图形具有中国独特民族艺术风格，经过历代传承经久不衰，是传统文化的重要组成部分。其形式丰富多样,既包含了具有审美价值的文字、绘画，还包含了具有实用价值的印章等。中国传统图形不仅是欣赏审美的体现，更是哲理与深刻寓意的化身，这些图形的作用甚至超越了文字符号，形成了具有深层民族精神的象征意义。在大同大学校园文化网站中运用到的传统元素有荷花、梅花、墨竹、奇石、徽派建筑、红旗、锦鲤、笔墨、书籍等。其中，荷花代表圣洁，是佛教净洁的象征，荷花出尘离染，清洁无瑕，古代名人墨客都以荷花象征自己洁身自好的高尚品质，荷花在此网站中，彰显校园文化高洁之意，突出积极参与校园文化建设者的高尚品质。梅常常常被看做传春报喜的吉祥象征，梅花也是岁寒三友之一，梅以其凌寒独开的傲雪精神和不与百花争春的高洁之美，被人们所喜爱，象征高洁、坚强，而笔墨、书籍也是中国传统元素的象征，并且体现着网站的主题———推广校园文化。竹，是君子的化身，彰显气节，乃“四君子”之一，代表着坚持、正直、清高，在此运用说明同大学子拥有竹一般的气节。奇石，也作为传统文化的象征之一，尤以玉石为代表，古代文人骚客以玉指代自己高尚的品格，而且玉不离身。徽派建筑以粉墙黛瓦为表现特征，以砖雕、木雕为装饰特色，成为体现中国文化的重要组成部分。五星红旗是中国的国旗，国旗上的五星象征中国全体人民对党的拥护爱戴，是中国在世界的标志和象征，彰显我校一直坚持和拥护我党的正确领导，此处体现着我校不断发扬爱国主义精神。大同大学校园文化网站所运用到的传统元素均与传统文化密切联系，荷花、梅花、墨竹、奇石、徽派建筑、红旗、锦鲤、笔墨、书籍，它们不仅说明网站的性质———传承传统文化，具有深厚的历史厚重感，而且说明同大学子拥有像荷花、梅花般高尚的品格———探求真理，不畏严寒。所以在网站中运用传统图形、图案时，要选择与网站主题相贴近的传统元素，不仅如此，更要深度挖掘传统图形深层意蕴，做到形与意、神与态的高度融合，才能更好地展现出对传统文化的传承与发展。中国传统图形为现代网站设计制作提供了血液和灵魂，将其放置于现代网站设计中发挥出无限的正能量。

5.哲学思想弘扬校园精神

适应性和包容性是中国哲学思想的显著特点。中国传统元素之所以能够成为中国艺术与文化精髓的代表，是因为中国传统元素与中国文化、中国哲学思想相存相依，与华夏民族传统人格一脉相承。中国文化的精神核心是天人合一，这种强调整体和谐的哲学，与网站设计的理念也是一致的，网站设计也是要达到整体的和谐，中国哲学主张世界是多样化的统一，认为以宽广的胸怀、有容乃大的气概，兼收并蓄，使世界达到“和”的理想境界，传统汉字书法艺术与传统图形的最终理想境界都是和谐，但这种协调与均衡并不是简单的线条处理分割，更不是一板一眼的类似数字化的均衡排序，而是通过对各种艺术设计表现手段的运用，达到一种整体上的制衡，即“中”与“和”的平衡。中国传统文化是以儒家思想为核心,儒道释并存，而中国元素是对中国传统文化的认知。儒家主张积极入世,讲求中庸之道，表现在网站设计上则是整齐、浑厚、中和的风格；道家主张法贵天真,崇尚自然,渗透到网站设计制作中，体现了黑白、虚实、浓淡、刚柔等艺术特点。佛教文化主张讲求禅机、心悟，在网站设计中的留白，在空白处留下无限遐想空间，从有界到无疆。儒、道、释三家哲学文化对中国传统文化有着深远的影响,而中国传统元素是它们有机的结合，也正是这种巨大的影响使它们成为中国传统文化的结晶与精髓。

五、结论

通过制作研究中国风校园文化网站，不仅可以发展中国特色，而且可以传承校园文化。让浓厚独特的校园文化以中国特色的形式表现出来，更具中国味，更贴近学生心理。中国文化有着独特的民族特色和文化底蕴，有自己的价值观和习惯，因此在网站设计过程中不仅要体现现代化的特点，更要注重对民族性的发掘，设计出具有国际性、实用性、民族性、文化性的网站。但是，本网站的设计还是存在着一些不足之处，比如，应拓展传统元素的素材范围、应设计传统元素的动态效果之美等等。因此还需在后期的制作中不断完善和改进。鲁迅先生在《且介亭杂文集》中曾说过,“只有民族的，才是世界的”。在制作现代文化网站时，对传统元素加以适当的改造提炼，能使网站更显历史厚重感，然后再结合现代的技术手段和审美情趣去发掘传统的精华，找到与时代的契合点，古今互补才能形成中国特有的设计风格。

谈谈对网页的设计 第10篇

关键词：用户体验；高校图书馆；网站

随着学生对互联网的依赖性越来越强，以及Googlescholar、百度学术等学术搜索引擎对图书馆学术资源主体地位的冲击，使得图书馆网站的用户体验变得越来越重要。图书馆网站必须进行优化设计，使用户可以方便地浏览网站的信息、使用网站的服务，让用户获得愉快的体验，才能吸引用户使用图书馆的网站，使用图书馆的资源与服务。用户体验强调在网站构建的过程中以用户为中心，充分考虑用户体验的内容及影响因素，通过设计满足用户需求，符合用户审美体验、认知特点、使用习惯的组织系统、导航系统等，从而让用户获得良好的体验效果。用户体验设计的目标可以归纳为：解决用户需求，减少用户理解和操作的成本，给用户留下美好而深刻的印象。基于用户体验的网站设计主要包括：视觉设计、界面设计和导航设计等。

1视觉设计

视觉设计是在用户审美文化的基础上，通过色彩、字体、图片、按钮、隐喻等的使用，设计出富有美感和艺术感的网站，从而实现在很短的时间内吸引住用户，并激发用户进一步的信息行为[1]。图书馆网站在视觉设计上要符合用户当前的视觉趋势，体现图书馆的文化内涵，通过图文、色彩、形状的搭配以及信息块的建立和整合，形成一个疏密有序、图文并茂、条理清晰、气氛和谐的网站视觉感受。

符合视觉趋势

不同时期用户的审美取向与内心诉求是不同的，网站的设计一定要符合当前用户的视觉趋势。就目前而言，视觉趋势大致如下：响应式的网页设计让网站页面无论屏幕尺寸大小都能有最佳的显示效果[2]，宽屏、大图让页面更显大气；改变以往用线条来分割区域的方式，采用空隙和留白，让页面顺畅自由的呼吸，给用户留下广阔的思考空间；减少渐变和视觉元素，采用规整的布局、扁平化的视觉风格，让整体感觉更清爽。在网站构建之初，设计师一般会根据图书馆的需求结合当前的视觉趋势设计出至少3版首页设计图，图书馆可以采用问卷调查的形式从中选出最受目标用户欢迎的页面。

做好色彩搭配

2界面设计

界面设计最基本的性能是功能性和使用性。通过界面设计，让信息更加流畅的传递给用户，让功能和操作变得更加简单。界面设计包括标识设置能否被用户所理解[1]、页面布局是否能够凸显页面重点、符合用户的习惯等。在标识设置方面重点是要避免使用用户不熟悉的词汇；页面布局方面，首页一定要将关注度高的栏目放在醒目的位置上；其它栏目的摆放位置要遵从网站形成的惯例，符合用户的心智模型；以信息呈现为主的页面要建立清晰的视觉层次。

避免使用用户不熟悉的词汇

谈谈对网页的设计 第11篇

在我们全面考虑好网站的栏目，链接结构和整体风格之后，我们就可以正式动手制作首页了。

有这么一句俗语：_良好的开端是成功的一半_。

所以，首页的设计和制作是绝对要重视和花心思的。阿捷的经验是：一般首页设计和制作占整个制作时间的40%。你宁可多花些时间在早期，以免出现全部做好以后再修改，那将是最浪费精力的事。

是否需要为站点设计一个“封面”？阿捷的个人观点是：没必要！

因为首页的重要性，阿捷将着重用８篇文章来仔细讨论有关首页设计的方方面面，大致提纲如下：

○版面布局的窍门 ○色彩的搭配 ○字体的设置和表格的嵌套 ○细微之处见功力 ○考虑不同的浏览器和分辨率 ○设计好你的banner和位置 ○meta标签的重要性 ○首页设计的小建议

今天，只是关于首页设计的一个引子。让我们来大致了解一下首页设计的步骤。

首页，从根本上说就是全站内容的目录，是一个索引。但只是罗列目录显然是不够的，如何设计好一个首页呢？一般的步骤是：

●确定首页的功能模块 ●设计首页的版面 ●处理技术上的细节

谈谈对网页的设计 第12篇

通过分析动态网页设计课程的教学现状及MOOC教育环境，提出一种MOOC教育环境下的动态网页设计混合教学模式，改变传统填鸭式教学方式，有效提高动态网页设计课程的教学质量和效果。

关键词：

MOOC；开放式；动态网页；混合式教学

动态网页设计课程是一种分布式管理系统前台界面设计与实现的技术，其可以提供动态输入、处理结果展示等功能，目前许多学校均已开设这门课程[1]。传统动态网页设计课程的教学往往采用面对面、课堂理论教学的模式，该模式无法充分体现动态网页设计课程实践性强的特点。为了能够解决上述问题，本文引入了大型开放式网络课程（MOOC），提出一种混合式教学模式[2]。

1传统动态网页设计课程的教学现状分析

经过多年的教学实践研究，发现传统的动态网页设计课程在教学过程中存在诸多问题，主要包括以下几个方面：传统教学模式是在教师提炼加工和梳理相关知识点的情况下，将提取的精粹传授和灌输给学生，课堂教学仅仅停留在老师讲解、学生听的状态，这种教学模式较为陈旧，学生容易产生疲劳感，降低了学习的兴趣和积极性，严重阻碍了学生自学动态网页设计课程的能力。

2MOOC教育环境应用分析

MOOC是一种新型的在线学习环境，MOOC的教学视频都很短暂，多为10分钟左右长度的片段，甚至更小的视频片段，每一个片段播放结束后往往采用相关的问题进行关联，学生准确回答问题后才能继续观看视频，并且学习者针对不懂的问题或知识点可以在线提问，由教师进行解答，具有非常强的互动性，可为广大学生提供高质量、高效率和高便利性的学习环境和资源，实现互动学习。MOOC在线教育学习环境具有以下几个方面的关键特征：开放性、规模性、互动性、独特性。虽然MOOC教育环境下拥有许多的资源，但其在我国的应用还没有得到普及。要想取代传统的课堂教学，需要解决以下几个方面的问题：（1）MOOC提供开放的动态网页设计课程教学资源，但是其无法创造长时间的思想交流、互相学习和协作的教学环境，不能够创造传统课堂互动教学的效果，会导致学生积极思考问题的动力不足，分析解决问题的能力变弱。（2）MOOC具有较强的灵活性，要求学生必须具有很强的自控能力，以便能够按时完成动态网页设计课程的学习内容，而对于那些缺乏自制力的学生会导致学习效率偏低，教学效果无法达到期望值。

3动态网页设计混合教学模式

动态网页设计课堂在教学过程中引入了MOOC，利用MOOC拥有的丰富的、先进的教学资源，与我国传统的面对面教学模式相互结合，开展新型的混合教学模式，促进教学改革和发展。在MOOC环境的支撑下，动态网页设计课堂教学可以划分为三个阶段，分别是课前自主学习、课堂教学和课后拓展。第一阶段是课前自主学习。课前学生可以利用MOOC平台让学生了解、掌握课堂需要掌握的基础知识，同时对于有疑问的地方可以在线与教师交流或者与同学讨论，更好地掌握动态网页设计课程相关的基础知识。课前自主学习模式可以避免传统课堂存在的一刀切、齐步走等缺陷，根据学生自身掌握的动态网页设计课程理论知识水平，并且充分结合学生自己的学习风格、习惯和能力实施差异化、个性化学习，有利于锻炼和培养学生的自主创新学习能力，同时学生可以利用PC机、Ipad或智能手机等各类型终端随时随地进行学习，充分利用碎片化的时间，解决传统面对面课堂教学缺课、未弄懂课程内容等问题，可以优化动态网页设计课程教学资源，提升学习质量和水平。第二阶段是课堂教学。传统动态网页设计课程教学与MOOC相互结合，可以将课堂教学转变为以学生为中心、以学生为主体的积极教学方法，教师作为课堂的主持者，其主要作用是发挥指导、协调和控制作用。在课堂教学过程中，教师首先提出问题，以便引导学生进行学习，讨论相关的设计案例，鼓励学生在解决问题中发现新的问题，善于引导学生讨论、思考和解决问题，改变传统的视听教学模式，通过学生和老师、学生和学生之间积极的互动讨论，教师能够让每一个学生在讨论中掌握动态网页设计课程知识，并且可以自发纠正错误的观点，为学生解惑。混合式教学模式可以把教师从重复的体力劳动中解放出来，把主要的精力集中于课堂教学创新上，并且可以在课堂教学之后对教学内容进行提炼、归纳和总结，运用问题求解方法确立课堂教学的疑点、难点和重点，然后布置相关的课堂任务，要求学生通过教师的讲授等完成相关的操作，对学习到的知识进行巩固，评价学生的作品和指导，有利于提高学生的认知结构，使学生能够全面了解自己的学习水平，有利于营造赶帮超学习氛围，让学生实现相互督促、自我完善，提高动态网页设计课程学习效果。第三阶段是课后拓展。在前两个阶段学习的基础上，学生可以继续在MOOC环境中学习动态网页设计课程，参与课程的互动和讨论，强化所学到的知识。同时对课堂上的内容进行延伸，积极利用MOOC继续深入学习各类型的分布式管理系统前台交互开发，激发学生学习的动力和热情，充分将开放的教学资源与传统课堂教学相互结合，充分发挥两者优势，相互促进，使得MOOC教学理念和传统教学理念实现互补，弥补传统教学的不足，真正促进教育教学的发展和壮大。与MOOC相互结合，实现动态网页设计课程教学，能够从根本上提高学生自主学习能力和创新研发能力，建立学生为主体、教师为主导的模式，把教师从讲授者变为学习的启发者和引导者，也可以把学生从被动的填鸭式教学模式中解脱出来，能够积极主动地完成学习活动，解决传统课堂教学存在的问题。

4结束语

MOOC是一个开放式、互动式的网络教学平台，其拥有丰富的学习资源，能够为学生提供较好的学习渠道。将传统面对面的动态网页设计课程教学模式与MOOC相互结合，能够将两者的优势集成在一起，解决现有教学模式存在的问题，减轻教师的简单重复劳动，提高学生学习的成效。

谈谈对网页的设计 第13篇

网站的链接结构是指页面之间相互链接的拓扑结构。它建立在目录结构基础之上，但可以跨越目录。形象的说：每个页面都是一个固定点，链接则是在两个固定点之间的连线。一个点可以和一个点连接，也可以和多个点连接。更重要的是，这些点并不是分布在一个平面上，而是存在于一个立体的空间中。

●我们研究网站的链接结构的目的在于：用最少的链接，使得浏览最有效率。

一般的，建立网站的链接结构有两种基本方式：

1.树状链接结构（一对一）。类似DOS的目录结构，首页链接指向一级页面，一级页面链接指向二级页面。立体结构看起来就象蒲公英。这样的链接结构浏览时，一级级进入，一级级退出。优点是条理清晰，访问者明确知道自己在什么位置，不会_迷_路。缺点是浏览效率低，一个栏目下的子页面到另一个栏目下的子页面，必须绕经首页。

2.星状链接结构（一对多）。类似网络服务器的链接，每个页面相互之间都建立有链接。立体结构象东方明珠电视塔上的钢球。这种链接结构的优点是浏览方便，随时可以到达自己喜欢的页面。缺点是链接太多，容易使浏览者迷路，搞不清自己在什么位置，看了多少内容。

这两种基本结构都只是理想方式，在实际的网站设计中，总是将这两种结构混合起来使用。我们希望浏览者既可以方便快速的达到自己需要的页面，又可以清晰的知道自己的位置。所以，最好的办法是：

●首页和一级页面之间用星状链接结构，一级和二级页面之间用树状链接结构。

举个例子。一个新闻站点的页面结构如下：

---------------------------------------------------一级页面 二级页面 财经新闻页 -- [财经新闻1，财经新闻2...]/ |首页 -- 娱乐新闻页 -- [娱乐新闻1，娱乐新闻2...]/ |IT新闻页 -- [IT新闻1，IT新闻2...]----------------------------------------------------

注意：以上我们都是用的三级页面举例。如果您的站点内容庞大，分类明细，需要超过三级页面，那么建议你在页面里显示导航条，可以帮助浏览者明确自己所处的位置。就是您经常看到许多网站页面顶部的，类似这样：“您现在的位置是：首页->财经新闻->股市信息->深圳股->深发展”

关于链接结构的设计，在实际的网页制作中是非常重要一环。采用什么样的链接结构直接影响到版面的布局。例如你的主菜单放在什么位置，是否每页都需要放置，是否需要用分帧框架，是否需要加入返回首页的链接。在连接结构确定后，再开始考虑链接的效果和形式，是采用下拉表单，还是用DHTML动态菜单等等。

随着电子商务的推广，网站竞争的越来越激烈，对链接结构设计的要求已经不仅仅局限于可以方便快速的浏览，更加注重个性化和相关性。例如，一个爱婴主题网站里，在8个月婴儿的营养问题页面上，你需要加入8个月婴儿的健康问题链接，智力培养链接，或者是有关奶粉宣传的链接，一本图书，一个玩具的链接。因为父母不可能到每个栏目下去寻找关于8个月婴儿的信息，他们可能在找到需要的问题后就离开网站了。如何尽可能留住访问者，是网站设计者未来必须考虑的问题。

讲到这里，阿捷忽然觉得自己很厉害，居然会总结出这么大一套理论:)什么，皮厚?可能吧，这么多高手都没发言呢！有意见请来信ajie@

下次我们继续讨论“确定网站的整体风格创意设计”。

谈谈对网页的设计 第14篇

西安思源学院陕西西安710038

摘要 随着信息技术的不断发展，网络教学的优势使其地位不断上升，已经成为现代教学发展必不可少的途径之一。本文以《电路》课程为例，对该课程的教学系统和网站的研发及建设进行了论述。

关键词 电路；网络教学；网站建设

《电路》是高校电学类专业必修的非常重要的专业基础课程，经过长时间的发展，已经形成了较为成熟的基础理论、分析方法和实验技能。该课程教学中涉及大量的电力符号、电路原理和定量，给学生的学习带来了极大的困难。随着电气自动化、电子通讯、信息技术的发展及广泛应用，电路理论也发生了重大变革，在电气越来越受重视的今天，传统的教学方法已经无法满足教学的需要，采用新方法提高《电路》教学效果是当下面临的主要问题。

1 电路教学系统设计

教学设计电路教学系统设计的最终目的是服务于人，因此在对网络课程进行开发设计时，要充分考虑教师的教学策略和学生的学习策略。

教学策略设计。网络教学系统设计目的之一是为学习者提供在任何时候、任何地点都能学习的环境，因此在电路教学系统设计过程中，应采用演示实验、仿真技术等教学策略，为学生创设可靠、有效的学习环境。

学习策略设计。网络教学课程设计的重点是对学习策略进行科学设计。学习策略不同，所获得的学习效果也具有差异性，对于学生来说，自主学习策略、协助学习或案例学习策略显然更能体现网络教学的优点。在设计教学系统时，应将界面设计尽量简洁化，便于学习者操作。

电路教学系统设计原则电路教学系统在设计过程中，应遵循以下几项原则：开放性、个性化、灵活性、共享性、可交互性、便利性、可评价性等。具体来说应从以下几方面入手：首先，教学目标设计应注重整体性、灵活性和可操作性，将电路课程中的各章节知识点以不同的形式进行展现，以完成教学目标。其次，教学内容设计应注重科学性、系统性和先进性，增加学生的知识面，提高学生的学习兴趣；对不同的知识内容进行划分时，尽量保持不同模块之间的独立性。最后，学习评价设计时应遵循客观性、整体性、指导性和科学性的原则，使学习评价更具有指导意义，提升电路课程的教学水平。

网络课程学习系统设计网络课程开发的首要任务是对教学对象、教学内容、教学目标进行分析，制定合理的教学大纲和教学计划。在制定教学大纲时，应对课程性质和目的进行说明，对教学内容中各知识点的关联性进行说明，对所需要的教学方法、教学环境进行说明。

2 网站建设

网站模块及功能管理员管理模块，网站涉及的用户可分为一般用户、学生、教师和管理员四类，管理员可对各个用户的申请进行审核；教师工作模块，教师用户登录该模式界面后，可对各管理模块进行调整、修改或更新。如公告、作业批改、网上答疑、讲义上传等；学生学习模块由目录导航和信息展现两部分组成，通过导航，学生可获取相关的学习内容，完成学习任务；公共信息模块，可为用户提供学科动态、知识拓展、教研论文或热点新闻等内容，丰富学生的学习面，节省查找信息的时间。

开发平台和工具

谈谈对网页的设计 第15篇

【关键词】精品课程；网站；项目开发

现国家正加强中职学校精品课程建设，精品课程建设工程的目标是实现全国优质教学资源的共享，要求精品课程的相关内容全部通过网站的方式对外开放。因此，精品课程网站建设是精品课程建设中的一个重要环节。

目前很多资料或论文在涉及精品课程网站制作时，都以站在网站的技术开发角度进行论述，这些专业知识对于非计算机专业人员是较难透彻理解网站的开发过程。而且精品课程网站作为一个共享平台，还要把课程的资源放到平台上，涉及到平台的建设、各个资源内容制作和整合等工作，更是需要团队合作。一个完整的网站开发不像其它项目或者任务可以单独完成，是需要一个团队多个人分工合作完成。

一、网站项目开发团队，包括以下的角色和职责：

（一）网站项目经理

职责：1.项目执行监理2.质量监督员

网站项目经理负责与用户进行沟通，了解用户开发网站的思想、用途和要求。并创建和维护项目的规划和战略文件，预算表，项目进度和甘特图表，会议记录，费用记录和团队其他详细工作的项目文档。并协调、沟通网站各项目小组的日常工作。

（二）艺术总监

职责：1.网页界面设计师2.交互式设计师

（FLASH，JavaScript，Ajax）3.媒体专家（摄影，插图，视频，音效）。艺术总监的主要职责是设计网站的整体外观和感觉。把网站排版、用户界面设计、颜色标准、页面布局细节、图片要求、摄影、插画、网站的视听媒体等元素汇聚并形成一个整体。

（三）网站技术主管

职责：1.网页程序设计师（.net，Java，PHP/Perl，Ruby）2.网页工程师（XHTML，CSS，JavaScript，Ajax）3.数据库管理员4.网站管理员网站技术主管必须掌握有网站的环境、开发语言和开发站点框架、选择网络数据库等广泛的网络技术。他应该在技术人员、创意人员和项目团队各主管中充当一个桥梁或者翻译工作

（四）网站制作主管

在设计早期阶段，网站制作主管主要负责把原始的网站模型、界面和蓝图转化成HTML页面。一旦网站规划及设计完成并且信息架构也规划好之后，网站制作主管的主要工作就是制作站点页面，当然他可以直接用html编写，或者使用网站内容管理系统（CMS），也可以用一些站点开发软件，例如Adobe Dreamweaver。

（五）网站信息架构师

网站信息架构师主要负责网站的结构和内容进行组织和分类。在整个项目的设计和规划早期阶段，信息架构师是最活跃的。他要制定整个网站的内容结构，网站的框架结构，向客户和网站开发团队介绍网站的整体规划。信息架构师也要与网站设计师紧密合作，制作用于显示网站各个页面的名称、导航和页面内容的网站蓝图。

谈谈对网页的设计 第16篇

摘要：通过网站访问方式调研了当前高校移动图书馆的建设情况，并就移动图书馆在我国高校的应用现状和发展进行系统分析，提出了高校移动图书馆的发展对策和对今后的发展展望。

调查基本情况

目前国内已有多家高校图书馆开通了移动图书馆服务，笔者以985高校、211高校和其他省属普通高校为调查样本，结合地域经济发展特点，在每个地域范围内随机抽取这三大类高校移动图书馆的建设情况，以是否在其图书馆网站上挂载移动图书馆链接地址为调研标准（如表1所示）。

高校移动图书馆的业务功能

在随机抽取和访问过程中，我们发现高校图书馆从数据提供商引入移动图书馆产品的居多，大多是超星集团和书生公司的移动图书馆解决方案。以书生公司的移动图书馆为例，在浏览访问过程中发现，这些现成的解决方案在馆藏目录查询方面，直接集成OPAC系统，包括汇文、aleph、金盘、interlib、innopac和sirsi等馆藏自动化系统。馆藏检索结果与原有检索方式的完全一致，并应用了LBS技术增加了馆藏排架位置视图功能；智能识别和认证用户设备，能自动适配用户的终端界面，并提供自定义界面的功能。在期刊论文、学位论文和电子书查询方面，提供了原版图片、文本和发送到邮箱等方式的阅读，并能兼容多种文件格式。在文献阅读时，还提供文献推荐、文献评论、文献批注和批注分享、文献收藏和订阅等功能。

而在自主开发移动图书馆网站的高校中，如清华大学和北京邮电大学，他们都是在数字图书馆原有业务基础上扩展在移动互联网环境的信息服务能力，包括在线书目查询、催还、预约、续借、即时通知等服务，均是通过短信服务平台向用户提供图书馆的业务功能服务。

高校移动图书馆的使用成效

自引入移动图书馆以来，很多高校拓展了信息资源在移动互联网环境下的服务途径，通过短信息服务和WAP服务两种途径提升了图书馆在智能终端上的信息服务能力。尤其在馆藏目录查询、期刊、电子书、学位论文和报纸等信息资源方面，除了保持原有的图书馆服务功能外，还更加注重了与用户的社交互动。如书生移动图书馆提供“云笔记”功能、检索和浏览历史及收藏的存储，用户在阅读文献时可以评论、推荐和批注，并能便捷地与其他人分享。

2当前国内高校移动图书馆存在的问题

未能区分手机图书馆和移动图书馆的概念定位

手机图书馆并不等同于移动图书馆，将图书馆的一些服务功能延伸到手机这类移动通信设备上实现，就可以称为手机图书馆 。但是手机的体积不可能无限增长，它的输入方式从键盘、触摸再到语音、图像识别也就达到了想象力的上限了，现在很多信息服务依然受制于屏幕大小和输入的流畅性。但是移动图书馆则涵盖广泛，与用户的访问终端种类无关，只要能浏览网页并访问到图书馆信息资源的各类移动终端，而不以用户终端设备来定义图书馆的信息服务模式。只是说智能手机这个移动终端在图书馆用户群体中非常普遍。只有带着这样的区分，我们才能更加准确地把握移动图书馆用户使用特性，挖掘特定用户群访问移动图书馆信息资源的使用特点和浏览行为路径，不断提高高校移动图书馆的信息服务质量和用户黏性。

移动图书馆与数字图书馆的关系定位不清晰

移动图书馆是依托于原有丰富的馆藏数字资源，延伸了数字图书馆的信息服务，拓宽了用户获取信息服务的途径，提高了数字资源的利用率，强化了“移动性阅读”的特点，但本质上还是提供给用户所需的信息服务。移动图书馆不能也不可能完全取代数字图书馆，它必须建立在数字图书馆丰富的数字馆藏基础之上才能对外拓展信息服务能力，它是数字图书馆在移动互联网环境中资源服务模式的有益补充。移动图书馆网站对于获取信息服务的用户来说，整个获取信息的过程呈现“碎片化”的阅读和即时性速读的特点，由于在与传统PC使用特点不同的移动智能终端设备上获取信息资源，受到了屏幕变小、网速慢的局限，容易影响到用户的信息搜索体验，用户的社交化及个性化信息需求得到满足非常有限，由此带来了高校移动图书馆使用率的降低。因此，清晰定位移动图书馆在整个数字图书馆建设的关系显得尤其重要。

移动图书馆尚缺乏足够的用户研究

高校移动图书馆的建设模式中，由于技术力量、人员和资金等因素的影响，自主开发相对较少，都是从数据库商引进或者外包给软件公司进行开发设计的。在投入使用时，大多数高校图书馆缺乏对移动图书馆的使用者进行用户偏好研究，提供的信息服务资源与数字图书馆的种类和数量相当，还停留在“资源的一站式搜索、导航和全文获取服务”的理念上，未能全面调研和考查用户“碎片化时间”阅读特征带来的资源服务需求变化，用户二次访问率较低，根据有关文献的论述，这个情况不局限于高校图书馆。另外，根据2012年高等教育版《地平线报告》的预测，未来5年的高校用户随时、随地获取信息的需求不断增强，在轻松、及时地访问网络上信息的同时，出于社交互动的信息行为习惯，他们更加关注所获取资源相关最新的用户分析和评论。这些特征必然成为移动图书馆用户研究的核心领域。因此，加强移动图书馆用户信息需求研究，尤其要关注用户的移动阅读特点和移动社交互动需求等方面的用户研究，对于移动图书馆的推广和提升服务质量大有裨益。

把网站界面设计等同于用户体验设计

提升移动图书馆的用户体验越来越受到图书馆学界的关注。在用户的智能终端设备上，网站界面的优美和美观可以给用户带来充分的信息搜索体验过程，一次良好的信息搜索过程可以提升用户对于图书馆信息资源的忠诚度。然而，网站界面设计只是用户体验中的一部分，移动图书馆的用户体验应该是一个系统工程，还包括了网站可用性和移动社交等方面。网站可用性指的是访问该移动图书馆时，流量费用、浏览速度和在用户智能终端设备上的表现能力等，而移动社交，指的是能否及时与其他用户分享、是否提供搜索历史的云存储方式及得到信息帮助的及时交互等服务。只有涵盖了这些移动互联网的用户需求特征，才能更好地契合和提升高校移动图书馆用户体验质量。

3高校移动图书馆的发展对策

加强高校移动图书馆的用户信息需求研究

不论是从数据商引进的网站平台还是自主开发的，移动图书馆都需要加强用户的信息需求研究，定期开展移动图书馆的用户问卷调查，关注用户访问移动图书馆各项信息服务获得的使用体验和感受，挖掘用户在移动图书馆信息环境内的社交互动和个性化需求，这样才能持续和系统地对用户需求和使用体验进行动态跟踪，有利于丰富和完善移动图书馆的各项信息功能模块，进一步提升图书馆整体的信息服务质量，增强移动图书馆平台的用户黏性。

定期开展移动图书馆的读者推荐

可以通过高校图书馆网站、微博平台、学校论坛或者微信公众平台等信息平台来开展移动图书馆的读者推荐，结合各种图书馆培训或者讲座的活动宣传移动图书馆，也可以定期开展移动图书馆的使用培训和有奖问答，提高移动图书馆的使用率。尤其是移动互联网环境下图书馆用户阅读特点的变化，对读者移动阅读使用的移动设备、时间、地点、目的、获取资源的途径、对移动阅读的态度、影响因素及图书馆提供服务内容等方面系统地进行了调研，掌握移动图书馆在教师、博士生、硕士生、本科生和专科生等用户类别的使用特点，结合他们的学习和科研需求有针对性地对每个学历层次开展读者推荐。

根据业务功能需求增强移动图书馆的信息服务能力

为不断提升高校图书馆的学科服务能力，拓展在移动互联网环境下的信息服务能力途径，提高高校移动图书馆用户的黏性，移动图书馆可以根据业务功能的需求进行移动图书馆平台的移植和服务创新。例如可以尝试引入VNS（vertical networking service）垂直网络服务，用户基于共同的兴趣爱好或专业定位而拥有稳定的共同话题，此平台上构建的关系也比一般社交网站更能稳固。图书馆可以借此提供馆藏资源与具体学科服务的内容定题服务，架构具有主题特色的交流平台，满足倾向此类主题的用户需求，让用户容易获取本学科的大量信息，又可以感受到图书馆数字资源的条理化和专题性。

不断完善移动图书馆的用户体验质量

移动图书馆作为移动互联网下的图书馆信息服务的一种新模式，用户使用各类智能终端尤其是智能手机或者平板电脑，用户体验的质量较高，来自于用户在用户界面或者信息服务内容上的各种反馈，移动图书馆的管理者要系统收集和反馈，不断在平台升级中提升用户体验质量。积极探索将信息推送服务、二维码（QR）、地理位置服务（LBS）、增强现实服务、有声导引（Audio tours）和社交网络服务（SNS）等移动终端开发新技术应用到移动图书馆平台上，也可以针对移动终端本身有摄像头、语音通信、短信、 GPS定位、近场通信功能等特征，研发以前数字图书馆上没有做到的服务。在用户浏览和获取信息资源的同时得到非常丰富的用户体验。

4高校移动图书馆的展望

当前高校图书馆都在积极引入第三方服务商提供的移动图书馆平台或者自主开发，整合本馆已有的数字资源服务于师生的科研和学习。虽然自主开发容易带来实施速度慢、技术难度大、难以攻克等不足，引入第三方提供的平台也会带来服务模式单一化、固定化，受第三方系统设计限制不易开发个性化服务等缺点，但是，未来高校移动图书馆将会朝着提升移动图书馆用户体验质量、不断完善个性化服务，扩展各类业务服务功能，从而延伸了高校图书馆的信息资源服务范围，提高了整个图书馆的信息服务竞争力。

参考文献：

[1]Krista Study Shows Library Users Want Access to Mobile Offerings Full details in Library Journal’s Patron Profiles： Mobile Device，Mobile Content，and Library Apps[J].http：/

[2]New Media Consortium. NMC Horizon Report 2012： Higher Ed Edition[EB/OL].[2012-09-24].http：///horizon-project/horizon-reports/horizon-report-higher-ed-edition

[3]Lisa Carlucci State of Mobile in Libraries 2012[OL].http：///2012/02/mobile/the-state-of-mobile-in-libraries-2012/

谈谈对网页的设计 第17篇

网页中版式布局

网页是通过视觉元素实现信息内容的传达,为了使网页获得最大的视觉传达功能,使网络真正成为可读性强而且新颖的媒体,网页的设计必须遵循平面设计形式美的法则,由此确定各种视觉构成元素之间的关系和秩序。网页的内容与形式的表现必须统一和具有秩序,形式表现必须服从内容的要求,达到信息诉求的重点。当网页上的内容非常多的时候,考虑怎样把它们以最合理的方式来排布,使整体感强同时又要有变化,可遵循以下几点规律:

网页版式布局中的变化和统一。在网页设计中恰当地运用这一规律,例如体育类的网站,排布的新闻从上到下几十条,没有一点变化,显得单调而乏味,这是违反这种形式美的规律的,所以要充分地运用变化来改进它,如可以变化其排列方式、字体颜色,也可在每条新闻前添加醒目的图标,既丰富了页面,也起到了引导浏览者视线的作用,便于浏览。

网页版式布局中的条理与反复。“条理与反复的原则是图形构成整体的秩序美的基础,是变化中的统一,也是运动发展中求得协调一致的表现方式,由它可以演化出多种多样的图形变化。”这种在很多较为优秀的网站中运用较多,例如一些商业网站,搜狐、新浪的此类网站内容丰富,信息含量大,不得不运用一定的方式将其条理化,同时又在一定程度上加以归纳后重复利用,使网页较为整齐,脉络清楚,读起来也能找到重点。

网页版式布局中的均齐与平衡。在网页设计中,在充分考虑整体页面上所有的图形、文字的基础上,页面整体的平衡和均衡尤为重要,页面上的平衡是一个动态的平衡,因为页面上两边不会总是一样的,即左边一个图右边就一个图,这在互联网上是不多的。更多的时候我们看到的页面是图和文字以及大块的颜色轻的图和小块的颜色重的图的平衡,以及与文本的疏密和大小的平衡,所以这是一种动态的平衡。因此合理地布局图片与文字的相互穿插,会使页面条理清晰,布局合理,重点突出。

网页色彩的运用

色彩对网页设计非常重要,是网页设计的关键因素之一,能给浏览者带来最强视觉冲击力的要素就是网页色彩,好的网页色彩设计能突出主题,引导视线,统一风格,使网站更便于浏览,给人留下深刻的印象。

鲜明、独特的识别性原则。“在网站云集的互联网上,一个网站的网页色彩只有与众不同、独一无二才能给浏览者留下深刻的印象”,达到良好的宣传效果。有几种方法可以借鉴:如选定一种色彩,然后调整其透明度或者饱和度,产生新的色彩,这样使页面看起来色彩统一,有层次感。而当使用两种色彩时,先选定一种色彩,然后选择它的对比色,这样整个页面色彩丰富但不花哨。也可用一个色系,例如淡蓝、淡黄、淡绿,或者土黄、土灰、土蓝,这样会使得网页风格统一。这在一些以女性为主题的网站中经常见到,大多采用粉色暖调,既体现了女性的主题,也使得网站的风格一致,保持良好的连续性。再如用黑色和一种彩色。比如大红的字体配黑色的边框感觉很“跳”,一些设计类网站常用到,这类网站往往页面视觉冲击力强,用色大胆,给浏览者留下深刻的印象;而灰色被称为万能色,可以和任何颜色搭配。

配色视认度高原则。我们在浏览网站时要长时间注视发光的荧屏,所以网页色彩要尽量抑制强对比,减少屏幕刺激,减轻视觉产生的疲劳。网页色彩的配色必须考虑视认度,视认度的高低取决于图与底的色彩对比程度,不要用花底作为页面的背景,那样背景不突出反而页面没有层次感,采用与页面内容对比强烈的颜色作为背景以突出内容的主题。此外,图形面积大小和图形的复杂程度也影响视认度的高低。在页面用图的选择上要使用清晰易识别的图形,以提高视认度。

因此,网页中色彩运用的成功与否,是决定网站的风格、定位的关键因素,遵循可行的规则,恰当地运用色彩,是网页设计的关键。

网页中其他各构成要素分析

对于网页设计来讲,其信息内容的有效传达是通过将各种构成要素的设计编排来实现的。网页的构成要素包括文字、图形、声音等基本构成要素及页头(LOGO、Banner)、导航栏、信息正文、页脚(版权信息、公司信息)等内容要素。

网页中文字的编排与设计。文字作为信息传达的主要手段目前也是网页设计的主体,文字是网页中必不可少的元素,也是网页中的主要信息描述要素,可以说是网页的灵魂。

谈谈对网页的设计 第18篇

表格的基本用法相信您已经非常熟悉了。但为了保证文章的完整性，阿捷在这里还是再罗列一遍。

●表格的HTML基本语法

例如：

●table标签的参数。table标签可以含下列参数。

border 表格边框cellspacing 表元之间的空白距离cellpadding 表元内部的空白距离width 表格宽度（可以用%或者具体数据表示）height 表格高度

例如：

●表格的对齐方式

１.表格内的文字对齐。

语法：

left 横向居左center 横向居中right 横向居右top 纵向居顶middle纵向居中bottom 纵向居底

例如：

2.表格在页面内的对齐。

如果你需要与表格并排放一段文字，就需要用到table标签的另一个个参数：

例如：

这里的文字是和表格并排排放的

●表格的嵌套

表格嵌套就是在表格里插入表格，嵌套的排版方法就是将要插入的表格当做文字来处理同样使用

例如：

●表格的色彩

表格的色彩也在

bgcolor 背景颜色bordercolor 边框颜色bordercolorlight 立体边框亮色bordercolordark 立体边框暗色

语法为：

例如：

谈谈对网页的设计 第19篇

首页的内容模块是指你需要在首页上实现的主要内容和功能。一般的站点都需要这样一些模块：

网站名称(logo), 广告条(banner), 主菜单(menu), 新闻(what's new), 搜索(search), 友情链接(links), 邮件列表(maillist),计数器(count), 版权(copyright).

选择哪些模块，实现哪些功能，是否需要添加其他模块都是首页设计首先需要确定的。

谈谈对网页的设计 第20篇

经过第二步印象的的_量化_后，你需要进一步找出其中最有特色特点的东西，就是最能体现网站风格的东西。并以它作为网站的特色加以重点强化，宣传。例如：再次审查网站名称，域名，栏目名称是否符合这种个性，是否易记。审查网站标准色彩是否容易联想到这种特色，是否能体现网站的性格等等。具体的做法，没有定式。我这里提供一些参考：

1.将你的标志logo,尽可能的出现在每个页面上。或者页眉，或者页脚，或则背景。

2.突出你的标准色彩。文字的链接色彩，图片的主色彩，背景色，边框等色彩尽量使用与标准色彩一致的色彩。

3.突出你的标准字体。在关键的标题，菜单，图片里使用统一的标准字体。

4.想一条朗朗上口宣传标语。把它做在你的banner里，或者放在醒目的位置，告诉大家你的网站的特色是...

5.使用统一的语气和人称。即使是多个人合作维护，也要让读者觉得是同一个人写的。

6.使用统一的图片处理效果。比如，阴影效果的方向，厚度，模糊度都必须一样。

7.创造一个你的站点特有的符号或图标。比如在一句链接前的一个点，可以使用,.。☆※○◇□△→（区位码里自己参看）等等。虽然很简单的一个变化，却给人与众不同的感觉，(为什么我没有想到呢？)

8.用自己设计的花边，线条，点

9.展示你网站的荣誉和成功作品。

10.告诉网友关于你的真实的故事和想法。

风格的形成不是一次定位的，你可以在实践中不断强化，调整，修饰，直到有一天，网友们写信告诉你：_我喜欢你的站点，因为它很有风格！_

● 创意(idea)是网站生存的关键。这一点相信大家都已经认同。然而作为网页设计师，最苦恼的就是没有好的创意来源。

注意，这里说的创意是指站点的整体创意，(因为这个创意而产生这个站点，或者相同的内容，推出的创意不同),网页的平面设计创意我将在后面的版面布局窍门里介绍。

创意到底是什么，如何产生创意呢？

创意是引人入胜，精彩万分，出奇不意的； 创意是捕捉出来的点子，是创作出来的奇招.... 这些讲法都说出了创意的一些特点，实质上，

谈谈对网页的设计 第21篇

网站的目录是指你建立网站时创建的目录。例如：在用frontpage98建立网站时都默认建立了根目录和images子目录。目录的结构是一个容易忽略的问题，大多数站长都是未经规划，随意创建子目录。目录结构的好坏，对浏览者来说并没有什么太大的感觉，但是对于站点本身的上传维护，内容未来的扩充和移植有着重要的影响。下面是建立目录结构的一些建议：

●不要将所有文件都存放在根目录下。

有网友为了方便，将所有文件都放在根目录下。这样做造成的不利影响在于：

2.上传速度慢。服务器一般都会为根目录建立一个文件索引。当您将所有文件都放在根目录下，那么即使你只上传更新一个文件，服务器也需要将所有文件再检索一遍，建立新的索引文件。很明显，文件量越大，等待的时间也将越长。所以，给您的建议是：尽可能减少根目录的文件存放数。

●按栏目内容建立子目录。

子目录的建立，首先按主菜单栏目建立。例如:网页教程类站点可以根据技术类别分别建立相应的目录，象Flash,Dhtml,Javascript等；企业站点可以按公司简介，产品介绍，价格，在线定单，反馈联系等建立相应目录。

所有程序一般都存放在特定目录。例如：CGI程序放在cgi-bin目录。便于维护管理。所有需要下载的内容也最好放在一个目录下。

●在每个主目录下都建立独立的images目录。

默认的，一个站点根目录下都有一个images目录。刚开始学习主页制作时，阿捷习惯将所有图片都存放在这个目录里。可是后来发现很不方便，当我需要将某个主栏目打包供网友下载，或者将某个栏目删除时，图片的管理相当麻烦。经过实践发现：为每个主栏目建立一个独立的images目录是最方便管理的。而根目录下的images目录只是用来放首页和一些次要栏目的图片。

●目录的层次不要太深。

目录的层次建议不要超过3层。原因很简单，维护管理方便。

其它需要注意的还有：

1.不要使用中文目录；网络无国界，使用中文目录可能对网址的正确显示造成困难。

2.不要使用过长的目录；尽管服务器支持长文件名，但是太长的目录名不便于记忆。

3.尽量使用意义明确的目录；上面的例子中，你可以用Flash,Dhtml,Javascript来建立目录，也可以用1，2，3建立目录，但是哪一个更明确，更便于记忆和管理呢？显然是前者！

随着网页技术的不断发展，利用数据库或者其他后台程序自动生成网页越来越普遍，网站的目录结构也必将飞跃到一个新的结构层次。

谈谈对网页的设计 第22篇

关键词：网页设计，用户体验，用户界面

想要建立一个成功的网站，首先就要贯彻“以人为本”的原则，在现今的设计过程中能够体现“以人为本”原则的设计就属用户体验设计了。科技论文。这就不得不提到两个名词即用户体验和用户界面概念的理解。

一、名词概念

1.什么是用户体验

用户体验（user experience）简称UE，是指用户在接受和使用一个产品（服务）的过程中建立起来的心理感受。用户体验无处不在，在日常生活中人们所接触到的一切产品，例如，交通工具飞机、汽车、公交车、自行车，数码产品电脑、手机、相机、mp3等，人们在使用的过程中都会产生纯主观的心理感受。这些纯主观的感受完全建立于用户体验产品的过程中，而产品的好坏或亏盈就由这些体验感受所决定，所以产品设计中的以用户为中心的用户体验设计显得至关重要。

2．什么叫做用户界面

用户界面（User Interface）简称UI，界面（Interface）是人机互动过程中的一个层面；界面设计是一个复杂的有不同学科参与的工程，认知心理学、设计学、语言学等在此都扮演着重要的角色。比如，制作一个公司的网站时，不仅要兼顾用户的便利，同时也要把这个公司引人注目的地方一起展现出来。如果把一个网站比喻成一栋房子，那么用户界面则是房子的门面和装潢，只有首先吸引用户的眼球才能使用户留在房子里去体验生活。

二、用户体验设计的分类

在网站建设过程中如果只了解到用户体验的概念是不够的，设计者们必须要理论结合实践。因为用户体验是一种用户纯主观性的心理感受，设计师们在很微小的细节进行调整，或许就会得到用户的钟爱。这些细节上的精心设计必须经过设计师对于用户自身的调查与用户反馈的信息才能整出头绪，进行整合设计。那么通过调查与反馈用户体验的设计可以从以下几个方面进行调整设计。

1.感官体验

想要在网页中设计出好的界面的话，感官效果是必须考虑的一个方面。要注意网页的界面应该要保持一贯性不能给用户带来混乱感；在使用方法方面，设计风格要符合目标客户的审美习惯，并具有一定的引导性。科技论文。界面的构成不能太复杂；主要内容应设计在引人注目的地方。同时，页面布局重点突出，主次分明，图文并茂。与企业的营销目标相结合，将目标客户最感兴趣的，最具有销售力的信息放置在最重要的位置。在设计页面色彩时应该与品牌整体形象相统一，主色调和辅助色不超过三种颜色。以恰当的色彩明度和亮度，确保浏览者的浏览舒适度。

2.浏览体验

浏览体验顾名思义就是呈现给用户浏览上的体验，更强调的是吸引性。在一个网站中一切内容和服务都是从网站的导航延伸出去的，所以导航应该要动感、简洁、清晰，分类条理最关键。随着现在网站功能越渐强大，各类型网站中增加了越来越多的视频、动画元素，对网站速度的要求也越发苛刻。所以加快页面的浏览速度选择一家稳定的服务器托管商也至关重要。在网站的内容上设计者应该给用户带来舒适的文字环境。如今，网站博客撰写已成为了一个很大的话题。我们需要用和朋友对话的方式来撰写博客，让用户感觉到一种舒适温馨的氛围。这样用户就会少一些局促感，即使他们遇到了使用上的问题，也会心情愉悦的在网站帮助中寻找解决的办法。

3. 信任体验

4. 互动体验

它呈现给用户操作上的体验，强调网站的易用性。网站与用户必须有高度的互动性，网站不是一张死板的宣传单，要让浏览者通过网站进行各种互动行为，包括直接联系企业客服中心；在线留言或咨询；在线订购物品；发表评论等，总之，要让网站和浏览者互动起来，通过网站把浏览者和企业连接起来。能互动的地方越多，这个网站的价值就越大。科技论文。因为只有和浏览者产生交流并可帮助浏览者解决实际问题，比如可以回答他的提问或直接购买产品，对浏览者来说你的网站才是有生命的，有价值的。

三、总结

网站的用户体验设计是是在互联网时代开放、共享、自由的氛围中的一种进化需要，并且它最终将成为无论是从需求分析、到界面设计再到开发到运行维护至关重要的一部分，因为我们随时都需要将用户置入服务的核心，用我们的爱来浇注产品本身。

参考文献：

[1] 戴力农.当代设计研究理念：用户体验超人性化设计方法.上海交通大学出版社，2009

[2] 崔武子，齐华山，于宁. 界面设计与Visual Basic.清华大学出版社，2004（7）

[3]（(美) Jason Beaird著 熊平, 宓媛珊译. 完美网页设计. 北京:人民邮电出版社，2008（7）

[4] 徐延章. 美工与创意:网页设计艺术. 北京:科学出版社，2009（7）