网页界面

网页界面（精选十篇）

网页界面 篇1

一、网页的版面布局设计

网页的版面布局是指网页的构成要素之间的排列关系。常见的网页版面布局有:“T”结构布局、“口”型布局、“三”型布局、对称对比布局、POP布局等。无论是哪种布局, 在网页版面设计过程中首先应该注意的问题是避免把整个网页界面中的每个区域都塞满, 不留任何空白, 这样的网页界面充斥着让人窒息的感觉。适当的留白反而会使整个网页版面简洁、舒适, 使浏览者在浏览网页的过程中感觉轻松愉快, 同时也能提高网页视觉信息的可读性。就如同著名的建筑大师密斯.凡.德.罗提出的:“少即是多 (Less is more) ”。在网页界面设计中同样适用。在网页的整个版面中, 按照信息传达的重要性通常又分为三个区域:重点经常更新的信息, 次要的内容信息, 起辅助作用相对稳定不变的信息。按这三个信息的主次关系来分布三个信息在整个网页版面中的布局。这样浏览者在浏览网页过程中就会突出对重点区域的印象。从而突出整个网页界面的合理布局。

二、网页的色彩搭配

在实用美术中, 常有"远看色彩近看花, 先看颜色后看花, 七分颜色三分花"的说法。这也就说明, 在任何设计中, 色彩对视觉的刺激起到第一信息传达的作用。因此, 只有对色彩基础知识的良好掌控, 才能在网页界面设计中做到游刃有余。色彩是网页界面设计中的灵魂, 是网页设计过程的核心要素之一, 是浏览者在浏览网页过程中最先也是最持久获得网站的印象。网页色彩的搭配对整个网页的视觉风格中取到决定性作用, 因此网页设计过程中根据网站的内容和结构首先要确定网页的基调和配色方案, 按照色彩之间的内在联系, 来搭配整个网页界面的色彩应用。梵高也曾说过:“没有不好的颜色, 只有不好的搭配。”所以想运用好网页界面的色彩就一定要了解网页设计的色彩搭配的知识。

三、网页的文本内容

文字是人类文明的象征, 是人类传递信息的重要视觉符号, 更是现代信息传播的主要载体, 是信息传递最直接, 最明确的交流方式。因此文字在网页界面中也充当了非常重要的元素, 一个网页可以没有图片, 没有动画, 但不能没有文字, 文字是浏览者获得信息的最主要和最准确的方式。当然网页上的文本内容不同于报纸、杂志上的文本。因为网页浏览者一般不会精读网页全部的文本内容, 而是快速浏览, 因此网页文本在围绕主题的前提下必须精炼, 这样才能使浏览者快速的获得网页主旨信息内容, 同时也使网页的重要内容得以被浏览者所接收。网页的文本精炼可以通过以下方式实现:

1. 把文本内容分类, 以标题的形式出现

2. 重要的文本通过超链接的方式进行分离

3. 按重要性分层次

四、网页的图片和动画效果的应用

随着计算机的不断更新, 网络技术的不断成熟和发展以及互联网速度的提升, 目前浏览网页的过程中已经很少出现停滞等现象。这就促使网页界面中的图片与各种动画特效所占的比例不断提升, 因为图片与动画特效以其特有很强视觉冲击力的直观表现形式, 在网页界面中成了不可或缺的构成要素。然而图片和动画由于范围广, 涉及的种类多, 网页界面中的图片和动画特效也不能盲目选择, 而要根据网站的内容进行筛选。设想下如果所选择的图片或者动画与网站的内容、风格不相符, 那么其给浏览者所带来的不是吸引而是给人很不自然很突兀的感觉;相反, 好的图片和动画, 不仅给人很自然很协调的感觉, 而且也会对整个网页内容起到引导和提示网站主题的作用。同时, 分辨率大小也会影响着网页图片和动画的效果。网页界面中所用的图片和动画如果像素太低, 就会造成整个页面模糊给人一种消极的感觉, 因此在网页中所用的图片和动画效果尽量要选择适合的分辨率, 这样就会给浏览者留下深刻的印象。据研究发现, 在视觉传达中应用好的图片和动画, 所带来的传达信息的能力不亚于文字, 很多人都是通过图片和动画效果来记住一个网站。因此, 图片和动画代表着网站的形象, 他们所表述的内容和传达的主题, 都与网站的整体形象密不可分。

五、网页界面的互动设计

互动设计是技术与艺术相结合的人性化回归, 是网页界面设计关注的又一重点。计算机科学技术给网页设计以坚实的结构和完美的功能, 而互动设计则赋予网页设计人性化美感, 使网页充满亲和力和情趣。网站人性化设计通过调整网页内容和表达形式, 应用引导性图形语言, 让浏览者与网页界面产生互动, 使网站平台满足用户多方位的使用需求。在细节中表达出温润的人文关怀, 吸引并留住用户, 更利于用户浏览。

综上所述, 由于网页界面设计者不仅是网页视觉符号的设计者, 也是设计的体验者。因此一个好的网站的网页界面设计者必须通过网页的版面布局、网页的色彩、网页的文本、网页的图片和动画特效及网页的互动设计等角度进行对网页界面不断完善、改进、调整和更新, 这样才能真正设计出好的网页。

参考文献

[1]梁日升.杨杰.网页艺术设计[M].机械工业出版社, 2011.

[2]埃利奥特.杰伊.斯托克斯.网页的吸引力设计法则[M].电子工业出版社, 2011.

[3]潘群.吕金龙.网页艺术设计[M].清华大学出版社, 2011.

网页界面构图与设计教学大纲 篇2

课程名称：网页界面构图与设计 课程编号:0651232070 课程性质：独立设课 课程属性:必修课

课程总学时：2周学分：2 实验学时：20 实验课学分：1.5 面向专业：艺术设计（网络视觉设计方向）教研室名称：视觉传达教研室 应开实验项目数：5

一、课程说明

网页界面设计是将技术性与艺术性融为一体的创造性活动。网页设计是以功能性为第一指导原则，以技术因素为主要考虑对象，以完成或实现必要的功能为目标。以字符组成的界面可以起到基本的信息传达作用，同时技术要求相对较低，易于实现，并且有较好的稳定性，故而这种形式的界面在很长一段时间内是人机交流的主要形式。

二、课程教学要求

网页界面设计课程的教学目的和任务主要有两个方面：一方面本课程通过对网页用户界面设计中的信息传达、视觉符号的应用等专业知识的讲授，让学生能掌握网页设计中相关的设计思维与视觉表现方面的知识，让学生把网站中要传达的信息通过数码交互媒体的手段展现出来。另一方面通过对相关设计软件的使用进行课堂讲解与练习，使学生能够掌握相关软件操作的基本知识，并能够通过灵活应用课堂知识处理一些在实际项目中遇到的技术困难。

要求学生掌握基本内容为： 第一章 网络基础 1.网络 2.网络原理

3.网络设计作品的上传、下载和展示 4.网页 5.网站

第二章 网络艺术设计 1.网络艺术设计基础 2.网页设计 3.网站设计 4.网络其他设计

第三章 网络设计特色分析 1.浏览人群分析 2.网络交互艺术 3.西方网络艺术

4.网络艺术设计现状分析 5.网站特色设计 本课程的教学方法为：

1.重方法引导、重设计原理、重思维创意。2.把理论和实践练习相结合来掌握知识。3.通过专题训练和分组讨论来巩固提高知识。

4.通过成功的设计案例，让学生们了解本设计作为核心基础课程的重要性。

三、理论教学内容与学时分配 第一章 网络基础（5课时）1.网络 2.网络原理

3.网络设计作品的上传、下载和展示 4.网页 5.网站

第二章 网络艺术设计（10课时）1.网络艺术设计基础 2.网页设计 3.网站设计 4.网络其他设计

第三章 网络设计特色分析（19课时）1.浏览人群分析 2.网络交互艺术 3.西方网络艺术

4.网络艺术设计现状分析 5.网站特色设计

四、考核方式与成绩构成

考核方式：阶段作业、理论与实践考试方式

成绩构成：平时成绩10%、期中成绩30%、期末成绩60%（其中技能成绩占70%，理论成绩占30%）

五、教材与参考书 推荐教材： 1.《网页界面设计创意指南》 侯慧俊主编 上海科学技术文献出版社2009年版

2.《网页界面设计艺术教程》 张帆、罗琦、宫晓东著 人民邮电出版社 2002年版 参考书目：

1.《网站规划与网页设计》 谢成开、孙丹丽编着 西南师范大学出版社 2009年版

浅谈网页界面设计发展新趋势 篇3

保山学院信息学院  杨  薇

【摘要】网站是公司或企业宣传形象文化的重要窗口，一个界面良好的企业网站可以提高公司品牌的知名度。要设计个性的网站就要紧跟潮流，本文主要讨论网页设计发展的新趋势及其在社会中的应用。

【关键词】网页设计;界面设计;单页布局;响应式页面

1.网页设计的总体要求

一个企业创建网站的主要目的是增加产品供应和提高品牌的知名度，通过它客户可以得到企业最新信息，获得最新产品介绍。

Web网站的设计是展现企业形象、介绍产品和服务、体现企业发展战略的重要途径，因此我们必须明确设计站点的目的和用户需求，从而做出切实可行的设计方案。我们会根据消费者的需求、市场的状况、企业自身的情况等进行综合分析进行设计规划。在设计规划时我们会考虑：建设网站的目的;提供服务和产品的对象;企业能提供什么样的产品和服务; 网站的目的消费者的特点是什么;企业产品和服务适合什么样的表现方式。

在目标明确的基础上，完成网站的构思创意，对网站的整体风格和特色作出定位，规划网站的组织结构。网站应针对所服务对象的不同而具有不同的形式。有些站点只提供简洁文本信息;有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页面布置，甚至可以下载声音和录像片段。好的Web站点把图形表现手法和有效的组织与通信结合起来。

为了做到主题鲜明突出，要点明确，我们将按照客户的要求，以简单明确的语言和画面体现站点的主题;调动一切手段充分表现网站点的个性和情趣，办出网站的特点。

2.传统网页界面设计方法

网页界面设计通常指网站前台或前端设计，重在观念设计，即对站点整体视觉布局与单页面视觉互动。

2.1 网站的版式设计

网页作为一种视觉语言，特别讲究编排和布局。版式设计通过文字图形的空间组合，表达出和谐与美。多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要处理好页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果，我们将反复推敲整体布局的合理性，使浏览者有一个流畅的视觉体验。

2.2 色彩在网页设计中的作用

色彩是艺术表现的要素之一。在网页设计中，我们的设计师根据和谐、均衡和重点突出的原则，将不同的色彩进行组合.搭配来构成美丽的页面。 根据色彩对人们心理的影响，合理地加以运用。如果您的企业有CIS（企业形象识别系统），我们将按照其中的VI进行色彩运用。

2.3 网页设计形式与内容相统一

为了将丰富的意义和多样的形式组织成统一的页面结构，形式语言必须符合页面的内容，体现内容的丰富含义。灵活运用对比与调和、对称与平衡、节奏与韵律以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。

如对称原则在页面设计中，它的均衡有时会使页面显得呆板，但如果加入一些富有动感的文字、图案，或采用夸张的手法来表现内容往往会达到比较好的效果。

点、线、面作为视觉语言中的基本元素，巧妙地互相穿插、互相衬托、互相补充构成最佳的页面效果，充分表达完美的设计意境。

2.4 结构清晰并且便于使用

如果人们看不懂或很难看懂您的网站，那么，他如何了解你的企业和服务呢？使用一些醒目的标题或文字来突出您的产品与服务。并且即使您拥有最棒的产品，如果客户从您的网站上不清楚您在介绍什么或不清楚如何受益的话，他们是不会喜欢您的网站的，这就是网页设计的失败。

2.5 导向清晰

网页设计中导航使用超文本链接或图片链接，使人们能够在您的网站上自由前进或后退，而不会让他们使用浏览器上的前进或后退。我们在所有的图片上使用“ALT”标识符注明图片名称或解释，以便那些不愿意自动加载图片的观众能够了解图片的含义。

3.网页设计新的发展趋势

3.1 整页背景

网页背景经常遭到忽视，它们本身也不应该太受关注，否则前景中的东西也就不那么显眼了。但有时，当设计师灵感迸发时，也会把背景做成网页中最显著的部分。这个技巧最近比较流行。当设计师没有很多内容可以展示的时候，他们就会这么做。

3.2 响应式网页设计

响应式Web设计的理念是：页面的设计与开发应当根据用户行为以及设备环境（系统平台、屏幕尺寸、屏幕定向等）进行相应的响应和调整。具体的实践方式由多方面组成，包括弹性网格和布局、图片、CSS的使用等。无论用户正在使用笔记本还是iPad，我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等，以适应不同设备;换句话说，页面应该有能力去自动响应用户的设备环境。

响应式网页设计就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这样，我们就可以不必为不断到来的新设备做专门的版本设计和开发了。响应式网页设计主要采用弹性化和响应式图片技术手段来实现。响应式网页设计就是要让网站能够适应所有分辨率。不管你使用什么分辨率，网站的要素都能够重新组织以形成良好的视觉效果。同样的网站在大屏幕显示器上和在手机上都能很好地显示。

3.3 单页布局

单页布局即使用一个单独的页面来呈现网站的内容，在这种设计中包含了丰富的图像和生动的动画效果。当用户使用时，点击某个导航项，页面随之改变，新的内容就出现在了显示先前内容的区域里。使用单页布局对用户来说最主要的优势是通过更少的鼠标移动和点击来获得用户想要的信息。个性的色彩图画及吸人眼球的动画极大的吸引了用户的注意力，让访问者不知不觉延长了停留在网站的时间。

单页布局的实现主要依靠HTML5。HTML5极大的改变了网页设计的工作，其中一项最大的变化就是，其所支持的jQuery几乎要把Flash淘汰。HTML5能带来绝佳的动画，这种动画能力让我们能设计动态的单页布局，而这种个性的单页布局是作品集和个人页面的首选。

风靡社会的网购活跃在商业舞台，成为新世纪购物趋势的主流，极大的带动了经济的发展。各色各样的网上商品让人爱不释手，商家为了吸引网民，而让网民掏钱包，在设计网站中也各有特色，而单页布局设计是很多设计师们设计个性作品的首先。

4.小结

网页设计仍然在不断变化，不断创新，电子商务时代的到来，赋予设计人员更大的挑战，不断学习和适应行业的最新潮流，掌握该行业的最新动态，才可以立于不败之地。

参考文献

[1]姚怡，余海萍.网站建设与管理[M].中国铁道出版社，2007.

[2]易枚根，易林.Dreamweaver MX 2004网页设计与网站建设[M].机械工业出版社，2004.

网页UI界面设计探析 篇4

关键词：UI界面,网页,探讨

随着互联网的普及, 网页设计是否美观、合理成为大众最关心的一个课题。当前形势下, 网站的功能、种类、用户构成等因素日趋复杂, 网页UI界面设计也在不断地发展, 这一原来的边缘学科, 发展为计算机科学与设计学、心理学、人机工程学和认知科学的交叉研究领域, 成为了热门, 是IT行业和设计行业中最重要的一员。

一、UI的概念

UI界面, 英文UI (User Interface) 又称为人机交互界面, 指人与机器沟通的平台, 是承载用户与机器之间信息输入输出、互相传递的媒介。其包含运营平台、客户端、发布者三种平台界面及其之间信息的有效沟通。界面整体布局系统又分为输入界面和输出界面。

二、网页UI界面构成要素

1. 视觉要素设计

1) 网页图标 (ICON) 设计

图标作为网页UI界面中的重要工具, 包括:像素图形图标、全色彩图形图标、简化图像图标和三维图像图标。

像素图形图标是早期图标, 其表现形式仅有256色像素点阵, 通常情况下可以很好体现出较字符用户界面;全色彩图形图标具有简约、标准和抽象的特性;简化图像图标是具有简笔画风格的图标, 他在色彩效果上使用纯色填充, 但在构图上变化多端, 视觉效果简单真实, 如图1所示;三维图像图标是三维造型的图标, 具有良好的空间感, 如图2所示。

2) 网页文字设计

网页中旗帜栏和导航栏中的文字是两种最特殊的文字。

旗帜栏是宣传式的栏目, 作为网页中传递整站信息的重要途径, 最易于浏览者查看。旗帜栏文字具有统一性、标识性等性质, 设计趋于图形化。

导航栏是地图式的栏目, 在导航条的布局中, 文字是最好的用户向导, 导航栏文字的设计效果决定了浏览者能否迅速找到目标页面。

网站种类复杂属性各异, 在做网页文字设计时, 要充分考虑到使用者的年龄、性别、职业、文化背景、经济水平等因素。

3) 网页版面设计

网页“布局”是对页面的内容尺寸、间距及位置的设计, 好的布局可以有效地帮助用户快速找到目标内容, 并在视觉效果上给用户享受。

合理的布局必须要有清晰的视觉层次, 必须直观体现网页UI界面各元素之间的重要梯度, 用户首先关注的区域是标志、LOGO和导航栏等重要元素。体现视觉层次, 还需要在设计视觉流时还应考虑交互人物的逻辑性和浏览习惯。

2. 多媒体设计

多媒体技术是指将多种单媒体复合而成的技术。多媒体技术融合了各种视觉和听觉媒体, 包括动画、文字、图形、图像、语言、音乐和立体声响等, 多媒体网页UI界面可以让用户同时接受多样的媒体信息来源。网页UI界面设计中使用多媒体技术可以体现以下几个特点:

1) 集成性, 对远程多媒体的影音信息统一取得与发布。

2) 交互性, 人性化的实现信息传播, 能够主动选择和控制信息流方向。

3) 非线性, 创建了超文本链接方法, 把灵活展示浏览内容。

4) 实时性, 实时控制多媒体信息, 及时配合用户指令。

5) 动态性, 用户可以按照自己的需求选择信息使用方式, 甚至重组信息的各种表现形式。

三、网页交互设计

交互设计需要解决的是人与机器之间互动的问题, 是表现层的东西, 好的交互设计方案能够让用户感觉网页非常好用。怎样的网页交互设计才算是好的方案呢?

1. 让人有耐心等待。

根据网络调查, 大多数用户对网页打开的等待时间最多坚持5秒钟, 如果5秒内页面都不能打开, 那这个页面上的内容将没有任何意义都就将。所以在交互设计时, 需要考虑网页等待时给用户提供的信息。最好的方式是反馈, 当用户等待时, 告诉用户他的操作是否成功并且将剩余的等待时间实时呈现, 这样就能有效解决用户不能耐心等待的问题。

2. 让人不用动脑筋想。

好的网站能够帮助用户快速完成任务, 要达到快速完成任务的目的, 交互设计必须使页面简单, 尽量让用户浏览时不收不必要的干扰, 最好能够符合用户心智模型。因为, 大部分的用户在浏览网站时希望的是能快速找到勉强应付的方案, 而不愿意主动寻找方案, 百分之八十的用户只会用百分之二十的功能。

四、网页UI界面设计展望

目前, 网页UI界面设计主要是三维的视觉界面和二维的图形界面, 同时辅以动画、声音等多媒体插件布局设计。随着计算机技术的不断发展, 三维立体的操作界面系统会在网页设计中逐步普及, 三维立体界面的直接操作是虚拟现实 (Virtual Reality) 交互性的一个重要表现方式。三维虚拟空间中的直接操作包括平移、拾取和旋转等操作, 例如如今比较前沿的3D影装和多点触控技术。三维直接操作使得网页UI界面设计不再仅仅局限于视觉效果的三维变换, 可以实现类似于四维空间的人机直接交互, 从而更好的完成用户操作。

五、结论

几十年来, 网页UI界面设计经历了不同的发展阶段, 流行了各种不同的风格, 当前网页UI界面处于图形用户界面时代, 作为网页设计师并不能仅仅满足这种现状, 需要和计算机科学家们一起合作, 积极探索新型界面风格的人机交互技术。现代网页UI界面设计的主要任务就是要把用户实际工作过程、任务模型、行为方式、心理模型有效化的结合, 并合理的转换成界面产品内容的实现模型, 从而向用户呈现一个尽可能接近其真实角色, 符合高度审美标准的界面产品系统模型。

参考文献

[1]罗仕鉴.人机界面设计[M].北京:机械工业出版社, 2002:18-93.

[2]姜蔚.用户界面设计研究[D].浙江大学, 2006

[3]郭翠云.浅谈人机交互风格及其发展趋势[J].管理观察, 2009 (, 28)

[4]尹定邦.设计学概论[M].湖南科学技术出版社, 2006:51-178

[5]徐刚.Windows用户界面设计与优化策略[M].北京:人民邮电出版社, 2005:18-109

色彩在网页界面设计制作中的应用 篇5

关键词：色彩；网页界面；设计；应用

1 色彩的基本概念

在自然界中，颜色主要分为两种，一种为彩色、一种为非彩色，非彩色主要指黑色、白色、灰色等，而其余的蓝色、黄色、红色都属于非彩色，任何彩色都具有三个要素：明度、纯度、色相。明度：明度就是指色彩的明亮度，色彩的亮度越高，那么色彩的明度就越高。明度能单独的呈现出来，故，明度具有较强的独立性。明度在彩色中非常重要，因为纯度和色相都必须建立在明度的基础之上。在对网页界面进行设计时，色彩的明度越高，那么网页界面就能呈现出明亮清晰的感觉，色彩越低，那么网页界面呈现出的就是安静、压抑的感觉，若色彩的明度适中，那么页面界面就能呈现出活泼、艳丽的感觉。明度是色彩感受的重要影响因素。纯度：纯度是色彩内在品格的重要表现因素，当颜色的纯度发生变化时，色彩也会随之而变化。若颜色的纯度较高，那么色彩就会呈现出活泼、艳丽的感觉；颜色的纯度适中，那么色彩就会呈现出踏实稳重的感觉；若颜色的纯度较低，那么色彩就会呈现出厚重、沉重的感觉。色相：色相就是色彩的相貌，也就是人们常接触的黄色、紫色、蓝色、绿色、橙色、红色、青色等等，为了对色彩之间的特征进行区分，人们对不同的特征设置了一个名称，当人们对一种色彩进行描述时，人们就会随之联想到一种颜色，这就是色彩的色相。对于色彩而言，色相是非常重要的灵魂，不同的色相给人们带来的感受是不同的。色相分为暖色调和冷色调，暖色调能带给人们一种温暖、灿烂的感觉，如：黄色、红色、橙色，而冷色调带给人一种安静、稳重的感觉，如：蓝色、绿色。很多设计师在设计网页界面时都喜欢运用暖色调，为网站创造出独特的效果。此外，人们还将红橙黄绿青蓝紫作为色环，并在此基础上对颜色进行分类，为配色的有效性提供方便。

2 色彩的心理效应

在人们的生活中，我们会接触到很多的颜色，面对不同的颜色，人类会产生不同的反应。根据资料的显示，当人处在红色的环境中，人脉搏的跳动速度会快于正常人的跳动速度，此外，血压也有上升的趋势，能带给人一种激动的情绪；让人处于蓝色的环境中，人的情绪就会逐渐的稳定，并且血压出现下降的趋势，直至达到正常人的血压。在一些职业中，颜色成为了一种标志，如：军营的绿、医疗的白、高科技的蓝等等。设计师在对网页界面进行设计之前，要对颜色的象征性含义进行了解，保证设计作品符合网页界面的风格。如：红色代表温暖、热情、火辣、性感和爆发力；黄色代表高贵、愉悦；绿色代表和平、无污染、青春、羞涩和闲适；蓝色代表冷静、永远、理智；白色代表纯洁、干净；灰色代表沉默、消极、谦虚等；除此之外，还可以将色彩进行搭配，不同颜色的搭配能产生不同的效果，如：自然、妩媚、时尚、稳重、活泼、青春等等。设计师在设计网页界面时，要根据界面的风格和内容进行合理的设计，这样才能保证信息宣传的效果。另外，在设计时，应对少数民族的文化进行了解，在某些方面，地区文化与少数民族文化存在着一些差异，为了对少数民族的文化予以尊重，我们应该适当的避免文化冲突。

3 色彩的运用

在设计之前，设计师还应该对色彩模式进行了解，在网页的设计中，人们常用的模式为RGB模式，RGB主要为三种颜色，红色、绿色和蓝色，这三种颜色也被人们称作為三原色。RGB中的R指红色（red）、G指绿色（green）、B指蓝色（blue）。通过对这三种颜色的调配，可以制造出各种各样的颜色。在电脑中，显示的GRB值就是色彩的亮度，在一般情况下，人们都使用整数表示。R、G、B各有256级亮度分别为0、1、2 ……255，调配出来的值越大，那么颜色的亮度越高。将这三种亮度进行组合，可以调配出1678万中颜色，就是2563=16777216.人们将调配出来的颜色称为千万色，也称为24位色。在网页界面的设计中，我们将相距45度的颜色称为同类色，同类色的对比效果非常的弱，差别性非常的小，站在整体画面效果进行观看，该画面非常的和谐，简单，给人一种非常舒服的感觉。我们将相距90度的颜色称为邻近色关系，邻近色的对比效果相对接近，画面感中色调的区别非常明显，搭配出来的效果非常的和谐，能将情感的统一性充分的表现出来。我们将相距135度的颜色称为对比色关系，对比色的对比效果相对较强，色彩与色彩之间存在着明显的差别，带给人一种活动、充满活力的感觉。在对这种调配色彩进行使用时，可以将色彩的使用区域进行区分，这样搭配出来的效果更加的活动、生动。我们将相距180度的颜色称为互补色关系，调配出来的颜色对比效果非常的强，给人一种神秘、浮夸的感觉，存在着一种不真实感，这种颜色具有非常强烈的视觉冲击力，且处理难度非常高，若搭配失误，就会出现生硬的感觉。所以在使用时，尽可能的少用，就算使用也不能进行大面积的使用，否则会出现强烈的对比效果，以致出现不和谐的画面。在对网页界面进行设计时，不仅仅要考虑网页的美观，也要考虑到网页的实用性。网页界面属于平面设计的内容，但是又与平面设计存在着差别，它不仅仅要对网页的外观进行考虑，还要对人的生理特点进行考虑，在搭配色彩时，尽可能的使用较暖的色彩，这样才能给人带来一种舒服的感觉，若使用高纯度的色彩，那么就会给观看者造成视觉的疲劳，在色彩的调配中，将色彩的透明度和饱和度进行适当的调整，将网页界面的画面感融入舒适感。在对网页界面进行设计时，如何将网页界面的个性进行完美的表现，并且构成一个和谐的画面。我们可以从色彩的角色功能进行论述，在网页的色彩中，主要由主色、配色、支配色（背景色）、融合色、强调色构成。主色是网页界面的主要颜色，主色应该使用具有鲜明性和清晰度的颜色，吸引观看者的目光。配色主要是对主色进行衬托，配色对页面的整体性具有非常大的影响。支配色是网页界面风格的决定性色彩，网页界面的风格受支配色操纵，在一般情况下，人们都将较简单的颜色作为背景色，这样设计出来的界面才能清晰，若使用色调较强、色彩较杂的图形作为背景图，那么该网页界面将会出现凌乱的现象。融合色是将网页界面的色彩进行融合，协调整体页面的画面感，促进观看者与网站内容产生情感的共鸣。强调色，顾名思义就是一种强调性的色彩，对网页界面的内容进行强调，增强画面的动态感。

参考文献：

[1]李向来.网页界面设计中的配色艺术[J].濮阳职业技术学院学报，2007，20（1）：2425.

[2] 罗瑶.浅析网页界面设计中的色彩运用[J].科学大众（科学教育），2011（6）：175175.

[3] 谢瑶.浅析网页界面设计中色彩人性化表现[J].现代交际，2011（6）：89.

[4] 徐庆军.谈色彩在网页界面设计中的应用[J].职大学报，2007（4）：7576.

学校文化对高校网页界面的影响 篇6

学校文化是长期形成, 学校全体人员共同认同的校园精神以及培养这种精神所需的文化环境[1], 是精神文化、制度文化、行为文化、物质文化的总和[2]。各高校因传统、风气、学科的不同, 使其具有不同的特征, 形成特有的文化形态。

高校网站作为对外宣传、对内交流, 集教育、科研、管理、服务、交流与一体的信息化开放平台, 成为展示学校形象, 校风校貌, 传承与发展的重要窗口。如何突出高校的特色, 使浏览者快速全面的了解学校, 学校文化对高校网页界面有着不可忽视的影响。

一、版块内容

高校网站的首页页面大致都可划分为引导部分、内容部分、服务部分。引导部分主要包括标题栏 (校徽、校名等) 和导航栏。作为识别和传达信息的图形, 校徽是学校的象征与标志, 显示着本校的精神文化。作为高校网站制度文化体现的导航栏, 为方便浏览者清晰快速的找到所需的资源, 对学校各类信息进行分类、组织、整合资源, 设置要考虑两个因素:1.内容。高校以教学科研的管理制度, 服务生活的规章制度等划分, 主要包括学校概况、教育教学、科学研究、招生就业、合作交流等内容。2.服务对象。针对不同用户群, 如:学生、教师、校友、家长、企业等, 分别要了解的不同内容, 设立不同身份的导航, 链接至他们所关心的、内容整合过的页面。表达以人为本, 服务优先的理念。

中间的内容部分以高校的新闻和公告为主, 重要的信息以图片形式展现, 以吸引浏览者的注意力。少部分高校还有学术活动、讲座报告的版块, 这部分体现的精神文化和行为文化, 是校园文化中的灵魂, 而文体活动、社会活动更是丰富师生课余生活, 对课本知识的实践。目前高校网站对行为文化的表现较为薄弱, 在以后的网站建设中可作为一个重要的版块加以表现[3]。

最后作为服务的部分, 通过快速通道、友情链接把二、三级的信息内容和部分同学校有关的单位做一快速链接, 方便快捷的进入到资源平台。

高校网站首页中的版块内容在以简洁为目标的前提下, 作为信息发布的平台, 应注重校园文化传递的专业性、及时性、开放性和全面性。

1.丰富的教学资源。教学和科研是高校的工作重心, 展示教学、科研的最新成果, 以体现学校的能力, 教师的水平, 增强学生的自信心, 激发学生的学习热情。

2.实时更新的信息。浏览者不会对一成不变的页面产生兴趣, 只有不断更新, 提供最新、最及时的内容, 才会吸引浏览者不断访问, 也为教师、学生提供了所需信息。

3.丰富的学习查阅资源。教师在各领域的研究报告、学术论文进行分类整合做到信息资源共享, 以便查阅者在已有的水平上做到延续发展。

4.最后包括文艺、体育、学术、交流、社会工作等在内的各类内容, 把学校最具特色、最具代表性的内容展示出来, 更好地服务师生、服务社会。

二、色彩搭配

网站的风格可以充分体现出高校的学校文化。不同办学特色的高校, 网站的风格亦是不同。其中色彩的定位起到非常重要的作用。高校受其自身的制度文化、物质文化影响, 在网站设计中所使用的色彩也有所差异。界面主色调的确定主要受以下因素影响:

1.以校徽色彩反映精神文化。大多数高校会以校徽的颜色作为网站的主导色, 如:清华大学的校徽为紫色, 网站也以紫色作为主导色。紫色是红、蓝两种色的混合, 是东方和西方的汇通、是热情与理智的融合, 代表着清华这所知名的综合性高校的文化内涵[4];中国农业大学、北京林业大学等校徽、网站使用的绿色, 是植物的颜色, 是生命、健康的象征, 这些正是作为农业、林业等的绿色产业的文化象征;北京航空航天大学、北京科技大学等, 校徽和网站主导色所使用的蓝色, 象征运用严谨的学习态度研究着逻辑性强、思维缜密的高科技。

2.以学科色彩反映物质文化。高校网站主导色受其主要学科的影响。理科类院校网站多用蓝色的冷色调色彩, 给人沉着、冷静、严谨、理智、科技的感受。如:北京理工大学、北京化工大学等;文科类院校网站多使用红色、橙色的暖色调色彩, 具有活泼、热情、开放、积极向上的感觉。如:中国传媒大学, 中国政法大学等。我国高校网站的主色调以蓝、红居多, 其中蓝色调占据一半的比例 (52.85%) , 红色调其次 (17.15%) [5]。

3.创新性色彩选择。有些院校会选择其他的色彩作为学校网站的主导色, 如:北京外国语大学、哈尔滨工业大学使用的黑色, 表现出沉稳、庄重、成熟、大方的气势;北京大学运用红色校徽和蓝色的色块、文字, 武汉大学使用红色的校徽和大片的绿色图像背景形成对比, 给人鲜明, 刺激的感受, 让浏览者印象深刻。

色彩有着象征意义, 不同的色彩给人不同的色彩感受。高校网站色彩的使用, 为本校定义了标签, 传递着不同高校的不同文化气息。让浏览者在浏览网站的同时, 加深了对高校的深刻印象, 同时易于分辨、区分不同特色、不同学科的高校。

三、图形图像

网站中的图形图像无论是由于布局形式、色彩搭配的需要进行的版块背景、边框的修饰, 还是纯粹的图形图案, 都是起到装饰的作用。图形图像的使用可以直观、形象地展示网站的主题。

在以学生和教师为主体的高校网站中, 主体图片可以考虑以教学、科研、学习、生活等内容形式展现, 实时传达学校的精神风貌和办学特色[6]。如:中国人民大学, 以学生交流、教授讲课、文艺活动等图像作为大背景, 是对视觉上的冲击, 更是心灵上的碰撞, 把学校文化中的精神文化、行为文化展现的淋漓尽致。

高校网站使用的图形图像大多数表现物质文化, 缺少行为文化的反映。目前主要以学校的大门、主楼、标志性建筑等为主的背景图片, 可以扩展使用季节的更替、节假日的欢度、学术文艺活动的宣传、师生日常学习生活的展示等作为主题表现形式。即增强了人文气息的感染力, 给人留下非常深刻的视觉印象, 又可以让校友熟知母校的情况, 让家长了解学生的生活, 让师生有强烈的荣誉感, 很好的宣传了学校文化, 树立了学校形象。

总结

学校文化彰显高校的个性特征, 是推动高校发展不可忽视的力量。高校的网站作为窗口、作为桥梁, 更应该充分展示学校文

课间音乐对学生健康成长的巨大作用

全伟华 (北京师范大学艺术与传媒艺术学院北京100875)

摘要:课间十分钟是学生必须的休息方式。而且课间音乐对调节学生情绪、减缓心理压力起着巨大的作用。文章认为学校应区分和设计不同的课间音乐, 同时在全国教育范围内大力推广课间音乐措施的实施。总之, 要想使学生更加的健康, 教育更加的发展, 就要意识到课间音乐的巨大作用。

关键词:课间音乐;学生情绪;调节作用

一、课间音乐现状

长期以来, 课间音乐仅仅被限制于上下课的铃声, 并且长时间的放同一套铃声。上下课铃声的内容单一、乏味, 形式机械、呆板, 学生早已疲乏厌倦。因此, 对传统的课间音乐形式的改变是势在必行的。

一堂课下来, 对于学生开说, 承担着过度的心理和生理压力, 首先是生理上, 学生课堂学习主要以坐姿为主, 同学离开座位活动的时间特别少。尤其是小学生学生一入学校, 老师就会教小学生学坐姿, 举手等规矩, 那么学生身体上已经感觉疲劳了;其次是心理上, 全神贯注地学习, 势必要消耗大量的精力, 以及在学习过程中所产生的紧张、激动、兴奋等情感体验, 都会使学生产生极度的精神疲劳。

在这种情况下, 如果下课没有适当合理的休息, 学生的上课心情必定会变得烦躁不安, 产生厌学情绪, 甚至具有思想的攻击性。课间音乐是调节学生生理、心理的必要手段, 充分利用有限的课间时间进行放松和调节对于学生们的身心都是大有裨益的。课间音乐我认为很重要, 这期间可以让学生生理、心理休息一会儿, 以便有更好的精力投入到下一节课的学习中去。

众所周知, 音乐本身就有特别奇特的作用, 一些轻柔舒缓的音乐可以缓解不安的情绪, 让人身心放松, 对于经历了45分钟课堂的学生和老师来说, 课间广播放一些轻柔舒缓的音乐就很好, 轻松过后也可以更好地迎接下一个45分钟, 这样上课的质量会更好, 效率更高。对学生和教师都是很好的放松方法。

二、课间音乐的意义

(一) 课间音乐是学校健康教学的保证

瑞典教育家爱伦·凯指出:环境对一个人的成长起着非常重要的作用, 良好的环境是孩子形成正确思想和优秀人格的基础。要营造一个健康的课间十分钟, 需要有一个适合学生年龄特征的学习环境。所以在校园环境方面就必须建造一个美丽的, 充满文化气息的环境, 绿色植物会唤起孩子对生命的珍惜, 卡通人物会保存了那份童真, 而文化艺术会提升学生的审美能力。所以无形的文化环境, 潜移默化中, 陶冶了学生们的情操, 音乐是一个最好不过的手段, 有时活泼可爱、有时轻松舒畅、有时安静怡人。孩子在这样的舒适的环境下进行十分钟休息, 相信学生们一定会更加舒心, 更有意义, 更为健康。对于大多数的学生来说课间音乐播放时段是非常重要的放松方式, 学生在如此高压的学习环境下, 因为晚上经常地熬夜学习, 所以在早上中午的上课时间段,

化, 掌握版块内容、色彩搭配、图形图像等网站要素中学校文化内涵的体现, 树立自身优势和形象。高校网站建设应以学校的重要组成部分——师生为中心, 这个群体的学习、生活是学校最鲜活的体现, 更容易使浏览者和学校之间产生共同的认知和共鸣。把握好学校文化在高校网站建设中的作用, 更好地服务学校。

学生是最疲劳的。那么, 学校应出于对学生身心健康的角度考虑, 应该选择一些学生们感觉轻松和欢快的音乐类型。这样的音乐既可以安抚同学们的心情, 舒缓同学和老师的神经, 而且也有助于提高学习的效率, 同时也保证了教学质量。

(二) 课间音乐体现了激发学生学习兴趣的重要性

兴趣是指人积极探求某种事物的认识倾向, 在学习上, 它是影响学生学习的重要心理因素之一。当今教育还是以考试作为选拔人才的方式, 所以学生们在学校的时间比在家的时间还多得多。他们不仅要花大量的时间来学习, 而且还要承受社会竞争、升学竞争的压力。久而久之, 学生们的身心都会超负荷, 会出现身心上的病态。这样会导致学生对学习的兴趣程度大大下降, 这也是老师们一个头疼的问题。一般来说如果学生对某件事感兴趣, 就会积极的去探索和了解, 掌握起来也很快, 实践证明, 学生对学习没有浓厚兴趣就会厌学。兴趣不达到一定的程度, 就不出现主动性, 更别谈思维的创造性。所以在教学的过程, 教师不仅需要关注学生对什么感兴趣, 还要思考什么因素可以促进学生的学习兴趣。有了浓厚的兴趣, 学生精神才会丰富, 思维才会灵活、多变、流畅, 上课的效果才会高。

因此, 在学习教育中, 为何不考虑利用音乐来激发学生的学习兴趣, 也是非常有效的手段。

三、课间音乐的方法探索

许多校园的课间铃声音乐差不多都是由学生会广播员负责选材, 之前说过, 学生在上学期间还是大部分精力放在学习上, 不像在大学期间可以有很多的自由时间。所以, 学生们也只能随意简单的挑选一些自己喜欢的, 流行的, 热闹的音乐。有时候这样下去会学生们本来可以休息的时候变得非常的嘈杂, 让孩子们非常的烦躁。学校的课间休息, 包括午休、晚休, 这些都是学生们、老师们放松心情, 舒缓神经的时间段, 如果校园环境如此的嘈杂, 那么学生们就不会得到有效的放松。

音乐是感性和理性结合的艺术。音乐的感性在于它可以触动听者内心丰富的感情, 使人们热爱生活, 使学生更好地投入到学习环境当中。音乐的理性又在于它可以让听者们理性的思考人生和价值观念。一个充满音乐的校园一定是将理性与感性结合的校园。同时, 这个世界离不开音乐, 社会离不开音乐, 学校更离不开音乐。

参考文献:

[1]汪仪美让课间音乐更好地发挥调节学生情绪的作用[J].专题研讨,

摘要：学校文化在高校网页界面中体现出的认知感, 展示出的自身优势与特色是至关重要的。本文通过版块内容、色彩搭配、图形图像三个方面分析学校文化对高校网站建设的影响。

关键词：学校文化,网页界面,版块,色彩,图像

参考文献

[1]赵玉华.浅谈校园文化建设[J].教育管理, 2012.6

[2]鲁宏飞等.学校文化建设与管理研究[M].华东师范大学出版社, 2007.7

[3]陈海平.中美高校网站的内容分析与比较[J].情报杂志, 2012.2

[4]彭文秀.教育网站中色彩设计研究.软件导刊, 2012.7

[5]武盼盼.网页界面色彩的对比性研究.学位论文, 2010

网页中的界面设计探析 篇7

在当今的互联网时代, 网络已经成为我们学习、工作和生活中不可或缺的工具。每天我们通过互联网浏览各种网页, 获取各种信息。网页的视觉冲击力决定了访问者的第一印象, 一个成功的网页首先应该有合理的布局, 科学运用的色彩, 搭配适当的文图。因此, 越是像网页这样为大众熟悉的界面设计, 越是考验网页设计者的功力。

1. 网页界面设计概述

网页界面是人和机器交流的中间媒介。从心理学意义来分, 界面可分为感觉 (包括视觉, 听觉, 触觉等) 和情感两个层次。在当前互联网成为一种生活方式的时代, 在满足了功能需求的情况下, 人们追求个性化和情感诉求, 设计者在进行设计时必须着重对人的情感需求进行考虑和分析。

网页界面是一种由色彩、文字、图像、符号等视觉元素以及多媒体元素为主构成的, 传达特定信息的, 以方便人机交流为目的的中间媒体[1]。网页界面设计是艺术与技术的高度统一, 它包含视听元素与版式设计两项内容;以主题鲜明、形式与内容相统一、强调整体为设计原则;具有交互性、持续性、多维性、综合性、版式的不可控性、艺术与技术结合的精密性等特点[1]。因此在明确了网页艺术设计与网站主题的关系的基础上, 在网页中按照“功能”和“美”两个标准进行设计, 并将“功能”标准放在第一位, 才能设计出真正优秀的、具有创新精神的网页。

2. 网页界面设计的版面布局

网页的布局是整个界面的核心, 设计网页的第一步是设计版面布局。版面指的是浏览器中看到的完整的一个页面, 布局就是指以最适合用户浏览的方式将图片和文字排列在页面中的不同位置。网页布局是页面内容排版的重要环节, 同时布局也是网页整体效果的体现元素。为了达到最佳的视觉表现效果, 应讲究整体布局的合理性, 使浏览者有一个流畅的视觉体验。

2.1 网页元素

在版面布局中要考虑网页元素的放置, 网页的基本元素通常包括网站标志、页眉、导航栏、主内容区和页脚。

网站标志在互联网上是一个站点的象征, 是网站形象的重要体现。在设计网站标志时应体现该网站的特色及文化内涵, 通过独特的形象标识, 使网站在推广和宣传中起到事半功倍的效果。一般我们把网站标志放在网站的左上角。

页眉指的是页面上端的部分, 它的风格一般要求和页面的整体风格保持一致。页眉的作用是定义页面的主题, 通常用来放置公司标志、公司名称、宣传口号、广告语等。页脚和页眉相呼应, 放置在页面底部, 它主要用来放置联系信息等。在各页面间使用相同的页眉和页脚, 能够体现网站的整体性和连贯性。

导航栏是网页设计中一个相对较独立的部分, 常见的放置位置有页面的左侧、右侧、顶部和底部。它在各个页面中出现的的位置相对比较固定, 风格上也较为一致, 能够较好的体现网站的整体性和连贯性, 便于使用者浏览网站。

2.2 页面大小

在版面布局的第一步中, 首先要考虑页面的尺寸。页面尺寸和显示器大小及分辨率有关系, 因为每台计算机的显示器分辨率不同, 分辨率越高页面尺寸越大。所以, 在设计初期选择合适的页面尺寸是很重要的, 最好能满足大多数用户的浏览需求。一般来说, 在网页布局中可以采用自适应宽度技术或者运用背景来适应不同分辨率的版面效果。网页的页面是动态、可滚动的, 建议页面的显示内容控制在3屏以内。如果页面内容太长, 最好能在网页顶部添加锚点链接, 以方便访问者的浏览。

2.3 页面造型

一个网站的整体造型能给浏览者留下第一印象。虽然显示器和浏览器都是矩形, 但对于页面造型, 我们可以通过其他图形及他们的组合以及线条的设置来提高用户的视觉感受。在许多政府网站中都是以矩形为整体造型, 因为矩形显得正式、规则;而在很多时尚站点当中, 我们经常用圆形及其组合来进行设计, 显得柔和、温暖。虽然不同形状代表不同的意义, 但我们经常结合多种图形进行设计到界面中。根据网站的主题不同, 我们选择让某种图形的构图比例占的多一些, 形成网站的主体造型。

在网页的设计中, 除了造型的设计, 我们一般也很重视“留白”的处理。所谓“留白”, 就是除文字、图片、动画等网页要素以外的空白空间。“空白”不一定就是白色的, 它是与背景色相同的表示“虚”的空间范围。恰当的留白对于协调页面的均衡起到相当大的作用, 也能更好地烘托主题, 集中视线, 加强空间层次感。

2.4 页面布局方案

在构思好网页的排版后, 一般我们会先画出版面的布局草图, 然后对其进行反复细化和调整, 最后敲定布局方案。常见的网页布局形式大致有“国”字型、“厂”字型、“框架”型、“封面”型和Flash型布局。其中“国”字型一般被用于大型门户网站中, 而“厂”字型则常用于二级页面中。

定好布局方案后, 开始要考虑网页元素的放置。一般考虑将强刺激眼球的网页元素放在视觉高注目区内。调查显示, 视区内上部比下部注目程度高, 左侧比右侧更引人注意。因此, 上部、左上部、中上部为“最佳视域”。所以一般将彰显网站主题的比较重要的元素例如动画等放在这些位置, 以达到引人注意的目的。

3. 网页界面设计的色彩搭配

网页中的色彩是访问者对网站最直观的了解, 也是网站统一风格设计的主要组成部分。经研究表明:彩色的记忆效果是黑白的3.5倍。也就是说, 大多数情况下彩色页面较完全黑白页面更加吸引人, 同时彩色所表达的情感还能满足人们的一些心理需求。一个网站的设计成功与否, 在很大程度上取决于网页色彩的搭配和运用, 网页色彩处理得好, 可以锦上添花, 达到事半功倍的效果。

3.1 网页配色原则

进行网页配色时需要考虑网站本身的特色, 并遵循一定的艺术规则, 下面介绍两个网页配色的基本原则:

强调特色, 个性鲜明:网页的配色要配合网站的特色, 突出网站的个性, 既要有美感也要突显专业化, 才能让访问者留下深刻的印象。

总体协调, 局部对比:网页的配色中整体色彩效果应该是和谐的, 只有局部小范围的地方让色彩有一些强烈的对比, 这样可以避免色彩过于单调, 又可以保持网页的整体风格。

3.2 网页配色方法

网页颜色搭配得是否合理会直接影响到访问者的情绪。单一的运用一种颜色会让人感觉乏味, 而将所有的颜色都运用到网页中会显得轻浮、花俏。一个页面尽量不要超过3种色彩。确定网站的主题色是设计者必须首先考虑的问题。当主题色确定后, 就可以考虑其他元素的配色。下面介绍网页色彩搭配的一些基本方法[2]:

底色与图形要协调:图像在网页中是不可或缺的元素, 图形的色彩影响着整个网页的色彩效果。如果使用图形作为页面的主要元素, 那么底色与图形之间必须有明显的对比, 这样才可以鲜明的突出页面内容, 将图形的美感快速传递给访问者。

同种色彩搭配:同种色彩搭配指的是首先选定一种色彩, 然后调整其透明度或饱和度, 将色彩变淡或加深, 从而产生新的色彩。这样的页面看起来色彩统一, 具有层次感。

邻近色彩搭配:邻近色是指在色环上相邻的颜色, 如绿色和蓝色、红色和黄色即互为邻近色。采用邻近色搭配可以使网页避免色彩杂乱, 易于达到页面和谐统一的效果。

对比色彩搭配:对比色可以突出重点, 产生强烈的视觉效果。通过合理使用对比色, 能够使网站特色鲜明、重点突出。在设计时, 通常以一种颜色为主色调, 其对比色作为点缀, 以起到画龙点睛的作用。

3.3 常见配色方案

常见的颜色搭配方案有[2,3]:红色与黑色的搭配在商业设计中被誉为商业成功色, 常被用于较前卫时尚、个性的娱乐休闲网页中。粉红色多用于女性主题, 例如化妆品、服装等, 鲜嫩而充满诱惑感。橙色适用于对视觉要求较高的时尚网站, 也常被用于对味觉要求较高的食品网站。高亮度的黄色和黑色相结合可以得到清晰整洁的效果, 这种配色在网页设计中经常会见到。黄色与绿色搭配会显得很有朝气和活力;在商品网站中使用黄色与红色搭配可以用来渲染热闹气氛。绿色常被运用于儿童类、教育类、服务业、卫生保健业、教育业、农业类、自然类、健康相关的网站。浅蓝色具有淡雅、清新的特性, 常被用于化妆品、女性、服装网站的实际中;深蓝色主要用于营造安稳、可靠及略带有神秘感的氛围, 一般用于企业宣传类网站的设计中。紫色通常被用于以女性为对象或以艺术品介绍为主的网站。

非彩色搭配也经常用在网页的设计中。白色是网页设计中较通用的颜色, 它具有容易突出彩度的特性。黑色通常应用在科技网站、音乐网站中, 在宗教网站中也常用黑色显出严肃和庄严。灰色是中性色, 可以与任何色彩搭配, 也可以帮助两种对比强烈的色彩实现和谐过渡。白色与黑色搭配使用通常可以表现出都市化、现代的感觉, 也经常被用于庄重的场合。当两种颜色不协调时, 可以加入黑色、白色或灰色, 有时候会产生意想不到的效果。

3.4 文字颜色与背景色

制作网页时, 如果网页应用背景颜色, 必须要考虑背景颜色与前景文字颜色的搭配问题。背景和正文的对比尽量拉开, 背景色一般采用素淡清雅的色彩, 少量使用带浅显图案的背景, 以便使文字内容更突出。如果网页侧重的是文字信息, 那么背景可以选择纯度或者明度较低的色彩, 文字用较深的亮色, 从而实现让一目了然的目的。如果背景色与字体颜色搭配不合理, 就会使网页效果大打折扣。因此, 界面设计过程中要考虑背景颜色和前景文字的搭配, 以达到令人赏心悦目的效果。

4. 结语

设计一个优秀的网页界面, 能提高网站的格调, 得到更多用户的青睐, 无形中也能提高网站的知名度。一个专业、优秀的网页, 需要有良好的布局以及一定的设计规范。另外, 色彩也是影响网站效果的决定性因素之一。版面布局合理, 色彩搭配和谐, 是网页界面设计中的两大核心要素。本文主要从版面布局和色彩搭配两方面进行了相关讨论。

参考文献

[1]胡菘.《网页色彩与版式设计创意实战》[M].北京:中国青年电子出版社;2006.10;

[2]何琛、王冬霞.《Dreamweaver网页设计与色彩搭配实例与技法》[M].上海:上海科学普及出版社;2008.4;

网页界面设计中的配色方案研究 篇8

1 引言

1.1 网页界面配色的重要性

网页界面是指人与计算机之间以网络为平台的信息界面, 它是一种由非物质化数字形态与人进行交互的。网页界面的设计是实用的视觉艺术, 具有功能及艺术的双重性。色彩在网页设计中是一个重要的表现要素, 在无以数计的网页中, 要使你的网页明显区别于其他网站的页面, 更具有吸引浏览者的魅力, 就离不开色彩的设计与运用。成功的网页界面配色方案, 能够将页面上的文字、图片以及排版恰到好处地融合在一起, 从而使网页界面的作用得到最大的发挥。

1.2 网页界面配色的一般原理

1.2.1 色彩三属性

电脑屏幕显示的色彩均是RGB三种色光组成, 网页色彩是通过电脑显示器屏幕出现的, 因此, 网页色彩的三原色即红、绿、蓝三色。色相、明度和纯度叫做色彩的三属性, 色彩由这三个要素的差异来区分。

色相即色彩的相貌, 是色彩最基本的特征, 也是色与色彼此相互区分最明显的特征。可见光谱不同波长的辐射在视觉上就表现为不同的色相, 即一个特定的波长的色光给人的特定色彩感受。

明度是指色彩的亮暗程度。明度按一定的间隔划分, 就构成明暗尺度。有彩色的明暗, 以无彩色灰调的相应明度来表示其相应的明度值。

彩度表示色的纯度, 在网页中彩度主要是指色彩对人的视觉刺激程度。彩度越高, 色越纯, 容易给人艳丽鲜亮的感觉, 彩度越低, 色彩越弱。如果纯度足够低就变成了没有颜色的无彩色。

1.2.2 网页色彩搭配方法

当根据方案选定一种主打色相后, 调整其明度和纯度, 将颜色加深或减弱, 则可以产生新的色彩。这种色彩的搭配可使页面颜色同一, 增加页面层次感。

色相环中相邻的颜色称为邻近色。如红色和黄色, 绿色和蓝色等。使用相邻色进行配色, 能使页面产生和谐统一的效果。

在色相环中, 对立面的两个颜色, 如红色和绿色, 黄色和紫色等, 称为互补色。在网页配色时, 使用互补色进行配色, 将会刺激人的色彩神经, 给人以鲜明的印象, 产生强烈的视觉效果。在进行页面配色的使用, 选用一种主色调进行调色, 添加其对比色进行点缀, 能起到画龙点睛的功效。

2 配色方案研究

2.1 可爱明朗型

明亮的粉色系往往给人活泼可爱的感觉。粉色系的暖色调的运用可为网页营造出稳性、和谐和热情的氛围。这一类的网页通常运用在儿童教育网以及一些母婴网站。也可用于儿童服装、休闲服饰以及饮料等宣传网站上。

主色调:RGB (247.129.191)

或RGB (254.204.46)

配色实例 (见图1) 。

2.2 积极律动型

红色让人感觉温暖, 性格刚烈而外向, 是一种对人刺激性很强的颜色。红色容易引起人的注意, 也容易使人兴奋、激动、紧张、冲动。红色在各种媒体中被广泛的运用, 除了具有较佳的明视效果外, 更被用来传达具有活力、积极、热诚、温暖以及前进等含义的企业形象与精神。这一类的配色方案若与白色连用, 将产生轻松愉悦, 休闲的氛围, 具有现代感, 若与黑色连用, 则体现跳跃、律动的感觉。该配色方案多用于体育网站, 也可运用在与运动相关的画册和宣传单上。

主色调:RGB (236.0.0) 或

RGB (208.22.9)

配色实例 (见图2) 。

2.3 优雅浪漫型

紫色象征着女性化, 代表着高贵和奢华、优雅与魅力, 也象征着神秘与庄重、神圣和浪漫。以浅紫色和紫红色为中心的配色方案, 容易营造出优雅浪漫以及细腻高贵的女性化氛围。该配色方案主要应用于女性化妆品或淑女服饰的网页宣传, 也可应用于女性化生活网及充满女性主义的家居网站的界面。

主色调:RGB (246.225.235)

或RGB (219.149.173)

配色实例 (见图3) 。

2.4 知性智慧型

蓝色给人以沉稳的感觉, 且具有深远、永恒、沉静、博大、理智、诚实和寒冷的意象。大多数的大学校园网首页均以蓝色作为其基本色。同时, 蓝色还能够营造出和平淡雅洁净及可靠等氛围。在商业设计中强调科技、商务的企业形象时, 大多选用蓝色当标准色。蓝色是冷色系中最典型的代表, 是网站设计中运用得最多的颜色。蓝色会使人自然联想起大海和天空, 所以会使人产生一种爽朗开阔和清凉的感觉。

蓝色系的色彩若配以红色色调的文字, 能产生突出显示的效果。而灰色系的色彩给人稳重柔和的效果, 可以营造简练、洒脱、充满智慧感的气氛。该页面配色可用于办公用品、高档西服等的宣传页面上。

主色调:RGB (27.142.206)

或RGB (131.142.158)

配色实例 (见图4) 。

2.5 端正庄重型

深色容易给人端正庄重的印象。深色同黑色的搭配容易给人绅士的, 男性化的, 诚实的, 真挚的, 坚实的感觉。而以黑色作为主色调, 将给人敏锐、先进、稳重、高科技的印象。这一类的配色方案可应用于军事网站, 高科技产品或者高贵正式的服装宣传网页, 给人强烈敏锐的感觉。

主色调:RGB (0.0.0)

或RGB (19.29.77)

配色实例 (见图5) 。

3 结语

本文从艺术设计的角度出发, 把互联网上的主流网页根据情感表达含义的不同大致分为五种类型:可爱明朗型, 积极律动型, 优雅浪漫型, 知性智慧型和端正庄重型, 并为每一个配色方案都提供了两种主色调及三种不同的配色方案, 供网页设计人员参考。当然, 真正成熟可用的配色方案, 应该与网页所展示的内容紧密联系, 既要考虑尽量宣传产品的性质, 又要满足浏览者的审美需求, 引起读者的情感共鸣。即使已经确定了网页的配色方案, 还要考虑色彩的位置、配色的比例等。完整有效的网页配色方案的研究, 将是一个长期积累而又迫不及待的课题。

参考文献

[1]卢荣青.网页色彩设计的情感因素[J].韶关学院学报, 2006 (7) :129～130.

[2]网页色调分类理论研究[D].浙江:浙江大学, 2007 (5) .

[3]刘虹.解析平面设计中的色彩语言[J].装饰, 2003 (4) :93.

[4]叶蓓.网页色彩搭配的设计艺术[J].计算机与网络, 2004 (10) :43.

[5]李在万.设计师谈配色艺术[M].北京:电子工业出版社, 2007 (5) .

[6]苏梅.网页设计与色彩心理学[J].电子商务, 2004 (3) :128～129.

人性化网页界面设计的进展与展望 篇9

我们已经进入了互联网时代, 互联网正在深刻影响政治、经济、思想、教育、艺术等人类社会的各个领域。网页是人与互联网中计算机之间以网络为平台的信息界面, 是科技与艺术的结合。在网络营销、网上数字图书馆、网上新闻、影视、图片、艺术品的欣赏和交流等绝大部分网络活动中, 界面设计变得越来越重要。近年来, 一些网页界面设计研究人员强调要进行以用户为中心, 符合用户认知心理, 使用户感到舒适、满意的“人性化网页界面设计”。王春鹏曾经建议人性化网页界面的“赏心、悦目、传情、达意”设计原则[1];王晓蓉、杨治明曾经建议人性化网页界面设计要具有美观性、舒适性、简洁性、一致性、高效性和安全性[2]。在这些比较显而易见的原则之外, 笔者曾经从认知心理学出发, 建议“人性化网页界面设计”要特别注意以下几点[3]:第一, 要合理处理不同对象的刺激强度关系, 解决许多界面上信息盲目堆积的问题。设计时既要考虑每一个对象的刺激强度都能被用户所感知, 又要考虑各个对象间刺激差别的大小, 保证用户能够将重要的内容对象从周围的刺激对象中提取出来。为了简化界面信息从而提高浏览速度, 还要通过有关刺激对象的相似性、相邻性等特征设计, 使它们构成“整体结构特征”。这样不但可以简化需要知觉的信息量, 还有利于提高知觉的速度。第二, 要意识到用户“注意的加工容量和选择性”。“注意”是指对一定对象进行指向和集中的心理活动。认知心理学把“注意”理解为人体加工信息的有限容量, 这种有限性来源于人的心理智源的有限性。人的加工信息容量有限, 所以“注意”的一个关键问题是“注意”的选择。在界面设计中, 必须把注意力引向用户需要的信息和采取的行动上。必须避免同时对注意力过多竞争的设计。网页界面设计并非要把整个页面塞满了才能体现信息的丰富性, 而是需要合理的安排, 使界面达到平衡。第三, 要通过界面设计弥补记忆弱点。设计时应优先考虑选择用户已有认识的相关网页界面元素, 从而提高用户的知觉效率, 将知识经验与组块综合考虑, 利用长时记忆中的语义知识规则来组块, 以便促进短时记忆, 弥补人在进行界面操作时容易遗忘的不足。

这些讨论对网络界面的设计十分重要和有益, 然而, 网页是科学和艺术结合的产物, 设计界面必须同时考虑技术和艺术因素。从根本上说, 网页的生命是信息, 用户到网页上来是寻找特定信息的。网页界面设计必须为它承载的信息内容服务。由于不同用户寻找的信息不同, 界面设计形式也应该针对不同用户而不同。网页界面设计既要考虑普遍的人类认知心理, 也要考虑特定用户的特定认知心理和需求。也就是说, 网页界面设计既要人性化, 也要“个性化”。这正符合网络界面最近几年的发展趋势。

最近几年网络界面发展趋势的最重要特点之一是个性化推荐系统的广泛采用[4]。当前互联网上有太多的信息, 而且这些信息变得越来越多。如果你想看电影, 有数以百计的电影网站, 例如梦幻天堂·龙网, 或者Net flix, 上面各有数万部电影;如果你想看书, 也有数以百计的读书网站, 例如中华网读书频道或者Amazon, 上面也各有数百万本书。要对它们浏览一遍或者挑选简直不可能。为了吸引网民来自己的网站, 各个网站都竭力推荐自己的资源。自然, 每个人的兴趣不一定相同, 要准确推荐, 高效、长期地吸引最多的访问者, 从而获取最大的商业利益, 其设计就需要相应的科学理论和技术。“据VentureBeat统计, Amazon的推荐系统为其提供了35%的商品销售额。Netf lix开出100万美元的奖金, 奖励给能把他们网站的产品推荐精确度提高10%的人”[4]。在科学重要性和应用前景的双重推动下, 许多物理、数学、计算机、网络科学的研究人员投入了个性化推荐系统的研究。“一个完整的推荐系统由3个部分组成:收集用户信息的行为记录模块, 分析用户喜好的模型分析模块和推荐算法模块。”[5]也就是说, 推荐系统首先要设法搜集一个用户过去在网上从事类似活动的信息, 然后根据这些信息推断这个用户下一次活动的最可能选择。最后使用一定的推荐算法从产品集合中筛选出最合适的产品推荐给用户。推荐系统已经在电子商务[6]、新闻推荐[7]、数字图书[8]、图片网站[9]、农业信息服务[10]等网络活动中被广泛采用。几乎当你登录任何一个网站时, 不等你设法寻找需要的信息, 马上就有网站主动推荐给你的不少信息等你选择。无论你选择其中一些, 还是坚持自己搜索, 你每前进一步, 都会看到追随你的不断推荐。这些推荐当然对于每个人是不同的。因此, 也可以说, 现在绝大多数网站都已经实现了某种程度的网页内容个性化[11], 自然每个网页的界面设计形式也应该个性化。可惜的是, 到目前为止, 网页的界面设计个性化还没有得到足够的重视, 绝大多数网页的个性化程度还很有限, 绝大多数网站的系列推荐网页的界面形式仍然是基本一致的。

以科学网为例。科学网是由中国科学院、中国工程院和国家自然科学基金委员会主管, 中国科学报社主办的综合性科学网站。除了学术信息交流之外, 个人博客是其中非常重要的内容。目前大量的科学工作者 (包括在校学生) 经常访问科学网或在科学网上具有个人网页。如果有兴趣, 只要在科学网主页 (http://www.sciencenet.cn/) 上输入个人信息就可以注册成为博主, 所有博主均拥有自己的网页, 可以自由发表博文 (包括题材广泛的见解、议论、科研成果等) , 也可以在别人的网页上发表评论。每个网页设有“加为好友”的链接点, 点击就可成为好友, 建立相当长期的链接 (关系) 。如果仅仅浏览一个网页, 也会建立两个网页之间的“来访者”链接, 但是这种链接短时间后会失效。图1显示的是2012年8月18日的科学网主页, 虽然界面中也运用了一些图形图像、冷暖色对比等设计元素来活跃版面, 但网页的整体设计还是明显的科学风格, 比较严肃、冷静、简洁。

图1所示的主页是面对所有用户的, 科学网的用户主要是科学工作者, 其界面设计主要考虑科学工作者的认知心理。如果某个用户已经注册成为博主, 而且在图1所示的主页上方输入用户名和密码登录, 科学网立刻会显示图2所示的界面, 其中含有大量的个性化推荐内容。在图2显示的部分中, 点击“好友的动态”, 网页将如图2所示, 显示这个博主所有好友的最新博文交流窗口。这种仅仅推荐直接链接的“好友”博文的推荐系统显然是最原始、最简单的。实际上, 各个科技人员感兴趣的博文很不同, 并不一定都首先喜欢好友们的, 而且这些好友的网页点击图标都在每个博主网页的最显要处, 可谓“近在眼前”, 没有必要推荐, 数不清的非好友网页上感兴趣的博文才真需要推荐。因此, 完全有可能大大改进这种推荐的有效程度。科学网的用户主要是科学工作者, 没有任何商业用途。所以这些登录后页面和层层推荐网页的界面设计继续沿用主页严肃、冷静、简洁的设计形式和风格还是基本可以被用户接受的。

再以京东商城为例。京东商城是中国电子商务领域最受消费者欢迎和最具有影响力的电子商务网站之一, 在线销售家电、数码通讯、电脑、家居百货、服装服饰、母婴用品、图书、食品等11大类数万个品牌百万种优质商品, 有着庞大的用户群。2010年, 京东商城跃升为中国首家规模超过百亿的网络零售企业, 连续六年增长率均超过200%, 现占据中国网络零售市场份额35.6%, 连续10个季度蝉联行业头名[12]。最近 (2012年8月下旬) 京东商城与几个大规模电器商之间的价格战正成为包括中央电视台在内的各大媒体的热门新闻。图3是2012年8月18日的京东商城主页 (http://www.360buy.com) , 界面设计色彩比较鲜艳, 富有层次感, 能够突出各个推荐的重点。

在京东商城的主页上方输入用户信息登录之后, 立即会看到图4所示的对这个用户的推荐信息框架。推荐的主要栏目是“猜你喜欢”。京东商城的推荐系统主要根据用户在“关注”中收藏的信息及以往的购买记录加以分析进行推荐。这些登录后页面和推荐网页的界面设计基本沿用主页的设计形式和风格。作为电子商务网站如果能进一步在界面形式上实现个性化设计, 根据用户登录信息把购物用户划分为若干类型, 如不同年龄、不同性别、不同职业、不同地域等, 再根据用户“关注” (或收藏) 信息和以往购物的长期记录, 判断其最可能的兴趣类型, 针对每个类型设计出符合他们认知心理的界面形式。这种针对每个用户不同特征的个性化网页界面设计, 才应该是真正意义上的人性化界面设计。

一个好的界面不仅能正常发挥所有的功能、帮助用户完成目标任务 (如查询、购买等) , 还能通过提供良好的用户体验赢得客户的忠诚度, 从而实现网站的运营目标。然而如何方便用户的使用和交流, 提高界面可用性, 吸引用户的兴趣, 激发用户的共鸣, 满足用户的情感, 使用户对网站记忆深刻呢?随着个性化推荐系统的不断进步, 个性化网页界面设计也必然越来越引起重视, 这必然大大促进网络信息交流和各种互动活动。相信首先在个性化推荐系统基础上采用个性化网页界面设计的网站, 必然会多淘到一桶金。

参考文献

[1]王春鹏.谈网络界面设计的人性化[J].包装工程, 2007 (06) .171-173页

[2]王晓蓉, 杨治明.网络课件界面的人性化设计[J].中国冶金教育, 2009 (02) .44-46页

[3]何亭.基于认知心理的网络界面设计研究[D].苏州大学学位论文, 2009

[4]刘建国, 周涛, 汪秉宏.个性化推荐系统的研究进展[J].自然科学进展, 2009 (01) .1-15页;王国霞, 刘贺平.个性化推荐系统综述[J].计算机工程与应用, 2012 (07) .66-76页

[5]刘建国, 周涛, 汪秉宏.个性化推荐系统的研究进展[J].自然科学进展, 2009 (01)

[6]刘旭东.个性化网页推荐系统在电子商务中的设计与应用[J].烟台职业学院学报, 2008 (04) .87-92页

[7]彭菲菲, 钱旭.基于用户关注度的个性化新闻推荐系统[J].计算机应用研究, 2012 (03) .1005-1007页

[8]李卫华, 卢雨民, 梅红.浅谈数字图书馆个性化信息推荐系统[J].科技广场, 2007 (09) .109-110页

[9]许辛, 康威, 石恒华.图片门户网站个性化推荐系统关键技术探讨[J].中国传媒科技, 2012 (05) .66-69页

[10]李快追, 孙艳玲.个性化推荐系统在农业网站中的运用研究——以四川农经网为例[J].市场论坛, 2009 (02) .70-72页

[11]蒋伟.个性化网页浅析[J].魅力中国, 2009 (35) .70页;王术, 付关友, 朱征宇.面向个性化服务的网页特征描述[J].计算机工程与设计, 2005 (03) .651-653页;王怀宇, 李景丽.利用Flash交互技术实现个性化网页布局[J].中国教育技术装备, 2011 (12) .96-98页

网页界面 篇10

摘 要：相对于传统的平面设计，网页作为一种传播信息的新载体，使得信息的传播更加丰富多样，给人们的学习、生活、工作带来了极大的方便。随着人们文化水平的逐步提高，人们对网页的界面设计提出了更高的要求，这就为设计者提供了新的设计领域和设计课题。

关键词：平面设计；视觉元素；网页界面设计

一、网页界面设计的概念

现在社会的发展，新工具、新媒介的产生，互网络逐渐普及，网页界面设计也就应运而生。人与人之间的交流需要有媒介，同样的道理，人与网络的交流、互动也需要有一个媒介，而这个媒介，我们就称它为界面。界面设计是一门内容非常丰富的学问，它涉及的领域也是比较广泛的，例如：视觉设计美学、消费者心理学、语言学，包括计算机技术等等，这些学科在网页界面设计中都有着举足轻重的地位。一个优秀的网页，要充分的考虑信息传播的高效性、准确性、针对性等问题，要做好这些，就必须要有一个非常优秀的界面设计。受众者通过网络对某个产品的“第一效应”，是通过网络界面产生的，要抓住消费者的“第一效应”，清晰、准确、有力的传播相应的信息，并让受众者在第一时间内引起兴趣，产生长期关注这个网页的想法，而且能产生进一步的消费欲望，网页界面设计起着至关重要的作用。

二、网页设计与传统平面设计

1、相同的形式规律

网页设计与印刷平面设计是平面设计的不同表现形式，它们本身就是符号的表达方式。设计师在表达设计的过程就是将事物符号化的过程，在这个过程中，就是把设计元素作为符号语言来传播设计思想的。符号是表达思想的工具，任何符号的排列组合都要遵循一定的形式规律，因为形式规律是通向美的工具。形式美的内容是非常丰富的，在这里以构成形式为例：和谐与统一，在网页设计和印刷类平面设计中在表现形式都要讲究均衡，因为这样才会符合大众的审美需求；而且还要注重节奏和韵律，因为这样才会设计出生动的画面，达到吸引观众眼球的目的。因此说在形式规律方面，两者存在着很多的共性。

2、画面构成的共性

在画面构成中，网页设计和印刷类的平面设计有着相同的空间关系和视觉流程。这里所说的空间并不是物理上所说的空间深度，而是在平面设计中，设计师通过对设计元素的艺术处理，例如：点的大小、线的粗细、面的疏密，以及形的重叠等，让受众者在二维空间中从视觉上产生一种“纵深”的感觉，这种感觉就是网页设计和印刷类的平面设计所说的空间。但由于网页设计的特点，网页设计中静态元素和多媒体元素的运用，扩展了印刷类平面设计的空间，甚至是出现了三维、四维的视觉空间。

三、网页界面中平面视觉元素的运用

视觉元素就是人类的视觉感官能观察到的可以表现事物性质的一种符号。网页界面设计主要是借助文字、图形、色彩、版式等符号来表现产品的。

1.文字的编排设计

文字具有存储容量最小、传输速度快的优势、传递信息明确等优点，因此文字是网页设计中用的比较多的一种元素。但是文字在网页中的应用则是非常讲究的，字体的应用要和文字所要表达的内容相一致；文字作为说明产品的符号，在选择字体的时候要考虑到便于识别性，作为装饰作用的字体创意也不能例外，因为文字做到了适合、明确、易读、美观，才便于浏览者阅览和接受，才能在视觉空间中形成美感，符合大众的审美需求。

2.图形图像元素

在网页设计中，图形图像的引入不仅大大的增加了网页提供的信息量，而且还起到了美化网页的功能，因此，图形图像是网页中最重要的设计元素。图形图像更易于表现设计的个性化，这样能给受众者带来独特的视觉体验，加强该网页界面的视觉冲击力，增加受众者对网页的记忆度，最终达到满意的传递效果。另外，图像有着文字所不能替代的功能，图形所代表的是全球性的词汇，他能消除不同国家、不同民族、不同地域的语言障碍，从心理层面拉近与受众者的距离。

3.色彩设计

在网页设计中，色彩可以给受众者强烈的视觉冲击力，提高受众者观赏网页的兴趣。但是在网页设计过程中，要注意色彩的运用和搭配的方法，针对不同的商品要有不同色彩效果，例如：暖色多用于家纺类、食品类等购物网站，用以体现一种温馨的场面和商品的琳琅满目的效果；冷色系多用于科技类、电器类的网站，用以表现一种严肃、稳重的效果。另外，还要注意色彩的搭配效果，例如：相近色的搭配，给浏览者一种舒适、自然的感觉；而对比色的搭配，给浏览者一种强烈、突出的效果。

4.版式设计

网页设计作为一种视觉语言，特别讲究界面整体的编排和布局。在网页设计中，版式设计就是设计师根据特定的内容和主题，合理的采用造型元素和形式原理，把诸多要素在一定的范围内表现出来。

随着人们审美能力的提高，人们对网页设计的美观要求也逐渐增加。这就要求设计师不能简单的把图形、图像、文字等元素简单的堆砌在一起，而是要把网页界面设计的实用功能和审美功能完美的结合起来。从实用功能层面来讲，网页界面的版式设计主要是方便人机的互动交流，能让浏览者快速、准确的抓住网页的重点诉求对象，从而提高信息的传达效率。从审美功能层面来讲，网页界面的版式设计主要是为了满足人们的心里需求，使受众者在接受网页信息的同时，还能体验到由版式设计的美观所带来的遐想和激情，从而得到更多的快乐和艺术气息。

四、网页界面中平面视觉元素互动设计的要求

网页作为传播信息的载体，它既与传统的平面设计的有共性，但也有传统的印刷类的平面设计所没有的特性。信息的传播过程要求传播双方必须做出相应的反应，这样才能达到一个预期的效果。由于交互技术在网页中的运用，浏览者不再是被动的接受信息，浏览者可以根据自己的喜好有选择的主动接受信息。另外，由于网页设计的技术优势，它能承载更多的表现性媒体，这样能刺激受众者多种感官，进而提高信息传播的效率。

由于网页设计的多样性，成就了它比传统的平面设计有更高的影响力，例如：交互性，交互性是网页成为一大热点的主要原因；浏览者能直接的对网页页面信息进行控制，而对于传统的印刷类平面设计来讲，信息的传播内容是按设计师自己的意愿制作、发布出来的，这样受众者只是被动的接受信息，而网页设计则极大的提高了阅读者的主动性。又如：持续性，即便网页设计已经发布了，但是他还能被修改，这是传统的印刷类平面设计所不具备的，尤其是一些大的网站，为了让浏览者对网页保持新鲜感，会配合不同时期的经营策略，不断创作出新的网页设计作品。再如：多媒体的综合运用，为了满足和丰富浏览者接受信息的质量，设计师把多种元素综合运用于网页设计当中，目前常见的有：文字、图像、声音、视频等，这样极大的促进了网页设计的发展，赢得了很多受众的喜爱，因此多媒体的综合运用也将是网页艺术设计的发展方向。

参考文献：

[1] 杨玲.谈信息網络媒介与平面广告设计的交互关系[J].科学资讯.2010

[2] 董海斌.平面视觉元素在网页设计中的应用研究[D].西安理工大学.2008

[3] 张丽洁.数字多媒体传播形式对平面设计的影响研究[D].浙江工商大学.2010

[4] 刘利华.网页设计中视觉元素的运用研究[D].湖南师范大学.2009

[5] 吴乃群，史耀军.网页界面设计中视觉传达的解读[J].艺术研究.2007