解析网页界面设计和布局.doc

近几年来,随着科技、计算机技术的迅猛发展和人们生活水平的不断提高。互联网以惊人的发展速度而且越来越深入到人们的生活和工作、学****中。信息的传播形式、内容、数量也在空前的改变着。互联网它凭借着一个崭新的媒介和独特传播形式打破了传统性的、地域性的、经济文化性的阻隔,而且在信息的传播范围和传播速度达到一个质的飞跃。随着互联网的发展,周边的附属品也同时在飞速的发展。而最明显的就是互联网最常见的网络媒介“网页”。网页设计—也开始慢慢上升到一个举足轻重的位置,一个好的网页界面设计小则能够让人赏心悦目,大则能够称之为现代原创艺术的结晶。越来越多的设计师也开始投入到追求网页界面形式美的行列中来。然而设计师们在设计界面的同时却忽略了一个微不足道的,可是却又是至关重要的“微观”元素—网页设计的“细节”处理。它能够让设计师们的界面美观度达到极致的升华,也能够让界面变得暗淡和乏味。然而,一个网页设计的“微观细节”都表现在哪里呢?它们要在何时何地出现才能为我们的界面设计带来一个极致的升华呢?网页设计的“微观细节”主要表现有以下几点:壹—页面的整体颜色,也能够称之为颜色。貳—页面的整体布局,也能够称之为排版。叁—页面的字体元素。也能够称之为字体。肆—页面的效果元素。也能够称之为效果。以上四点归纳出网页设计的“细节”主要在以上这些地方着重处理。页面的整体色彩能够直接反映这个页面对用户的视觉感官,鲜艳的颜色能够给用户一种清新、活泼的视觉感受,然而此时细节就在于设计师对于色彩与色彩间的把握。图1:单一的色彩元素也能够给用户带来另一种不同的视觉感受,如:黑白单一色调能够给用户一种稳重、时尚的视觉体验,然而此时细节就在于设计师如何“画龙点睛”打破单一的色彩体系,不让用户感受到压抑的心理。图2:界面设计的颜色运用,不但能够给用户一个对网页的大致感受,然而对颜色谨慎的细节把握能够让用户感到颜色带来的舒适,从而根据颜色的巧妙配合给用户带来不同的视觉和心理体验。颜色的细节搭配是注重于页面颜色元素间的色相、明度、饱和度之间的搭配。色相:是色彩的首要特征,是区别各种不同色彩的最准确的标准。色相环则成为了网页配色的重要工具之一。在颜色的搭配细节中,色相起到一个重要的环节,色相搭配主要有以下部分细节用于网页界面设计中:一:单色搭配一种色相由暗、中、明三种色调组成。这就是单色。单色搭配上并没有形成颜色的层次,但形成了明暗的层次。这种颜色搭配产生了一种令人悦目、低对比度的和谐美感。二:类比色搭配相邻的颜色称为类比色。类比色都拥有共同的颜色。整个页面如果使用了类比的红色和黄色进行搭配,给人大气、有力量的印象。三:补色搭配在色相环上直线相正确两种颜色称为补色,如:橙色和蓝色。补色形成强列的对比效果,传达出活力、能量、兴奋等意义。四:分离补色搭配如果我们同时用补色及类比色的方法来确定的颜色关系,就称为分离补色。这种颜色搭配既具有类比色的低对比度的美感,又具有补色的力量感。形成了一种既和谐又有重点的颜色关系。五:原色搭配三原色的搭配,红黄搭配是最受欢迎的一种搭配方法。可是红蓝搭配只有当两者的区域是分离时,才会显得吸引人,如果是紧邻在一起,则会产生冲突感。六:二次色搭配二次色之间都拥有一种共同的颜色因此它们轻易能够形成协调的搭配。如果三种二次色同时使用,则显得很舒适、吸引,并具有丰富的色调。它们同时具有的颜色深度及广度