頁首 Header — Vibe 詞典

你可能會這樣說

網站最上面的導覽列不知道該放幾個項目，排起來歪歪扭扭又不會跟著捲動，手機上更是擠成一團。

頁首是每一頁都出現的導覽列：左邊商標、中間或右邊選單、最右邊一顆動作按鈕。選單項目五個以內最舒服，超過就把次要的收進「更多」。

長頁面通常讓頁首往下捲動時縮窄並加上底色與陰影，訪客隨時找得到路。

手機上是另一門功課：選單收進漢堡圖示，點開變成全螢幕，項目大小要夠好點（至少 44px 高）。

hill-coffee.com

打開網站的第一眼：本週豆單、門市資訊，和一顆「線上點餐」按鈕。

咖啡與甜點的分類清單，價格清楚，照片統一尺寸。

地址、營業時間、地圖嵌入——手機上一鍵導航。

品牌的起源故事，兩三段就好，配一張真實的店內照。

試試：上下捲動（導覽列黏住）；點選單（跳到該段＋高亮）。

圖 3-10　導覽列跟著捲動黏在頂端，點選單直接跳到該區。

中文就可以

請整理我的頁首：
左邊商標、右邊選單（五個項目以內）、最右一顆「開始使用」按鈕。
電腦版高度 72px，往下滑時縮成 56px、加白色底與淡陰影。
手機版收成漢堡選單，展開時全螢幕、項目高 56px、右上可關閉。
目前所在的頁面，在選單上用強調色底線標示。