3 视觉语言在网页设计中具体表现
3.1 网页设计迎接新的视觉挑战
从人类发展初期的甲骨文、印刷术到现代的电脑、互联网覆盖以及新媒体交互等等各种新技术的不断发展，多媒体以超乎我们想象的速度迅速发展与成长。
从电脑的刚刚出现到现在的普及使用，越来越多的设计工作者们放弃了原来用以手绘作图的传统画笔，开始改用电脑的软件进行制图操作。由此可以想到，互联网技术的应用终究会发展成为第一传播媒体，这是我们广大视觉设计师们所应该面对的现状，更是我们将要迎接的新挑战。
3.2 网页设计中视觉语言应用技巧
网站的网页设计其实是一场综合性的视觉语言展示盛宴。通过将各种类型的图片、文字、多媒体影像、声音等元素通过有目的、有秩序的构成方式进行整合，最终营造一个独特的传媒环境，与网页的浏览着进行互动与交流。
这一过程的实施，最终还得依靠于视觉语言设计内容的支持。在这一基础之上，还要进一步深入了解研究浏览者的心理特征、视觉习惯和认知程度等方面。
作为网页的浏览者，除了接受网页信息，他们最注重的还是浏览过程中网页带来的体验感和美感。由于网页会有大量的文本信息展示，这种信息一方面是为了满足浏览者的基本需求，另一方面还是为了观者在获取信息的同时，还能体验到愉悦的视觉享受。这样以来，浏览者可以得到全身心的丰富视觉感知的享受和审美需求的满足。
3.2.1 网页浏览的视觉规律
设计网站类似于印刷设计，观者的阅读顺序直接影响阅读过程中的感受。这就告诉我们，网页浏览的视觉规律引导与利用，显得尤其重要和突出。通过视觉的移动规律，就可以引导浏览者在浏览整个网页页面的视觉顺序，从而使网页的浏览变的轻松而流畅。在网页页面中的视觉流动，需要依靠视觉语言要素之间的相互联系，通过有形无形的构成要素之间的外形呼应，形成一种心理联系。在网页视觉语言应用时，就可以利用这些联系，为构成新的创造性视觉形象进行合理布置、安排与整合，使网页页面在进行版式设计的构成过程，变得更加简单与便捷。
3.2.2 网页页面中的导向
网页页面中的导向一词，是指页面整体画面中视觉浏览的运动走向。它具体通过网页中的线条要素或是图片方向，甚至于一些指示文字的朝向来表现。浏览者在浏览网页时，视觉随着某些形态的指向而进行运动的。所以导向也是网页构图的重要条件之一。在页面的视觉语言设计中，充分使用这些具有导向性的视觉要素对其进行合理的安排与布置，浏览者的浏览重心就可以在顺着导向在页面中进行有秩序的运动。
3.2.3 网页的视觉诱导与流程
我们打开某个网站，点击选取某个页面浏览，在观看过程中，视线会根据网页信息进行选择性的流动。具体分析来看：视线跟随网页中的视觉语言要素，沿着一定的规律进行。而这种按规律浏览的的现象，就是视觉流程。网页中，视觉流程的设计，就是合理安排各类信息图片，利用元素的导向原理，引导浏览者的视线，在浏览页面时，进行有秩序的视线运动。
无论是看报纸还是浏览网页，只要是阅读过程中，你就会发现，视觉的流动习惯是存在一定规律的，这种规律由于人类的眼睛晶体的生理特征所决定的。浏览过程中，晶体只能产生一个焦点，就不能把视线同时停留在两点或者两点以上的区域。所以只能先看什么后看什么。这种先与后的过程就体现出视觉流程所具备明显的方向性。无形中，好像有一条线或者是一股气贯穿于与版面之中，形成了一种视觉脉络。版面也因此在视觉流动中轻易的形成一个主旋律。
Relativity Recods 是介绍流行音乐信息的网站。即使你不是很懂这类音乐，看了首页设计也能从视觉上感受到这类音乐独特的内涵与风格。网页设计在主张强调自我的同时，还利用视觉流程，把各个页面设计之间的平衡关系处理的恰到好处。在介绍艺术家的网页里，主要表达内容的图片和文字都在都在最佳视域范围内；在首页设计上方白色箭头与中间箭头通过指向性，共同引导浏览者视线，自然到达网页的最佳视域；网页中的摄影作品，也是千姿百态。网站的内容从音乐家简历、唱片目录、音乐评论到音响无所不包，所有元素都是运用视觉流程和最佳视域，引导观众视线浏览，对于关大音乐爱好者来说，是一个可以轻松浏览的信息量丰富的资料库（如图 3-1）。
3.2.4 网页的版式语言表现
当今互联网发展使网民进入了网络时代。网页越来越长，网页的信息版面动辄几十个甚至上百个，可看的内容却越来越少，浏览者的眼球越来越疲劳，大部分观者的浏览方式也越来越应付。即由传统的精读方式转变成速读方式，各种网站推出的大量资讯、新闻等信息，每天都在考验着浏览者眼球的耐力，极度膨胀的信息量使大部分浏览者的接受量严重超载，导致他们对事物的关注耐心也日益降低。
一个网络头条能吸引他们的注意力不会超过一天，如果没什么新鲜的内容，那么网页设计只能依靠精美的版式和图片。在这种情况下，如何让浏览者从大量的网络信喜中快速有效地找到所需的资讯成为一个新的问题。
网页的版面语言设计可以说是网页视觉设计中关键环节，与网页性质贴近的版面布局，除了能够给浏览者留下良好的第一印象，而且还能够起到宣传网站形象的目的。点、线、面作为视觉设计的基本元素，之前提到的文字和图片等等都可以通过艺术化的简化处理，使其也能达到点、线、面的视觉语言效果。在经过版面编排，将各种视觉语言整合重组，形成最佳视觉效应。
网页的版面语言指的是画面构成与编排方法，类似于图案设计中的骨骼构成的形式。将网页页面中各种构成要素，依照框架的构成形式进行编排，使各元素之间进行有机的组合。具体到页面设计时，应该对标题，文字和图形符号等等这些构成要素进行整体设计与规划，其实这个过程就是把各种要素进行有机结合。
在遵照一定的形式法则构成画面的节奏与韵律。使整个页面可以展示信息的同时，到给浏览者愉悦的体验感。
网页视觉效应的强弱体现着网页所在网站的风格。不同主题、不同类型的网站具有不同的风格。这是由于不同地域、不同时代的浏览者对版面空间和网页结构存在不一样的理解。版面语言是网络信息的最终载体，网页设计要实现传播网络信息这个基本的功能，需要通过文字、图片、色彩、多媒体、标题栏、线条以及空白等视觉语言进行整合排列。
在网页应用中，网页中的图像信息与文本信息等其他要素都可以归纳为实际中的基本形态：点、线、面来进行组合。把各种要素通过合理的方式进行重组，构成即完整又能体现节奏美的新的视觉形态。在以咨询类信息为主题的网页的视觉语言表述中，页首置入一张极具感染力的图片来进行情感渲染，而网页页面的文字通过便编排，以面的形式在页面中整齐排列。该文字的字型、字号、都采用统一格式。统一之中，又利用段落文字的字距、行距、段距的变化，使其具有了统一中有变化的形式美，还可以表现出该网页的主题和商品属性。这样利用文字语言作为设计要素，使其具有更广泛的表现空间（如图 3-2）。
3.3 视觉语言的的审美心理需求
在众多的学科种类中，网页设计其实是一门综合学科。它是由传统的设计和网络媒体技术的重合部分共同构成。由于网络的迅速发展和变化，受到越来越多人的重视。每次浏览器更新都会给设计者们带来一些新的希望与课题。每个新技术出现都会使我们对网页产生一些新的认知和思考。相对的，我们的受众也开始逐渐对网页浏览产生了更多的审美要求。作为一名设计者，应该清楚：站在一个什么样的位置和角度进行设计。通过研究，如何进一步完善网页设计的美感，满足浏览者的视觉审美需要等问题正是值得我们研究的。
3.3.1 关于审美的概述
不同的人对于不同的事物，具有不同的审美观点。这种现象的产生，是由于人与人平时积累的生活经验、想象能力、接受教育程度等不同造成的。对于他们的思维表现形式和审美观点也就不同，从这里可以看出，审美是一种具有主观性的心理活动过程。
人们在审美的过程中，情感因素也起到十分重要的作用。对审美的过程分析发现，浏览者对网页的内容进行观看和感知，依靠的是知觉的本能反应。而在审美时会发生内在变化，观者会对网页中的内容进行理解、体会和感知，心理各方面都表现得十分积极，由此审美情感被激发。在这个过程中，我们可得知：浏览者审美进行时的想象能力和审美情感成正比。审美的理解越透彻，体会的审美情感就会越来越强烈、越来越深刻。
3.3.2 审美中的形式美法则
网页同其他美好事物一样，人们对其有着不断深入的的追求。网页包含大量文字与图片信息，并不是简简单单摆上去能看就行，而是要换位思考，为浏览者能够有效而方便的接受网页信息而进行深入的思考。怎样使人浏览起来产生愉悦感？这是值得我们思考的，我们可以从审美的方面入手，利用视觉语言的构成元素，制作出即能清晰表达网页信息内容，还能处理好网页页面的整体性，使浏览者在阅读网页信息的过程更加简单。在当前网页具体设计中，追求视觉效果和元素的自然结合，这种结合必然要在规律的原则下进行，这些原则就是例如基础课程中的形式美法则，如变化与统一、条理与反复、对比和调和、均齐与平衡等，这些都是十分有效的视觉规律的形式。以此为手段，对网页中文字、图形、色彩等元素的进行协调、设计。
而具体到页面设计语言的体现，则可以从下面两点详细的分析：
首先，网页页面在内容与形式上必须具有统一、秩序的表现，需要注意的是形式表现，按着内容的要求进行位置安排，目的是为了突出显示重点信息。如果，设计的网页需要由大量的信息内容构成时，在版式布局上就应该考虑怎样使页面更丰富，更有生气，看起来不感到枯燥。这就需要把它们以合理的统一的方式来排布，使其具有变化而统一的效果，也就是整体感强的同时又要有变化；脉络清楚又富有清晰的视觉效果。
其次，重要信息的突出显示。在众多的网页构成要素中必须明确一个主题，使其作为浏览者在阅读时视线流动的起点。它的作用在于引导观者的视线，浏览者能够按照设计初衷进行网页的浏览。网页主图就是手抱吉他的男子形象，而主题文字直接采用大号文字放在红色色块之上，位于页面的最佳视域范围内，通过另类的图像和明显的文字，很容易的突出主题。整体页面以灰色为主色调，配以红色装饰，大量文字以块状均匀分布，在统一的前提之下，又有一定的对比关系。人物图像采用了分割错位的方式，轻易地吸引了浏览者的眼球，增加了浏览者的阅读兴趣（如图 3-3）。
3.4 网页视觉语言设计中存在的一些问题
网页本身的构成其实就是设计的基本元素的组合，但随着人们对于视觉享受要求的日益增长，单调的视觉语言应用已经无法吸引浏览者的注目，所以加强视觉语言元素应用的同时，还应该注意存在的一些问题。
3.4.1 独创性的缺乏
不管是在网页的整体创意，还是页面版式用色等方面，网页视觉语言设计中独立的创造性是十分缺乏的。国内很多网页都是一味的模仿或者生搬硬套甚至于一些抄袭。千篇一律的网页设计不仅不能够给完全能够给浏览者带来观赏时的愉悦感反而会赶跑你的观众。所以，只有用心体会，参与人们内心深处的想法，是指产生互动交流，才是正确的创作方向。
3.4.2 视觉语言的匮乏与重复
网页设计中，除了所需的视觉语言构成元素和版式构成，还包含了大量的多媒体视频、按钮元素以及交互设计元素等网页设计中特有的视觉设计元素。很多网页由于缺少规划以及审美意识不到位，只是选择简单的在网页页面重复堆砌设计元素，造成极大的资源浪费。受众在浏览部分页面时，页面上面的图片、文字、窗口、播放器等等元素杂乱无章，最终使其失去耐性。相反一些经过精美设计的网页，看似界面美观大方，其实缺少实际内容，造成页面信息空洞，效果甚微。
3.4.3 利益影响
一些网站为了谋取利益的更大化，在旗下网页的显着位置，投放大量广告，诱使浏览者点击广告或者不断刷新网页，另一方面把真正的用户需求信息的超链接隐藏在隐蔽的位置，强迫浏览者观看大量的广告。还有些网页的悬浮窗口，遮盖页面正常信息，行为引起浏览者厌恶。
