网络媒体获得了蓬勃的发展,网页的数量不断增加,网络媒体之间的竞争也越来越激烈。网络媒体要想在激烈的市场竞争中站稳脚跟、保持优势,必须使自己的网页能够吸引读者的目光,这就需要进行网页视觉平面设计。在网页视觉平面设计中运用平面设计语言,能够使网页的组合更加合理,以吸引读者的注意力。
一、网页视觉平面和平面设计语言
对于网络媒体而言,网页是最重要的信息表达方式。与传统的纸质媒体不同的是,网页是一种视觉和听觉的组合,也就是通过一定的组织方式,将影像、动画、图片、语音和文字组合起来,使读者能够通过浏览网页获得信息。网页的本质是一种视觉平面,要想吸引读者的注意,就必须对网页中的要素进行合理的组合,使其更加协调。①这就需要用平面设计语言进行网页视觉平面的设计。
平面设计的媒介是视觉,也就是将观点和信息通过视觉语言符号传递给读者。平面设计的设计对象是不同的基本要素,设计者要在二维空间内将这些基本要素组合起来,并控制要素之间的搭配以及图形的形象和色彩,使之成为具有特定意义的图案。在平面设计中,重要的平面设计语言就是要素、形式、色彩和构图的搭配。
二、在网页视觉平面中应用平面设计语言
(一)在网页视觉平面中应用平面设计语言的构图
图片、正文、标题和空白是网络视觉平面的基本组成部分。要使网页具有吸引力,就必须运用平面设计语言对这四个要素进行安排,也就是所谓的构图。在构图的过程中要考虑读者的阅读顺序、视觉习惯和视觉关注度。所谓的视觉习惯是指读者在阅读过程中的方向感,例如从暖色调到冷色调、从虚到实、从具体到抽象、从动态到静态、从亮处到暗处等。设计者要以读者的视觉关注度为基础,对网页进行构图。
构图的具体过程:1.由于读者的视觉关注度最高的部位是几何中心,因此在网页的几何中心放置最重要的信息,例如广告和最新消息。2.读者往往对平面的上半部感到新鲜,而平面的下半部则给读者稳定感,因此可以将新鲜的内容安排在网页的上半部,将评论性的内容安排在网页的下半部。3.由于我国绝大部分读者的阅读习惯是从左往右读,因此平面左边的关注度较高,可以在网页左边的空白处放置重要的广告。当网页中有动有静时,读者往往对活动的目标进行最先关注,因此最好放置动态的广告。
构形是网页视觉平面构图的另一个重要问题。构形指的是对网页中不同的图形进行分割。直线型、“O”形、“T”形都是常见的分割构图方式,不同的.分割构图方式各有利弊,构形方式要与网页的内容相互配合。例如“T”形构图的缺点在于变化性不强,比较保守,其优点在于具有分明的网页结构,能够很好地体现主次关系。如果要利用“T”形构图,就要在网页的顶部放置横条式的重要广告,在网页的下方左边放置主菜单,在网页的右边放置主要内容。
(二)在网页视觉平面中应用平面设计语言的色调与色彩
在网页视觉平面设计中,搭配色彩和选择色调非常重要。色彩能够将读者的注意力吸引过来,并对读者的视觉心理进行调试。根据心理学的研究,人的心理会受到不同色彩基调和搭配的影响。②例如人的心理很容易被鲜艳醒目的颜色所吸引,而当前互联网主色调是蓝色,蓝色给人一种现代感,象征着互联网高科技。国内使用广泛的聊天软件QQ网页一般使用红色作为主色调,这是由于中国人对红色比较喜爱,认为红色象征着吉祥和喜庆,而且红色是一种鲜艳的暖色调,很容易引起读者的关注。
在视觉平面设计中,色彩和色调不仅能吸引读者注意力,还可以通过巧妙的色彩选择和搭配缓解读者的视觉疲劳。人类的眼睛感到最舒服的是中等明度的全色光。因此,在视觉平面设计中还要注意合理搭配冷暖色调和色彩,尽量使用中等明度的色彩来缓解读者长时间浏览网页造成的视觉疲劳。
(三)在网页视觉平面中应用平面设计语言的要素搭配
网络媒体在进行网页设计时应注意网页视觉平面并非所有要素的简单组合,而是一个严密的系统。③如果对每一个要素都进行完美的设计,却没有进行有效的搭配和组合,依然是一个失败的网页视觉平面设计。因此,在进行网页视觉平面设计的过程中,还要选择合适的方式来搭配各种要素。在平面设计语言中,常见的要素搭配方式有动与静的搭配、主与从的搭配等。
动与静的搭配是指对节奏和韵律进行协调。静态部分一般指的是网页上的图画和文字,而动态部分指的是网页上的动画。读者在浏览网页时,往往先锁定在移动的物体上,然后逐渐留意网页的中心,最后浏览整个网页。因此,在进行动静搭配时不仅要注意动与静的和谐,还要注意动与静的独立性,从而吸引读者的目光。
主与从的搭配是指协调整体和部分之间的关系,也就是使网页中的主要信息和次要信息能够和谐统一。主要信息和次要信息就如红花与绿叶,在设计时要注意使二者分工明确,用“绿叶”来突出“红花”。在网页视觉平面设计中要注意内容不能喧宾夺主或面面俱到,以免使读者过度关注次要信息而忽略主要信息。
综上所述,在网页视觉平面设计中运用平面设计语言能够达到良好的视觉效果,不仅能够提高网页的设计质量,还能够吸引读者的注意,从而促进网页营销。在使用平面设计语言进行网页视觉平面设计的过程中,也要注意不能过分的使用设计语言而造成网页的形式大于内容,更不要随意使用不能体现网页功能的要素。总而言之,平面设计语言要为网页的实际内容和功能服务,切忌喧宾夺主,以免影响网页正常功能的发挥。
1.
2.
3.
4.
5.
6.
7.
8.