企業(yè)網(wǎng)站頭部設(shè)計(jì)漫談

2023-03-24    分類: 網(wǎng)站建設(shè)

從網(wǎng)頁(yè)布局上看,一個(gè)網(wǎng)頁(yè)可以被分為頭部(也叫作頂部)、中部和底部。我們今天要說(shuō)的就是網(wǎng)站首頁(yè)的頂部設(shè)計(jì)。
首先需要強(qiáng)調(diào)的一點(diǎn)是:網(wǎng)站的頭部非常重要。兩個(gè)原因,其一,網(wǎng)站無(wú)論采取何種布局,頭部都是眼睛首先關(guān)注到的區(qū)域,往往能夠建立訪客對(duì)網(wǎng)站的第一印象;其二,網(wǎng)站頭部往往是網(wǎng)站的“目錄”,通過(guò)頭部欄目的組織、構(gòu)架、色彩搭配、元素,其實(shí)就可以猜測(cè)會(huì)這個(gè)網(wǎng)站“有幾分”。
所以,網(wǎng)站頭部設(shè)計(jì),是一個(gè)網(wǎng)站設(shè)計(jì)的重中之重。
網(wǎng)站頭部的控件
大多數(shù)網(wǎng)站頭部包含有六種控件。
LOGO。包括LOGO、企業(yè)名稱、英文名稱、網(wǎng)址、口號(hào)等等,即企業(yè)的VI系統(tǒng)核心。大多數(shù)情況下,LOGO都被安排在頭部的左側(cè),因?yàn)檫@里是訪客“視線第一落腳點(diǎn)”。但是,也有例外,某些網(wǎng)站,會(huì)將企業(yè)LOGO仿制在頭部的中央,采取這種設(shè)計(jì)的網(wǎng)站,會(huì)采取對(duì)稱布局。
導(dǎo)航。導(dǎo)航欄是網(wǎng)站頭部的主要內(nèi)容,通過(guò)導(dǎo)航欄,訪客可以到網(wǎng)站的其它欄目。
社交網(wǎng)絡(luò)地址和聯(lián)系方式。一些企業(yè)網(wǎng)站會(huì)在網(wǎng)站頭部放上二維碼、微信公眾號(hào)或者微博地址;還有的企業(yè)網(wǎng)站會(huì)將服務(wù)電話和聯(lián)系人放在網(wǎng)站頭部。
語(yǔ)言切換。外貿(mào)類網(wǎng)站或者多語(yǔ)言網(wǎng)站,會(huì)在頭部設(shè)計(jì)語(yǔ)言切換按鈕,方便訪客變更網(wǎng)站語(yǔ)言。
搜索框。有的企業(yè)網(wǎng)站需要站內(nèi)搜索,搜索框也可以安排在網(wǎng)站頭部。
其它。有的企業(yè)網(wǎng)站會(huì)引導(dǎo)用戶下載APP或者其它軟件,這類下載入口也會(huì)安排在頭部。
大體上,網(wǎng)站頭部,主要是企業(yè)網(wǎng)站頭部,也就是如上一些內(nèi)容。
網(wǎng)站頭部的主要設(shè)計(jì)方式
一體式頭部設(shè)計(jì)。這一類網(wǎng)站,將頭部與網(wǎng)站“身體”融為一體,在網(wǎng)站上設(shè)計(jì)導(dǎo)航欄和頭部,在配色、元素等方面,實(shí)現(xiàn)頭部和網(wǎng)站的融合。
分離式頭部設(shè)計(jì)。這一類型的網(wǎng)站,網(wǎng)站頭部和網(wǎng)頁(yè)是分離開來(lái)的,通過(guò)顏色、字體、分割線的方式,將頭部和網(wǎng)站分離。
導(dǎo)航欄目匠心設(shè)計(jì)。
從網(wǎng)站頭部的控件上看,能夠創(chuàng)新的控件,主要就是導(dǎo)航欄,因?yàn)樗紦?jù)了頭部超過(guò)六成以上的面積。所以,很多不同網(wǎng)站頭部,差別主要在于導(dǎo)航欄的不同。大體上看,導(dǎo)航欄設(shè)計(jì)方面的創(chuàng)新主要有四種。一種是簡(jiǎn)單直接的導(dǎo)航欄。點(diǎn)擊每一個(gè)欄目,都可以進(jìn)入相應(yīng)的頻道。一種是雙菜單設(shè)計(jì),點(diǎn)擊或者將鼠標(biāo)置于導(dǎo)航欄上的時(shí)候,會(huì)出現(xiàn)更多子菜單,乃至子菜單之下還有子菜單,使用設(shè)計(jì)主要是針對(duì)一些內(nèi)容較多的網(wǎng)站。一種是放大式設(shè)計(jì)。當(dāng)鼠標(biāo)置于導(dǎo)航欄的時(shí)候,相應(yīng)的導(dǎo)航欄字體變大。一種是隱藏式設(shè)計(jì)。當(dāng)鼠標(biāo)離開導(dǎo)航欄之后,導(dǎo)航欄相應(yīng)的子菜單會(huì)進(jìn)行隱藏。
網(wǎng)站頭部的一個(gè)設(shè)計(jì)趨勢(shì)是,極簡(jiǎn)主義較為流行。不少企業(yè)網(wǎng)站頭部設(shè)計(jì),以圖表代替文字、縮小導(dǎo)航文字,目的在于希望訪客能夠點(diǎn)擊頭部,避免過(guò)多信息對(duì)訪客形成干擾。
總體上看,網(wǎng)站頭部是網(wǎng)站重要的交互區(qū),需要網(wǎng)站設(shè)計(jì)師至少投入整個(gè)網(wǎng)站設(shè)計(jì)工作量的5%—10%,去做這件事。

分享題目:企業(yè)網(wǎng)站頭部設(shè)計(jì)漫談
當(dāng)前路徑:http://www.muchs.cn/news41/247191.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供虛擬主機(jī)、搜索引擎優(yōu)化、全網(wǎng)營(yíng)銷推廣自適應(yīng)網(wǎng)站、移動(dòng)網(wǎng)站建設(shè)、企業(yè)網(wǎng)站制作

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都網(wǎng)頁(yè)設(shè)計(jì)公司