从网页布□□局上看，一个网页□□□可以被分□□□为头部（也叫作顶□□部）、中部和底□□部。我们今天□□□□要说的就✦是网站首□□□□页的顶部□□□设计。
首先需要丨强调的一□□□点是：网站的头□□部非常重丨要。两个原因，其一，网站无论□□□采取何种□□布局，头部都是□□□□眼睛首先★关注到的□□□□区域，往往能够□□□建立访客□□□□对网站的▼第一印象；其二，网站头部□□往往是网□□站的“目录”，通过头部◉栏目的组□□织、构架、色彩搭配、元素，其实就可▼以猜测会□□□这个网站“有几分”。
所以，网站头部设计，是一个网站设计的重中之重。

网站头部的控件
大多数网站头部包含有六种控件。
LOGO。包括LOGO、企业名称、英文名称、网址、口号等等，即企业的VI系统核心。大多数情□□□况下，LOGO都被安排□□□在头部的□□左侧，因为这里□□□□是访客“视线第一□□落脚点”。但是，也有例外，某些网站，会将企业LOGO仿制在头▲部的中央，采取这种□□□设计的网◢站，会采取对□□称布局。
导航。导航栏是●网站头部□□□□的主要内□□容，通过导航□□□□栏，访客可以□□□□到网站的□□□其它栏目。
社交网络地址和联系方式。一些企业网站会在网站头部放上二维码、微信公众号或者微博地址；还有的企业网站会将服务电话和联系人放在网站头部。
语言切换。外贸类网□□□站或者多□□语言网站，会在头部□□设计语言✦切换按钮，方便访客▲变更网站◤语言。
搜索框。有的企业□□□网站需要□□□站内搜索，搜索框也□□□可以安排□□□□在网站头□□□部。
其它。有的企业□□□网站会引丨导用户下□□□载APP或者其它丨软件，这类下载□□□入口也会□□□安排在头□□部。
大体上，网站头部，主要是企业网站头部，也就是如上一些内容。

网站头部的主要设计方式
一体式头□□□部设计。这一类网□□□站，将头部与△网站“身体”融为一体，在网站上◈设计导航□□□栏和头部，在配色、元素等方□□□面，实现头部□□□和网站的□□□融合。
分离式头□□□部设计。这一类型△的网站，网站头部□□□□和网页是□□□分离开来□□□□的，通过颜色、字体、分割线的□□□□方式，将头部和□□□网站分离。
导航栏目匠心设计。
从网站头□□□□部的控件□□□□上看，能够创新◥的控件，主要就是□□□□导航栏，因为它占□□□□据了头部□□□超过六成□□□以上的面□□□□积。所以，很多不同□□□网站头部，差别主要□□在于导航△栏的不同。大体上看，导航栏设□□□□计方面的□□创新主要□□有四种。一种是简□□□□单直接的□□□□导航栏。点击每一□□个栏目，都可以进·入相应的□□□□频道。一种是双○菜单设计，点击或者□□将鼠标置◣于导航栏□□□上的时候，会出现更▲多子菜单，乃至子菜□□单之下还□□□有子菜单，使用设计□□主要是针□□□对一些内□□□容较多的□□□网站。一种是放□□大式设计。当鼠标置□□于导航栏□□□□的时候，相应的导✦航栏字体□□□□变大。一种是隐•藏式设计。当鼠标离•开导航栏□□□□之后，导航栏相□□应的子菜□□单会进行□□隐藏。
网站头部□□□□的一个设□□□□计趋势是，极简主义◣较为流行。不少企业◤网站头部□□设计，以图表代□□替文字、缩小导航❖文字，目的在于□□□□希望访客□□□□能够点击□□□□头部，避免过多□□□□信息对访◆客形成干□□扰。
总体上看，网站头部□□□是网站重✦要的交互◣区，需要网站□□□设计师至□□□少投入整□□□个网站设□□计工作量□□□的5%—10%，去做这件○事。