近期於前端開發時常會被 PM 要求先提個 Mockup 來看看呈現效果之類的。有鑑於公司目前的人力配置一直沒有規劃到 UI / UX 這個領域，那就自己下來碰碰看吧。這篇筆記的是六角學院的 UI 設計入門：畫出有程式邏輯的設計稿 中關於「Header 頁首」的介紹。
課程相關資訊
[連結]：https://courses.hexschool.com/courses/ui/lectures/13039024
本篇範圍：Chapter 6 ( 原子設計第三階段：組織 ) ，一共有 13 篇
請注意：本系列文章為個人對應課程的消化吸收後，所整理出來的內容。換言之，並不一定會包含全部的課程內容，也有可能會添加其他資源來說明。
筆記
1. 頁首 Header 是使用者一進到網頁會最先看到的區域，通常會以靜態或是動態的圖像或是文字所組成
2. Hero Header 是當前很流行的一種形式，將主打產品、服務或是核心理念以大版面的突現或是影片來呈現，搭配上顯眼的網頁標題、連結和任何可以增加使用者轉換的元件
3. 標題列、媒體、網頁標題和互動連結
4. 主頁首圖需要有明確目的、情感目的和品牌價值
