网页连动设计是什么 第1篇
关键词：用户体验；高校图书馆；网站
随着学生对互联网的依赖性越来越强，以及Googlescholar、百度学术等学术搜索引擎对图书馆学术资源主体地位的冲击，使得图书馆网站的用户体验变得越来越重要。图书馆网站必须进行优化设计，使用户可以方便地浏览网站的信息、使用网站的服务，让用户获得愉快的体验，才能吸引用户使用图书馆的网站，使用图书馆的资源与服务。用户体验强调在网站构建的过程中以用户为中心，充分考虑用户体验的内容及影响因素，通过设计满足用户需求，符合用户审美体验、认知特点、使用习惯的组织系统、导航系统等，从而让用户获得良好的体验效果。用户体验设计的目标可以归纳为：解决用户需求，减少用户理解和操作的成本，给用户留下美好而深刻的印象。基于用户体验的网站设计主要包括：视觉设计、界面设计和导航设计等。
1视觉设计
视觉设计是在用户审美文化的基础上，通过色彩、字体、图片、按钮、隐喻等的使用，设计出富有美感和艺术感的网站，从而实现在很短的时间内吸引住用户，并激发用户进一步的信息行为[1]。图书馆网站在视觉设计上要符合用户当前的视觉趋势，体现图书馆的文化内涵，通过图文、色彩、形状的搭配以及信息块的建立和整合，形成一个疏密有序、图文并茂、条理清晰、气氛和谐的网站视觉感受。
符合视觉趋势
不同时期用户的审美取向与内心诉求是不同的，网站的设计一定要符合当前用户的视觉趋势。就目前而言，视觉趋势大致如下：响应式的网页设计让网站页面无论屏幕尺寸大小都能有最佳的显示效果[2]，宽屏、大图让页面更显大气；改变以往用线条来分割区域的方式，采用空隙和留白，让页面顺畅自由的呼吸，给用户留下广阔的思考空间；减少渐变和视觉元素，采用规整的布局、扁平化的视觉风格，让整体感觉更清爽。在网站构建之初，设计师一般会根据图书馆的需求结合当前的视觉趋势设计出至少3版首页设计图，图书馆可以采用问卷调查的形式从中选出最受目标用户欢迎的页面。
做好色彩搭配
2界面设计
界面设计最基本的性能是功能性和使用性。通过界面设计，让信息更加流畅的传递给用户，让功能和操作变得更加简单。界面设计包括标识设置能否被用户所理解[1]、页面布局是否能够凸显页面重点、符合用户的习惯等。在标识设置方面重点是要避免使用用户不熟悉的词汇；页面布局方面，首页一定要将关注度高的栏目放在醒目的位置上；其它栏目的摆放位置要遵从网站形成的惯例，符合用户的心智模型；以信息呈现为主的页面要建立清晰的视觉层次。
避免使用用户不熟悉的词汇
网页连动设计是什么 第2篇
关键词：格式塔网页设计视知觉
引言
格式塔一词来源于德文“Gestalt”的音译，本意指的是形式、形状、方式、实质。格式塔心理学是一种与艺术有缘的心理学理论，其主要目标是探讨视觉感知及其与学习、思维的关系，它所研究的出发点就是“形”，“形”是经由知觉活动组织成的经验中的整体，与视知觉活动密不可分。而网页界面设计是视觉传达设计向网络媒体的延伸，主要是通过浏览者的视觉感知来接受网站信息。因此，研究格式塔理论在网页界面设计中的运用，无疑对网页界面的设计具有很大的指导作用。
格式塔理论在网页界面设计中的应用
1.图与底
在人的知觉系统中最基本的一种知觉能力是在图形与背景间作出区分。“图”是居于前部的区域，“底”被看成是用来衬托图的背景。相对而言，图比底，轮廓较为完整、封闭，形状较为规则，面积比较小，色彩比较鲜艳；此外，更重要的是，能组织成为一定意义的区域倾向于被感觉成图。
由于图与底之间存在的这种相对性质，在网页设计中，应当明确区分图与底，主体与背景。另外,主体自身结构要清晰明了，背景不能过于复杂，这样才有利于浏览者辨别需要了解的信息。在背景的色彩搭配上应尽量选用同一色系的颜色，尽量避免同时使用色相环中相对的颜色，大面积同一颜色宜采用低对比度，避免用强烈刺激的颜色引起浏览者的视觉疲劳与厌烦情绪。格式塔理论的图－底规则不仅说明了主体从背景中分离出来的条件,而且指出了背景在一个格式塔中的重要作用。因此在网页设计中我们同样不能忽视背景的作用，图形是依赖于背景而存在的，要使主体感到存在，必然要有底将它衬托出来。因此无论在文字、色彩、图像，还是动画和视频方面都要坚持图底原则。
2.简明原则
格式塔心理学家认为，人们的知觉有一种“简化”倾向，所谓简化并非仅指一般意义上的“简单”，即物体中包含的成分少或成分之间的关系简单，而是一种将任何刺激以尽可能简单的机构组织起来的倾向。我们的眼睛只能接受少数几个不相关联的整体单位，如果一个格式塔中包括太多不相关的单位，眼睛就会试图将其简化，把各个单位加以组合，使之成为一个知觉上易于处理的整体，否则，整体形象将无法被正确感知，这种形象势必会被人们忽视，以至拒绝接受。
我们可以将这一观点延伸到网页界面设计中。首先，在网页界面结构的设计上，应避免使用过于复杂的网格结构，结构的设置应尽量简单明了，符合人的视觉流程，也符合人们对规则形的喜好，利于浏览者以最短的时间找到最需要的信息。
其次，在图像的选择上，应避免使用过于繁复杂乱的、容易分散浏览者注意力的图像，这样会增加浏览者找寻信息的难度。
网页连动设计是什么 第3篇
网页中版式布局
网页是通过视觉元素实现信息内容的传达,为了使网页获得最大的视觉传达功能,使网络真正成为可读性强而且新颖的媒体,网页的设计必须遵循平面设计形式美的法则,由此确定各种视觉构成元素之间的关系和秩序。网页的内容与形式的表现必须统一和具有秩序,形式表现必须服从内容的要求,达到信息诉求的重点。当网页上的内容非常多的时候,考虑怎样把它们以最合理的方式来排布,使整体感强同时又要有变化,可遵循以下几点规律:
网页版式布局中的变化和统一。在网页设计中恰当地运用这一规律,例如体育类的网站,排布的新闻从上到下几十条,没有一点变化,显得单调而乏味,这是违反这种形式美的规律的,所以要充分地运用变化来改进它,如可以变化其排列方式、字体颜色,也可在每条新闻前添加醒目的图标,既丰富了页面,也起到了引导浏览者视线的作用,便于浏览。
网页版式布局中的条理与反复。“条理与反复的原则是图形构成整体的秩序美的基础,是变化中的统一,也是运动发展中求得协调一致的表现方式,由它可以演化出多种多样的图形变化。”这种在很多较为优秀的网站中运用较多,例如一些商业网站,搜狐、新浪的此类网站内容丰富,信息含量大,不得不运用一定的方式将其条理化,同时又在一定程度上加以归纳后重复利用,使网页较为整齐,脉络清楚,读起来也能找到重点。
网页版式布局中的均齐与平衡。在网页设计中,在充分考虑整体页面上所有的图形、文字的基础上,页面整体的平衡和均衡尤为重要,页面上的平衡是一个动态的平衡,因为页面上两边不会总是一样的,即左边一个图右边就一个图,这在互联网上是不多的。更多的时候我们看到的页面是图和文字以及大块的颜色轻的图和小块的颜色重的图的平衡,以及与文本的疏密和大小的平衡,所以这是一种动态的平衡。因此合理地布局图片与文字的相互穿插,会使页面条理清晰,布局合理,重点突出。
网页色彩的运用
色彩对网页设计非常重要,是网页设计的关键因素之一,能给浏览者带来最强视觉冲击力的要素就是网页色彩,好的网页色彩设计能突出主题,引导视线,统一风格,使网站更便于浏览,给人留下深刻的印象。
鲜明、独特的识别性原则。“在网站云集的互联网上,一个网站的网页色彩只有与众不同、独一无二才能给浏览者留下深刻的印象”,达到良好的宣传效果。有几种方法可以借鉴:如选定一种色彩,然后调整其透明度或者饱和度,产生新的色彩,这样使页面看起来色彩统一,有层次感。而当使用两种色彩时,先选定一种色彩,然后选择它的对比色,这样整个页面色彩丰富但不花哨。也可用一个色系,例如淡蓝、淡黄、淡绿,或者土黄、土灰、土蓝,这样会使得网页风格统一。这在一些以女性为主题的网站中经常见到,大多采用粉色暖调,既体现了女性的主题,也使得网站的风格一致,保持良好的连续性。再如用黑色和一种彩色。比如大红的字体配黑色的边框感觉很“跳”,一些设计类网站常用到,这类网站往往页面视觉冲击力强,用色大胆,给浏览者留下深刻的印象;而灰色被称为万能色,可以和任何颜色搭配。
配色视认度高原则。我们在浏览网站时要长时间注视发光的荧屏,所以网页色彩要尽量抑制强对比,减少屏幕刺激,减轻视觉产生的疲劳。网页色彩的配色必须考虑视认度,视认度的高低取决于图与底的色彩对比程度,不要用花底作为页面的背景,那样背景不突出反而页面没有层次感,采用与页面内容对比强烈的颜色作为背景以突出内容的主题。此外,图形面积大小和图形的复杂程度也影响视认度的高低。在页面用图的选择上要使用清晰易识别的图形,以提高视认度。
因此,网页中色彩运用的成功与否,是决定网站的风格、定位的关键因素,遵循可行的规则,恰当地运用色彩,是网页设计的关键。
网页中其他各构成要素分析
对于网页设计来讲,其信息内容的有效传达是通过将各种构成要素的设计编排来实现的。网页的构成要素包括文字、图形、声音等基本构成要素及页头(LOGO、Banner)、导航栏、信息正文、页脚(版权信息、公司信息)等内容要素。
网页中文字的编排与设计。文字作为信息传达的主要手段目前也是网页设计的主体,文字是网页中必不可少的元素,也是网页中的主要信息描述要素,可以说是网页的灵魂。