现在用户获得信息通过互联网的越来越多,网页在用户体验中所承担的任务也越来越多。当你浏览一个网页时,从网页界面设计就能看出网站的专业度、美观,能不能留住用户还要看网页界面设计是否吸引人?
虽然说网页设计不同于其他的设计,但网页界面设计要设计得专业、漂亮,还是要运用到美术的一些基本常识。网页风格的形成主要依赖于网页的版式设计,页面的色调处理,还有图片与文字的组合形式等。
1.版面设计
网页设计因为内容众多,首先涉及到的就是页面的版面排版问题。"版面编排"实际上就是中国古代画论中的"经营位置"。网页作为一种版面,既有文字,又有图片。文字有大有小,还有标题和正文之分;图片也有大小,而且有横有竖之别。图片和文字都需要同时展示给观众,不能简单地罗列在一个页面上,这样往往会搞得杂乱无章。必须根据内容的需要,将这些图片和文字按照一定的次序进行合理的编排和布局,使它们组成一个有机的整体,展现给广大的观众。做好网页界面设计的排版有三个重点:
①主次分明,突出重点。在一个页面上,要考虑到视觉的中心点,这个中心一般在屏幕的中央,或者在中间偏上的部位。因此,一些重要的文章和图片一般可以安排在这个部位,在视觉中心以外的地方就可以安排那些稍微次要的内容,这样在页面上就突出了重点,做到了主次有别。
②大小搭配,相互呼应。较长的文章或标题,不要编排在一起,要有一定的距离,同样,较短的文章,也不能编排在一起。对待图片的安排也是这样,要互相错开,造成大小之间有一定的间隔,这样可以使页面错落有致,避免重心的偏离。
③图文并茂,相得益彰。文字和图片具有一种相互补充的视觉关系,页面上文字太多,就显得沉闷,缺乏生气。页面上图片太多,缺少文字,必然就会减少页面的信息容量。因此,最理想的效果是文字与图片的密切配合,互为衬托,既能活跃页面,又使网页有丰富的内容。
2.图片与文字的组合形式
网页设计中包含文字、标题、图片等,要将这些组合在一个页面上,势必会形成各种各样的线条和形状。这些线条与形状的组合,构成了网页的总体艺术效果。必须注意艺术地搭配好这些线条和形状,才能增强页面的艺术魅力。
直线条流畅、挺拔、规矩、整齐,所谓有轮有廓。
直线和矩形在页面上的重复组合可以呈现井井有条、泾渭分明的视觉效果。一般应用于比较庄重、严肃的网页题材。
曲线的效果是流动、活跃,具有动感。曲线和弧形在页面上的重复组合可以呈现流畅、轻快,富有活力的视觉效果。一般应用于青春、活泼的网页题材。
把以上两种线条和形状结合起来运用,可以大大丰富网页的表现力,使页面呈现更加丰富多彩的艺术效果。这种形式的网页,适应的范围更大,各种主题的网页都可以应用。但是,在页面的编排处理上,难度也会相应大一些,处理得不好会产生凌乱的效果。最简单的途径是,在一个页面上以一种线条(形状)为主,只在局部的范围内适当用一些其它线条(形状)。
3.页面的色调处理
网页界面设计中色彩是最重要的,因为色彩对于人的心理刺激,所以网页的色彩处理得好,可以锦上添花,达到事半功倍的效果。色彩总的应用原则应该是"总体协调,局部对比",也就是:网页的整体色彩效果应该是和谐的,在局部的、小范围的地方可以有一些强烈色彩的对比。在色彩的运用上,可以根据网页内容的需要,分别采用不同的主色调。因为色彩具有象征性,例如:嫩绿色、翠绿色、金黄色、灰褐色就可以分别象征着春、夏、秋、冬。其次还有职业的标志色,例如:军警的橄榄绿,医疗卫生的白色等。色彩还具有明显的心理感觉,例如冷、暖的感觉,进、退的效果等。另外,色彩还有民族性,各个民族由于环境、文化、传统等因素的影响,对于色彩的喜好也存在着较大的差异。充分运用色彩的这些特性,可以使我们的网页具有深刻的艺术内涵,从而提升网页的文化品位。
在最后,要考虑到网页界面设计中的背景,背景色的深与浅决定着网页对用户的刺激性。以浅色衬深色,以深色衬浅色,相互搭配,有明暗的变化,才能使网页设计效果更好,才能留住用户。