在網站的制作中，網站頂部框架的布局影響著網站的整體效果和用戶的體驗度。一般在網站制作中，網站頂部框架是網站策劃中最先發起的設計思考�，F在的網站頂部框架有很多種，不過在制作思路上還是遵循一些邏輯，而這種邏輯就是最鮮明的要告訴訪客，我的網站要傳達給訪客什么信息。

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

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

網站頂部的框架就好比一個店面的頂部一樣，布局與設計的好壞，有時會影響的店面的經營效果一樣。在網站頂部的制作中，很多網站設計師覺的此處沒有什么重要性，往往會忽視掉它的真正重要性。

上一篇：公司的網站設計上存在的一些問題

下一篇：網站建設會與那些平臺展示關聯？