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

　　從網(wǎng)頁布局上看，一個網(wǎng)頁可以被分為頭部（也叫作頂部）、中部和底部。我們今天要說的就是網(wǎng)站首頁的頂部設計。

　　首先需要強調(diào)的一點是：網(wǎng)站的頭部非常重要。兩個原因，其一，網(wǎng)站無論采取何種布局，頭部都是眼睛首先關注到的區(qū)域，往往能夠建立訪客對網(wǎng)站的第一印象；其二，網(wǎng)站頭部往往是網(wǎng)站的目錄，通過頭部欄目的組織、構架、色彩搭配、元素，其實就可以猜測會這個網(wǎng)站有幾分。

　　所以，網(wǎng)站頭部設計，是一個網(wǎng)站設計的重中之重。

　　網(wǎng)站頭部的控件

　　大多數(shù)網(wǎng)站頭部包含有六種控件。

　　導航。導航欄是網(wǎng)站頭部的主要內(nèi)容，通過導航欄，訪客可以到網(wǎng)站的其它欄目。

　　社交網(wǎng)絡地址和聯(lián)系方式。一些企業(yè)網(wǎng)站會在網(wǎng)站頭部放上二維碼、微信公眾號或者微博地址；還有的企業(yè)網(wǎng)站會將服務電話和聯(lián)系人放在網(wǎng)站頭部。

　　語言切換。外貿(mào)類網(wǎng)站或者多語言網(wǎng)站，會在頭部設計語言切換按鈕，方便訪客變更網(wǎng)站語言。

　　搜索框。有的企業(yè)網(wǎng)站需要站內(nèi)搜索，搜索框也可以安排在網(wǎng)站頭部。

　　其它。有的企業(yè)網(wǎng)站會引導用戶下載APP或者其它軟件，這類下載入口也會安排在頭部。

　　大體上，網(wǎng)站頭部，主要是企業(yè)網(wǎng)站頭部，也就是如上一些內(nèi)容。

　　網(wǎng)站頭部的主要設計方式

　　一體式頭部設計。這一類網(wǎng)站，將頭部與網(wǎng)站身體融為一體，在網(wǎng)站上設計導航欄和頭部，在配色、元素等方面，實現(xiàn)頭部和網(wǎng)站的融合。

　　分離式頭部設計。這一類型的網(wǎng)站，網(wǎng)站頭部和網(wǎng)頁是分離開來的，通過顏色、字體、分割線的方式，將頭部和網(wǎng)站分離。

　　導航欄目匠心設計。

　　從網(wǎng)站頭部的控件上看，能夠創(chuàng)新的控件，主要就是導航欄，因為它占據(jù)了頭部超過六成以上的面積。所以，很多不同網(wǎng)站頭部，差別主要在于導航欄的不同。大體上看，導航欄設計方面的創(chuàng)新主要有四種。一種是簡單直接的導航欄。點擊每一個欄目，都可以進入相應的頻道。一種是雙菜單設計，點擊或者將鼠標置于導航欄上的時候，會出現(xiàn)更多子菜單，乃至子菜單之下還有子菜單，使用設計主要是針對一些內(nèi)容較多的網(wǎng)站。一種是放大式設計。當鼠標置于導航欄的時候，相應的導航欄字體變大。一種是隱藏式設計。當鼠標離開導航欄之后，導航欄相應的子菜單會進行隱藏。

　　網(wǎng)站頭部的一個設計趨勢是，極簡主義較為流行。不少企業(yè)網(wǎng)站頭部設計，以圖表代替文字、縮小導航文字，目的在于希望訪客能夠點擊頭部，避免過多信息對訪客形成干擾。

　　總體上看，網(wǎng)站頭部是網(wǎng)站重要的交互區(qū)，需要網(wǎng)站設計師至少投入整個網(wǎng)站設計工作量的5%10%，去做這件事。