网页设计中的信息视觉传达

本文是一篇视觉传达论文范文,视觉传达方面毕业论文模板,关于网页设计中的信息视觉传达相关学士学位论文范文。适合视觉传达及视觉传达设计及视觉方面的的大学硕士和本科毕业论文以及视觉传达相关开题报告范文和职称论文写作参考文献资料下载。

摘 要：本文对网页设计进行了分析,界定了网页设计的概念,分析了用户对网页页面的视觉体验.并从网页设计中的几个方面论述了网页信息视觉传达的特点.本论文致力于从信息视觉传达设计的视点去研究网页设计,旨在为网页设计中的信息视觉传达的进一步探索、研究提供可能性.

关 键 词：网页设计视觉传达

当今社会,信息及信息获取的质量在人们生活中所占据的地位越来越重要,网络日渐成为人们获取信息的不可或缺的重要平台.同时,人们对网页页面的视觉审美要求也日益提高.因此,在网页设计中信息视觉传达设计被大量的运用.

一、网页设计概述

网页设计是一种建立在新型媒体之上的新型设计.它具有很强的视觉效果、互动性和互操作性等区别其它媒介设计的特点.它既使网页信息传达保持传统媒体的优点,同时又使信息传播变得更为直接和有效.

1.网页设计的主要构成要素

网页设计的主要内容由五个要素构成：文字、超链接、影像图片、多媒体影音以及特效.文字是网页构成的主体,这里所说的文字不仅是在浏览器中看到的文字,还包括所有的在页面上看不到的控制代码等等.超链接代表的是一种在网络世界中“跳跃”的功能,大致可分为三种：一是在同一个页面中跳到不同的点；二是在同一个网站中,从一个页面跳至另一个页面中；三是跳至不同的网站的某一个页面中.当然,网页之所以吸引人,绝不是靠单纯的文字变化而已,利用不同的二维或是三维的图片,可以使得网页更加鲜明活泼.多媒体应用早已在网络的世界里呈现,单纯的静态图片已经不能满足设计者的需求,在网页中加入声光影像技术已变成现在最流行的趋势.而特效指的是透过或是脚本语言撰写的功能,使得网页的画面呈现各种特殊的动态效果.

2.网页信息设计

网页设计中的信息设计主要涉及信息构建、视觉设计、网络传达等方面,其中也包含页面的布局、色彩、文字等视觉传达设计.这是设计中的一次革命,与传统平面设计有着本质的不同.所以在借鉴传统的设计方法的同时要求更新的设计观念,在传统方法的基础上理解新媒体的特征,以新的视点来解决新时代的问题.

二、网页设计中的信息视觉传达

对于网页设计来说,字体构成的基本要求是易读性和可读性.易读性是指文字的清晰表达.可读性是指对于页面整体上的可视性,涉及到文字设计、单词间距、行列长度和间距,以及段落间距等方面的处理.

可读行和易读性对于文字在媒体上发挥作用是非常重要的.一方面,因为文字的屏幕显示没有纸张印刷的易读性强.而且用户通常在普通页面的视觉停留时间很短.因此,文字形态构成极大地影响了版面的阅读效果.所以,页面中的文字设计应符合以下几点要求：

（1）由于不同的计算机、操作系统所安装的字体是不一样的,所以必须选取一些常规的、用户电脑上不会缺省的字体,否则他们的系统就可能默认一种字体,这将使得页面看起来和设计者的期望相去甚远.

（2）屏幕的显示对字体也有一定影响.我们多采用黑体和宋体这两种常用字体.从视觉角度来说,宋体阅读起来最省力,不易造成视觉疲劳,具有很好的易读性和识别性.而黑体不仅庄重醒目,而且极富现代感.但需要注意的是因其形体粗壮,在较小字体级数时易模糊而造成不易识别.

（3）虽然不同的字体和字体属性（比如粗体、斜体、颜色、大小等）能有助于人们区分标题和信息的相对重要性.但一个页面中字体风格的数量应当有所限制,因为当所有都被强调的时候,就没有任何东西可以突出了.

页面中的文字设计看似是一个很细小的方面,但实际上它潜移默化地影响网页的视觉效果,蕴藏着巨大的价值.中国人说“察言观色”,我想“言语”的表达对于中国用户的触动应该会更加的明显.

借助于色彩的不同处理,使网站易于被人们认知识别,有助于创造有个性的网站形象,从而起到强化信息记忆,使网站形象固定化的作用.此外,美妙的色彩组合所创造的完美境界能够产生强烈的视觉冲击力和艺术感染力,能引起人们观感之外的联想.

网页页面中的色彩运用,主要体现在主色、辅色和背景色三方面.面积最大的色彩为页面的主色调,它是贯穿网站中所有的页面的主要颜色.主色调好似乐曲的主旋律,在创造特定的气氛与意境上发挥主导作用.辅色的面积次之,起强调或调和的作用.辅色是网页色彩设计中动感和活力的来源,还可以因其“节点”的作用使主色在整个画面中得到连贯.背景色是增加网页空间感的重要手段.例如,灰暗的背景色产生后退感,鲜明的主色产生前进感,因而形成清晰的前后空间关系.

当然具体运用中,只有对不同功能的色彩进行综合运用和和谐构建,才能够产生良好的视觉效果,产生愉悦的用户体验.

3.页面布局

页面结构对表现网站的风格具有十分重要的作用.网页页面由网站名称,Logo,导航栏,搜索栏和图形、文字等要素构成.对其进行结构设计,主要体现在对实空间与虚空间的灵活掌握.页面的实空间包括文字、图片、符号、以及点、线、面等视觉元素所占有的空间；虚空间是指那些实空间以外的空白部分,空白不一定是“白”,它也可以是与背景色作用相同的表示“虚”的空间设定.设计师根据信息传达的需要,将不同含义的视觉元素按照一定的设计法则对版面进行组合、编排,构成有机的实体空间,能够表现统一和谐的视觉效果.而网页界面中的虚空间,则以虚托实、以无衬有,使用户体验获得更佳的视觉印象.比如在用户浏览过程中,页面上被优先注意到的文字总是那些周边有空白的文字,这就是视觉的边际效应在虚空间的一个体现.此外,实空间与虚空间的和谐运用,还能够形成界面空间的视觉导向性,从而优化整个网页界面的形式.

4.视觉流程

视觉流程的形成是由人类的视觉特性所决定的.因为人眼结构的生理特征只能产生一个焦点,而不能同时把视线停留在两处或两处以上的地方.所以人们在阅读时,视觉总有一种自然的流动习惯.调查显示,人眼的视线沿着水平方向运动比沿着垂直方向运动快而且不易疲劳.此外,来自于心理学的研究表明,在一个平面上,上半部让人轻松和自在,下半部则让人沉闷和压抑.同样,平面上的左半部相对让人轻松自在,右半部相对让人沉闷压抑.所以平面的视觉影响力上方强于下方,左侧强于右侧.因此平面的上部和左上部被称为“最佳视域”,符合通常情况下人的视觉习惯：从左到右,从上到下的视觉运动.

对视觉流程进行研究,设计师应依据视觉移动规律,将多种视觉信息进行有序组织,诱导浏览者的视线依设计师的意图进行流动,从而能够使浏览者清晰、流畅地接受信息.

视觉流程的表现方式有以下几种：1、导向类视觉流程,又分为形象导向和指示导向.形象导向：以图片中人或物的朝向来引导观者的视线,如人物的目光方向.指示导向：通过指示性的箭头、手指或具有透视感的线条来引导视线.2、重心视觉流程：视觉会沿着形象方向与力的延展来变换、运动.如表现向心力或重力的视线运动.3、反复视觉流程：其运动虽不如导向要素类和重心类视觉流程运动感强烈,但更富于节奏和秩序美.4、散点视觉流程：没有固定的视觉流动线,强调一种随意性和偶然性的感知.

在网页设计中,使网页上的各种信息要素在一定空间内合理分布,保持各信息要素的位置、间隙、大小,保持一定的节奏感和美感,灵活而合理地运用视觉流程和最佳视域,组织好自然流畅的视觉导向,是保证传播者传达信息的准确与有效的关键.当然,视觉流程是一种感觉,而非确切的数学公式,只要符合人们认识过程的心理和思维发展的逻辑顺序,符合人们较为普遍的思维习惯,做到视觉流程自然、合理、畅快,就可以被更为灵活地运用和设计.