浅谈平面视觉元素在网站引导页界面中的创新运用

《浅谈平面视觉元素在网站引导页界面中的创新运用》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、浅谈平面视觉元素在网站引导页界面中的创新运用　　摘要：随着网络信息技术的发展与人们对网站审美需求的提升，网站的表现形式逐渐由传统型转向多样型。一些企业网站，产品宣传网站以及活动网站，大量的运用引导页形式以期能够带给浏览者新的用户体验，对企业以及产品起到了良好的宣传作用。然而这种引导页的界面设计对用户体验来说是关键的环节。引导页界面设计所涉及的知识范围比较宽泛，既要研究艺术性又要重视技术性，这就要求网站引导页界面中的设计元素要有一个创新形式的运用，能够提升网站趣味性以及网站信息传达的有效性。　　关键词：网站引导页；界面设计；平面视觉元素　　[中图分类号]：J

2、2-39[文献标识码]：A　　[文章编号]：1002-2139（2013）-22--01　　1.网站引导页界面概述　　网站引导页即打开网站时第一个显示的页面，它是为了更好的表达一种意境、更好地吸引浏览者的眼球而设计出来的一个精致、美观的网页。引导页界面就是在这种引导页面中与浏览者的交互功能部分，这种交互即是视觉和听觉方面的，也可以是通过浏览者的操作触觉方面的。　　2.引导页界面中的平面视觉元素分析　　2.1引导页界面中的静态视觉元素　　文字在平面设计中以传递信息为主，按照合理的版式设计来表达情感为次。而网站引导页中文字的字体，字形，字号，版式以及动画形式不

3、仅传递了该页面的信息，更能根据主题的不同表达出网站的节奏感和情感性。图形图案在网站中的能够突显情感性和寓意性，尤其在引导页界面中，通常以分层形式来表现，使得图形图案的层次感更加突出，视觉冲击力更强。搭配文字的合理布局以及背景音乐的烘托，能够很快把浏览者带入网站的主题气氛中，增强浏览者对网站的兴趣，激发浏览者期望与网站互动的想法。　　2.2引导页界面中的动态视觉元素　　引导页之所以存在的原因，主要是引导页作为网站中的主题宣传页面，不受网站具体信息的约束，能够以动画形式展示出有独特魅力的视觉画面来吸引浏览者。引导页界面中的动画主要分为两种，其一是主题动画，主要

4、形式是图形文字的展示动画来宣传主题；其二是按钮动画，主要功能是与浏览者互动，起到引导性在作用。　　3.引导页界面中平面视觉元素新特点　　3.1平面视觉元素的动画节奏性　　网站引导页中的平面视觉元素经常是以动态形式展现的。从信息传达的角度上来说，不仅仅用文字信息的内容来传递信息，而是注重整体的网页画面效果，围绕主题进行画面的版式编排和动画编排，以期给浏览者传递更加深刻有寓意的主题信息。因此动画在这一部分的作用非常的重要，而动画的精髓在于它的节奏性，节奏鲜明的动画效果能够给浏览者带来更加深刻，有层次感的视觉感受。　　3.2平面视觉元素的可互动性　　在引导页界面

5、中，互动是一个核心部分，当浏览者期望与网站进行互动时，说明本网页的设计比较成功，能够对浏览者有一定的引导作用。而互动环节设计的好坏，就决定了浏览者的心理情感。在互动环节中当浏览者应用鼠标操作界面按钮的同时，按钮触发了页面的动画，这种动画一定等于或者高于浏览者对触发动画的预期，才能满足浏览者对网站的互动心理，而继续与网站互动，发挥网站引导页的引导作用。　　3.3平面视觉元素的整体视听性　　引导页的设计大部分为观赏性引导页，起到体现网站主题与网站文化的作用。因此要求网站不仅从视觉上给浏览者一定的视觉冲击力，同时也要兼顾浏览者的听觉感受。音频对于浏览者是另外一种

6、感官感受，能够给浏览者另一种心理感受。搭配音配的视觉元素在进行动画展示时，也增强了其节奏感与冲击力。包括互动按钮的音频设置，也能够增强浏览者的互动愉悦感。　　4.平面视觉元素在网站引导页界面中的创新运用　　4.1文字的信息传递性创新　　从信息的传递性上讲文字是最重要的载体，如何才能在引导页中把文字的信息传递性创新的表现出来，主要从两方面进行创新设计。其一是文字本身的字体变形，根据表现主题的不同把文字进行变形处理，这一课题研究在字体设计领域已经颇为广泛。其二是文字在变形处理后的动画部分创新设计，这一部分对于信息的传递性也起着很重要的作用，比如大气高端的企业宣

7、传引导页中的文字动画最好以渐隐渐显或者用特效带动文字的运动，尽量降低速度来彰显文化的沉淀感，而对于体育型企业的网站引导页则要求文字带来动感的效果，用来传递一种运动、积极向上的主题表达。这种文字的信息传递性创新还要根据主题的要求来进行设计，围绕主题的表现传递更准确的信息内容。　　4.2图形的情感传递性创新　　由于图形本身就有很强的情感传递性，因此这里只讨论两种创新形式的图形设计，其一是仿3D层次感图片编排，这种把一张图片上的主题元素分别提取出来进行分层处理，在每一层加入适当的阴影，突出层次感。这种设计更加表现图片图形的视觉冲击力，能够把情感性更加真实地传递给

8、浏览者。其二是图片的聚散动画设计，这种设计同样要求提取图片中的素材