在網(wǎng)站的制作中,網(wǎng)站頂部框架的布局影響著網(wǎng)站的整體效果和用戶的體驗(yàn)度。一般在網(wǎng)站制作中,網(wǎng)站頂部框架是網(wǎng)站策劃中最先發(fā)起的設(shè)計(jì)思考。現(xiàn)在的網(wǎng)站頂部框架有很多種,不過在制作思路上還是遵循一些邏輯,而這種邏輯就是最鮮明的要告訴訪客,我的網(wǎng)站要傳達(dá)給訪客什么信息。
當(dāng)訪客打開網(wǎng)站首頁的時候,最先看到的是網(wǎng)站頂部,網(wǎng)站頂部框架的布局好壞會影響著網(wǎng)站的效果。在網(wǎng)站頂部框架的布局中,網(wǎng)站頂部一般是擺放logo,廣告詞,搜索,電話等,通常情況下,logo一般放在左側(cè),而電話一般放在右側(cè),廣告詞一般放在logo的旁邊,廣告詞的編寫盡量以簡潔明了為主。如果此網(wǎng)站產(chǎn)品數(shù)量比較多,或者技術(shù)文章比較多,一般在網(wǎng)站頂部都會做一個搜索,目的就是讓訪客便于搜索想要的信息,如果對搜索要求比較高的企業(yè),搜索可以設(shè)置成分類搜索。在網(wǎng)站頂部的布局中,一般logo占有的整個頂部寬度比例在15%-25%,而電話的占有寬度10%-17%左右,再網(wǎng)站頂部的布局過程中,一定要注意間距,個別網(wǎng)站設(shè)計(jì)犯的錯誤就是沒有把間距把握好,導(dǎo)致每一塊局域之間靠的很緊,看起來就不美觀。
在logo,廣告詞,搜索和電話以下一般放網(wǎng)站的主菜單。在以前的網(wǎng)站設(shè)計(jì)中,網(wǎng)站的主菜單通常都會加背景顏色或者是背景圖片,在現(xiàn)在的網(wǎng)站設(shè)計(jì)中,為了看起來更加簡潔,通常網(wǎng)站的主菜單下面是不加背景的。為了讓菜單能夠發(fā)揮出它的優(yōu)勢,一般主菜單下面會分二級菜單,二級菜單下甚至有三級菜單,這樣做的目的就是讓訪客更容易找到對應(yīng)的頁面。當(dāng)鼠標(biāo)移動到一級菜單(主菜單)上,就會彈出二級菜單,為了看起來更加美觀,有的網(wǎng)站二級菜單旁邊也會加一個圖片來更形象地引導(dǎo)訪客,當(dāng)訪客一看二級菜單旁邊的圖片內(nèi)容,腦海里馬上明白這個圖片代表的意思。在菜單的制作過程中,要注意菜單之間的間距和行高以及字體樣式等,通常,一級菜單的行高往往比二級和三級菜單高,通常一級菜單的行高在35px-80px之間,二級和三級菜單的行高相對比較小一些,通常在27px-38px之間。一級菜單的字體大小一般在14px-20px左右,二級和三級菜單的大小可設(shè)置在12px-16px之間。當(dāng)鼠標(biāo)移動到主菜單上,會觸發(fā)二級和三級菜單,一般在鼠標(biāo)觸發(fā)菜單的時候,網(wǎng)站設(shè)計(jì)師會設(shè)計(jì)鼠標(biāo)觸發(fā)時的字體樣式,便于引導(dǎo)訪客此時鼠標(biāo)停留在什么位置。
網(wǎng)站頂部的框架就好比一個店面的頂部一樣,布局與設(shè)計(jì)的好壞,有時會影響的店面的經(jīng)營效果一樣。在網(wǎng)站頂部的制作中,很多網(wǎng)站設(shè)計(jì)師覺的此處沒有什么重要性,往往會忽視掉它的真正重要性。
掃一掃 加微信咨詢