在網(wǎng)站的制作中，網(wǎng)站頂部框架的布局影響著網(wǎng)站的整體效果和用戶的體驗(yàn)度。一般在網(wǎng)站制作中，網(wǎng)站頂部框架是網(wǎng)站策劃中最先發(fā)起的設(shè)計(jì)思考。現(xiàn)在的網(wǎng)站頂部框架有很多種，不過(guò)在制作思路上還是遵循一些邏輯，而這種邏輯就是最鮮明的要告訴訪客，我的網(wǎng)站要傳達(dá)給訪客什么信息。

當(dāng)訪客打開網(wǎng)站首頁(yè)的時(shí)候，最先看到的是網(wǎng)站頂部，網(wǎng)站頂部框架的布局好壞會(huì)影響著網(wǎng)站的效果。在網(wǎng)站頂部框架的布局中，網(wǎng)站頂部一般是擺放logo，廣告詞，搜索，電話等，通常情況下，logo一般放在左側(cè)，而電話一般放在右側(cè)，廣告詞一般放在logo的旁邊，廣告詞的編寫盡量以簡(jiǎn)潔明了為主。如果此網(wǎng)站產(chǎn)品數(shù)量比較多，或者技術(shù)文章比較多，一般在網(wǎng)站頂部都會(huì)做一個(gè)搜索，目的就是讓訪客便于搜索想要的信息，如果對(duì)搜索要求比較高的企業(yè)，搜索可以設(shè)置成分類搜索。在網(wǎng)站頂部的布局中，一般logo占有的整個(gè)頂部寬度比例在15%-25%，而電話的占有寬度10%-17%左右，再網(wǎng)站頂部的布局過(guò)程中，一定要注意間距，個(gè)別網(wǎng)站設(shè)計(jì)犯的錯(cuò)誤就是沒有把間距把握好，導(dǎo)致每一塊局域之間靠的很緊，看起來(lái)就不美觀。

在logo，廣告詞，搜索和電話以下一般放網(wǎng)站的主菜單。在以前的網(wǎng)站設(shè)計(jì)中，網(wǎng)站的主菜單通常都會(huì)加背景顏色或者是背景圖片，在現(xiàn)在的網(wǎng)站設(shè)計(jì)中，為了看起來(lái)更加簡(jiǎn)潔，通常網(wǎng)站的主菜單下面是不加背景的。為了讓菜單能夠發(fā)揮出它的優(yōu)勢(shì)，一般主菜單下面會(huì)分二級(jí)菜單，二級(jí)菜單下甚至有三級(jí)菜單，這樣做的目的就是讓訪客更容易找到對(duì)應(yīng)的頁(yè)面。當(dāng)鼠標(biāo)移動(dòng)到一級(jí)菜單（主菜單）上，就會(huì)彈出二級(jí)菜單，為了看起來(lái)更加美觀，有的網(wǎng)站二級(jí)菜單旁邊也會(huì)加一個(gè)圖片來(lái)更形象地引導(dǎo)訪客，當(dāng)訪客一看二級(jí)菜單旁邊的圖片內(nèi)容，腦海里馬上明白這個(gè)圖片代表的意思。在菜單的制作過(guò)程中，要注意菜單之間的間距和行高以及字體樣式等，通常，一級(jí)菜單的行高往往比二級(jí)和三級(jí)菜單高，通常一級(jí)菜單的行高在35px-80px之間，二級(jí)和三級(jí)菜單的行高相對(duì)比較小一些，通常在27px-38px之間。一級(jí)菜單的字體大小一般在14px-20px左右，二級(jí)和三級(jí)菜單的大小可設(shè)置在12px-16px之間。當(dāng)鼠標(biāo)移動(dòng)到主菜單上，會(huì)觸發(fā)二級(jí)和三級(jí)菜單，一般在鼠標(biāo)觸發(fā)菜單的時(shí)候，網(wǎng)站設(shè)計(jì)師會(huì)設(shè)計(jì)鼠標(biāo)觸發(fā)時(shí)的字體樣式，便于引導(dǎo)訪客此時(shí)鼠標(biāo)停留在什么位置。

網(wǎng)站頂部的框架就好比一個(gè)店面的頂部一樣，布局與設(shè)計(jì)的好壞，有時(shí)會(huì)影響的店面的經(jīng)營(yíng)效果一樣。在網(wǎng)站頂部的制作中，很多網(wǎng)站設(shè)計(jì)師覺的此處沒有什么重要性，往往會(huì)忽視掉它的真正重要性。

上一篇：公司的網(wǎng)站設(shè)計(jì)上存在的一些問(wèn)題

下一篇：網(wǎng)站建設(shè)會(huì)與那些平臺(tái)展示關(guān)聯(lián)？