浅谈网页视觉设计的基本元素

浅谈网页视觉设计的基本元素【摘要】在互联网飞速发展的今天，网页设计伴随着国际互联网络的不断发展而快速兴起。

网页作为网络的主要依托,已深入到人们生活的各个层面,不断冲击着人们的视觉感官。

网页中的视觉元素综合了文字、图形、色彩等多种信息,给人们提供了一个便捷的信息交流平台。

网页中视觉信息的表达成为网络信息传达的重要部分。

近年来,网页的视觉表现己经从简单的图文编排形式,发展到多种视觉元素的综合运用。

表面上看，网页设计不过是关于网页视觉元素编排的技巧与方法，而实际上，它不仅是一种技能，更是艺术与技术的高度统一。

因而,进行网页设计时设计者需要考虑如何做到吸引浏览者的注意，这就需要从艺术设计的审美方面,设计出内容传达准确、整体效果优秀,有一定艺术表现力的网页界面。

网页的构成要素包括文字、图形、图像、标志、色彩等造型要素及标题、信息菜单、信息正文、标语、单位名称等内容要素。

本文通过对视觉元素等概念的阐述及分析视觉元素的特性，提出根据视觉元素的运用规律及其所引起的情感因素来创新思路，达到视觉传达和审美的目的，更好地提高网页设计的水平。

【关键词】：网页设计；视觉元素的特性；文字；图形；版面设计；一．引言在互联网飞速发展的今天，网页设计伴随着国际互联网络的不断发展而快速兴起。

网页作为网络的主要依托,已深入到人们生活的各个层面,不断冲击着人们的视觉感官。

网页中的视觉元素综合了文字、图形、色彩等多种信息,给人们提供了一个便捷的信息交流平台。

网页中视觉信息的表达成为网络信息传达的重要部分。

近年来,网页的视觉表现己经从简单的图文编排形式,发展到多种视觉元素的综合运用。

表面上看，网页设计不过是关于网页视觉元素编排的技巧与方法，而实际上，它不仅是一种技能，更是艺术与技术的高度统一。

因而,进行网页设计时设计者需要考虑如何做到吸引浏览者的注意，这就需要从艺术设计的审美方面,设计出内容传达准确、整体效果优秀,有一定艺术表现力的网页界面。

网页的构成要素包括文字、图形、色彩等造型要素及标题、信息菜单、信息正文、标语、单位名称等内容要素。

下面就网页设计的文字、图形及版式、色彩基本元素进行分析：二、网页视觉设计的内容（一）网页视觉设计的概念网页设计——网站是企业向用户和网民提供信息的一种方式，是企业开展电子商务的基础设施与信息平台。

而网站上的宣传是反应企业形象和文化的重要窗口，网页在设计是具有很强的动态效果和视觉效果，网页的设计是基于新型媒体的基础的上面建立的，同时他和其他的媒体传介不同，网页设计它是比传统的媒体更具有影响力，它包含有传统媒体的优点，同时它在传播中比传统媒体的速度更快、更有效。

视觉设计与视觉传达设计是有一定的区别的，视觉设计主要是针对眼睛官能的主管形式的表现手段和结果，然后视觉传达设计它主要传达的对象是观众，视觉传达设计过程中不仅是将信息传达给设计者本人同时也传给观众。

而网页视觉设计是将视觉元素特点运用到网页设计中，如文字、图形、色彩动画等视觉要素，根据特定的内容和主题，在网页所限定的范围内，运用造型元素和形式原理进行视觉的管理，从而将设计的意图以视觉形式表现出来。

（二）网页视觉设计的准则网页视觉设计是技术与艺术的结合体，内容形式相统一。

网页是传播信息的一种载体，同其他出版物像报刊、杂志等在设计上有很多共同之处，也一样遵循着一些设计的基本原则，不过由于运行方式、表现形式不一，社会功能的不同，网页视觉设计有着它自身的规律。

1.主题鲜明视觉的设计要求是有一定的要求，必须要有着明确的主题以及并按照心理视觉的规律与形式将主题的内容与星系传达给观赏的人。

信息在传达的目的它是使人们能够及时地理解和接受主题中的内容以满足人们的心理需求和实用需要。

在网页设计中在要求设计达到简练以及清晰、精确的同时也必须强调艺术性，注重实际的冲击力以及独特的视觉风格，将这些主题设计中的特点来突出主题的内容以及涵义，让阅读者能够更快捷的接收文章信息。

2.形式与内容相统一设计的时候要注重设计页面的清晰，使浏览者能够快速浏览，并能够快速地体会到网站完整的设计思想和包含的信息内容。

同时内容也是构成网页设计一切内在因素总和。

一个优秀的网页设计时形式对内容的完美表现。

在视觉设计中保持与界面的一致性。

如在字体、标签风格、颜色等方面确保一致。

不要把无关的图片把页面装点起来，不能让别人明白设计者到底要突出什么内容、表达什么主题和意念。

3．简洁明了在社会文化高度发达的今天，人们因为文化素质的提高和价值观念的变换，生活情趣与审美情趣都发生了变化，更趋向简洁、精炼。

简洁的图片、醒目的文字，适宜的色块更符合大众审美要求和当今人们欣赏趣味，给人以舒适、现代的感觉。

形式简洁是网页设计中应具有的外在特征。

保持简洁的做法是限制网页中所用的字体与颜色的数目，一般每页使用字体不应该超过三种，色彩不能太过于炫目、图片不能过于繁杂。

网页视觉设计要晚上视觉清晰度，条理清晰，图片文字得当适宜。

（三）视觉流程的筹划网页视觉设计中构成的基本要素有文字、图形、色彩等视觉元素。

网页设计的视觉流程是一种空间的运动，是视线随着网页中的各构成要素在空间沿一定的轨迹运动的过程。

通过视觉流程，将各种视觉信息进行有序阻止，诱导浏览者的视线依设计的意图进行流动，从而浏览者清晰、快速地接受信息。

1.视觉传达的流程视觉的传达流程是由人类的视觉特性所决定的，在阅读信息时，人们的视觉总会有一种自然的流动习惯。

视觉流程往往会体现出比较明显的方向感，它无形中形成一种脉络、一条线、一股气贯穿其中，使整个版面的运动趋势有一个主旋律。

在网页设计中合理地运用视觉流程和最佳视角区域，阻止好自然流程的视觉导向，直接影响到传播者传达信息的准确与有效性。

2.视觉传达的元素设计一个既美观又便利的网站页面，要考虑网页设计的各种视觉元素文字、图片、色彩等其他的视觉元素。

在网页页面的设计中，我们最常看到的视觉元素如：按钮、图标、文字符号、图形等，图形或图标等视觉元素的引入，不仅给人们的视觉带来很大的冲击力，同时也大幅度增加了网页也面的浏览率，这种视觉传达的元素是现代网页视觉设计中不可缺少的。

但是如今各式各样的网页页里面都运用大量的视觉元素，不仅使得浏览着眼花缭乱，同时信息得不到高效率的吸收传递，根据视觉传达的元素与人们的视觉接受信息的特点，我们不得不注意视觉元素在网页页面上的运用，而在运用的同时要遵循造型简洁的特点，体现力强、统一性强的特点，并要求有一定的美感，以最快捷的途径，最有效的感知方式获取视觉信息，能够有效地影响人们浏览网页的兴趣，增强浏览者对网站的关注。

三、视觉元素的分析（一）视觉元素的内容所谓“视觉元素”，实际上是指人类的视觉器官—眼睛所看到的并能表现出事物的特性、性质的符号，如摄影、电视、建筑物、各类设计及各种科学、文字、音乐，它们都是能通过眼睛看到、感知的，所以都属于视觉元素。

而网页设计中基本的视觉元素是包括文字、图形、色彩等造型要素。

网页设计中视觉元素的传递是通过网页界面作为媒介而传达给受众。

所谓传达，是指信息发送者利用符号向接受者传递信息的过程，它可以是个体的传达，同时也可能是个体和个体之间的传达。

它包括传达对象、传达内容、被传达者、传达效果这四个程序，这也是设计者将思想和设计概念转变为视觉元素的过程，即概念的视觉化过程。

（二）视觉元素的特性随着网络时代的发展，网页的应用已经深入到人们生活的各个领域，同时它也通过其时效、精炼、速达的视觉语言达到信息交流和传递的目的。

在网页设计中，恰当地使用视觉元素能收到很好的效果。

同时作为是一门全新设计领域的平面视觉元素它具有下几个特性：1.注目性、适应性注目性和适应性是视觉元素的最基本特性，而在网页设计中越来越多的人更加注重视觉元素在网页设计中的注目性，一般来讲，网页设计者都会通过图形、文字、色彩等不同的变化利用各种不同效果在网页设计中进行合理的编排来吸引阅读者的目光，达到注目性的加强。

网页设计时语言的简洁概括、的生动鲜明的展示这些都是能更增强网页的注目性，而且这种效果能达到事半功倍的作用。

设计中的视觉语言设计，要在尊重阅读者的阅读习惯出发，这体现出适应性特征，如果设计中页面的色彩设计或语言设计随意、杂乱，不仅是影响到页面的美观，同时也影响到信息的浏览。

3.记忆性、确定性人类通过阅读接受信息，然后在脑中形成长期记忆，同时这种记忆的信息在脑中不断的反复练习，自然而然就形成一种信息的反射。

在人类大脑接受信息的时候，由脑垂体利用各种相关的因素或比例，如：结构比例、动静比例、均衡关系等与视觉诱导相关的因素进行设计，使其成为强有力的图形构成。

在阅读者阅读信息内容的同时，人们的心理总会发生一系列的心理信息的反应，视觉和听觉等重要的感官因素都是触发人们对知识接收处理的触发点。

在阅读者阅读信息后，所产生的大脑的“信息传输”，不管是透过色彩、或文字，都是按照这样的一个心理活动规律进行的。

在网页设计时应该各种视觉元素排版时应该遵循着清晰简明的原则，使得阅读者在阅读的时候集中注意力，如果页面絮乱复杂、杂乱无章这种情况传达的信息的效率将大大的降低。

5.选择性、连续性可以说人类的阅读习惯各有不同，但是往往人们在阅读的时候，在阅读的范围内从点到直线，形成一定的形状或轮廓，并通过大脑神经传入记忆细胞，这就是我们通常所说的视觉流程，信息连续性出现是视觉流程中最好也是最有效的方式，这种连续出现的信息在网页设计中能够使读者造成认知的累积，从而有效地解读信息的内容，使浏览者自然舒畅地接受并理解。

因此针对人类阅读的惯性，网页在设计当中应该遵循从简而精，不要搞的太过复杂，网页的页面应该突出网页主题和主要信息，这样才能方便与阅读者阅读信息。

四、视觉元素在网页设计中的应用（一）版面设计在视觉设计中的应用网页的版式设计主动技术性与艺术性的高度统一，是视觉传达的重要手段，是网页设计的重要组成部分。

一个好的版面就能够浏览者能够清晰的浏览，对网页的内容快速的了解、吸收，很多的优秀网页之所以能够深深的吸引着浏览者，是因为它靠版面的设计，只有成功的版面设计才能有成功的网页设计。

在版式设计的过程中应遵循以下原则：（1）主次分明、传达准确设计中要遵循版面的设计结构原理，版面设计主次分明，才能准确的传达内容信息，而版面最重要的位置往往占据的是主要的信息内容，次要的信息被设置在视觉中的第二流程。

遵循从属次要内容占据，是版面设计主次分明的重要因素，同时这也就要求版式设计作品首先要有鲜明主题的诱导力，版面上既要有集中统一，又要有多样变化，使主体形象更加鲜明突出，达到清晰的视觉感受，能够让浏览者从网页设计的主题中准确了解信息。

同时在版面设计中还要强调设计的简洁和精炼，根据文章的内容置放在版面的位置不同，只能通过这样才能够准确的传达信息，让读者能够快速的接受里面的信息内容。