视觉传达理论的网站设计范文

摘要：首先对网站的底层进行了设计，然后从视觉传达的角度对网站页面表现进行了一些阐述与分析，最后以摄影艺术网站的建设为例，实现了网站的设计。

关键词:网站规划;视觉传达设计

目前，我国对网站的研究主要集中在技术解决方面，对人性化页面的设计还未予以足够的重视[1-2]。那些简单的页面设计己经不能满足人们越来越高的视觉审美要求，新时期的网站设计者应该以视觉传达设计理论作为指导，产生设计创意并将其直观地表现出来，使网站具有丰富的内容涵义，同时还要具有较高的美学价值，为浏览者创造一种愉悦的视觉环境。

1网站底层设计

网页底层设计是一个具有创意的过程，然而并不是说网页的底层设计无章法可循，完全是灵感之作，它也是有规律可寻的，下面我们就先来了解一下网页中底层设计的几个阶段:

1）构思阶段

网页的设计首先要考虑风格的定位，而网页的主题内容决定其风格与形式。新建页面就如一张白纸，没有任何框架和约定俗成的东西，因此我们可以根据网页的主题内容，在大脑中进行反复的构思，充分发挥想象力，将我们想到的“景象”画上去，这属于创造阶段。只需用笔在纸上粗略的勾画出布局的轮廓，不讲究细腻工整，不必考虑细节问题，可以多构思几个不同的方案，然后再通过筛选，选取比较满意的方案进行第二个阶段的创作。

2）细化阶段

在构思阶段，我们勾勒出来的是网页的整体框架，网页所要表达主题内容在整个布局设计中是最关键的部分，因此我们需要将网页的各视觉元素合理地安排到网页框架中。在编排布局时，要遵循重点突出的原则，将网站中重要的信息内容放在最醒目的位置，这样有助于吸引浏览者的注意力，增强浏览者对网页内容的理解。网页所传达的信息，营造的气氛，就是要通过这些视觉元素的合理布局才能准确的表达出来。在细化阶段，如果发现框架设计不合理，应及时进行修改或者重新构思，否则网页最终的视觉效果就会大打折扣。

3）定案阶段

将方案进行具体化，这时应该考虑文字、图形、色彩等各种元素，对每一个元素所占的比例要有一个详细的数字，以便以后修改。网页的布局是决定网站美观与否的一个重要方面，通过合理的有创意的布局，我们可以将有限的视觉元素完美的展现在浏览者的面前，而布局的好坏在很大程度上取决于个人的艺术修养水平和创新能力。各种构成元素就像洒落的珍珠一样，只有通过合理的布局才能使这些元素成为有秩序的、有节奏感的一个整体。

2网站页面表现设计

视觉传达设计的根本目的是为了有效传播信息和沟通，页面的布局编排必须根据具体表达内容的需要来进行创意构思，合理利用一些技巧更能使页面的布局为内容服务。

合理规划、分割页面空间，避免杂乱利用表格和框架技术对页面进行分割，可使页面主题清晰，层次分明，是规划页面空间和避免杂乱的一个重要手段。分割时应注意页面空间比例、虚实、方向及色彩的变化。

构建简洁的视觉流程，根据人的视觉模式识别特点突出重点、引导合理的视觉流程，根据形式美法则，合理安排各视觉元素，使整个页面具有美感。成功的视觉流程安排，能使各种视觉元素分布合理，在位置、间隙、大小上保持一定的节奏感和美感。设计时应尽量避免在视觉流程上安排太多的内容，视觉元素的拥挤无序会导致视觉空间显得过于狭窄。

页面整体布局的和谐与平衡，注意视觉元素间轻重、大小的比例关系，防止由于比例失衡带来压抑和不稳定的感觉，一般说，视觉元素所占区域的比例越大越重，颜色越深越重，色调越饱和越重，线条越粗越重，轮廓越分明越重。多个视觉元素的近距离堆积，也会使整体产生重的感受，文本与非文本元素靠得太近会产生狭小、压抑的感觉，离得过远则会破坏页面布局的整体平衡，这些都是布局时应注意的问题。

留白的巧妙运用，设计者精心设计网页的目的，是为了吸引浏览者的注意力，留住浏览者的目光，没有内容的网页是没有实际意义的，信息是网站的核心，是网站设计的依据。但是在网页布局时，如果整个页面布局紧凑，一点空隙都不留，那就会使人感到密不透没有喘气的空间，相反，适当的留白设计会使页面布局松紧有度，给人带来充分的遐想空间，表现出一定的活力。

3网站设计实例分析——摄影艺术网站

整体上使用统一的版式布局设计，不但可以增加整体感，而且可以使浏览者在浏览时更加方便，不需要逐一熟悉每个不同的版式。网站首页（如图1所示)采用对称布局形式，共分二个区域，顶部是网站的Flash动画导航区，中间是网站的主要内容区，也是摄影艺术网站在版式布局上最富有变化的区域，底部区域是网站页脚区，用来放置相关站点链接、版权信息等。

4结论

本文首先对网站的底层设计进行了阐述，将此过程分为构思阶段、细化阶段、定案阶段。然后从视觉传达的角度对网站页面表现进行了一些阐述与分析，指出好的网站的设计首先应考虑其内容上的精益求精，其次就是对内容进行合理有效的视觉编排，美是任何网页所必需具备的基本因素，最后以摄影艺术网站的建设为例，实现了网站的设计。