Web前台的布局设计

网站前台的版面设计是网页(yè)制作(zuò)的**步，版面设计就像传统报刊杂志(zhì)的编辑一样，我们把网页(yè)作(zuò)為(wèi)报纸、杂志(zhì)进行版面设计。动态网页(yè)技(jì )术的发展，网页(yè)制作(zuò)开始向场景编剧倾斜，但固定的网页(yè)布局基础仍然需要學(xué)习和掌握。

布局是指通过浏览器看到的完整页(yè)面，因為(wèi)每台计算机的显示分(fēn)辨率不同。同一页(yè)的大小(xiǎo)可(kě)能(néng)為(wèi)640×480像素、800×600像素和1024×不同大小(xiǎo)，例如768像素。布局是将屏幕和文(wén)本放置在页(yè)面不同位置的一种适合参考的方法。

布局分(fēn)辨率设置，一般页(yè)面结构类型科(kē)學(xué)的页(yè)面结构，可(kě)以更好地显示站点信息，方便任務(wù)完成，更直接地访问内容。网页(yè)结构的科(kē)學(xué)性和艺术性使信息更易于管理(lǐ)。

常见的网页(yè)布局结构主要包括：。

1.“T”形布局

“T”形布局是指页(yè)面上部為(wèi)横纹站点标志(zhì)和广告栏，下方左侧為(wèi)主菜单，右侧為(wèi)显示内容的布局，由于菜单栏背景较深，整體(tǐ)效果相似，英文(wén)由于文(wén)字的“T”，我们称之為(wèi)“T”形布局这是页(yè)面设计中(zhōng)广泛使用(yòng)的布局之一。该布局的优点是页(yè)面结构清晰，主次分(fēn)明，是初學(xué)者易于使用(yòng)的布局方法。缺点是死板，如果细节颜色不注意加工(gōng)，很(hěn)容易让人觉得“看起来乏味”。

2.“口”形状布局

这是象形的说法，一般页(yè)面上下各有(yǒu)一个广告条，左边是主菜单，右边放友情链接等，中(zhōng)间是主要内容。这个布局的优点是利用(yòng)布局，信息量大。难点是页(yè)面太拥挤，不灵活。也可(kě)以仅用(yòng)中(zhōng)窗口形的布局空出4边。

3.“三”形布局

这种布局在國(guó)外网站上使用(yòng)较多(duō)，在國(guó)内使用(yòng)较少。特点是页(yè)面上的横向两条色块，将整页(yè)分(fēn)割成三个部分(fēn)，色块中(zhōng)多(duō)放置广告条。

4.对称比较布局

顾名(míng)思义，采用(yòng)左右或上下对称的布局，一半深色，一半浅色，一般用(yòng)于设计型场地，优点是视觉冲击力强，缺点是难以将两部分(fēn)有(yǒu)机结合。

5.POP布局

POP引用(yòng)自广告用(yòng)语，意思是页(yè)面布局就像宣传海报一样，以精(jīng)美的图片作(zuò)為(wèi)页(yè)面设计中(zhōng)心。这个布局在时尚类网站上很(hěn)常用(yòng)，优点显而易见。很(hěn)漂亮，很(hěn)吸引人。缺点是速度慢。

/wangzhansheji/374.html Web前台的布局设计