「第一屏」的重要性
在網頁設計術語中，「Above the fold」指的是訪客不需要滾動頁面就能看到的部分——桌機通常是 600-800px 高，手機是 640-844px 高。
研究顯示，用戶在進入網站的 0 到 5 秒內，會做出是否繼續留下來的決定。這個決定大多基於他們在這段時間裡看到的「第一屏」。
所以，無論你的網站其他部分做得多好，如果第一屏沒有把人留住，他們就不會往下滾動去看。
第一屏應該包含的五個要素
一、清楚的主標題
用一句話說清楚你是誰、能為訪客做什麼，或者他們在這裡能得到什麼。
避免：詩意的品牌 slogan（「讓夢想起飛」「創造無限可能」）作為唯一標題。
推薦：具體、有對象感的描述（「台灣健身教練的個人品牌官網，NT$5,800 起」）。
二、支持性副標題
如果主標題是「鉤子」，副標題是「展開說明」。用一到兩句話補充主標題沒說到的重點：
主標題：「一頁式官網，7 天交件」
副標題：「幫助個人工作室、教練、顧問建立可以 24 小時說明服務的品牌形象，讓對的客戶主動找上你。」
三、清楚的 CTA（Call To Action）
第一屏要有一個明顯的行動按鈕。這個按鈕的文字應該說明訪客點了之後會得到什麼：
好：「免費諮詢，馬上約」「查看服務方案」「下載報價說明」
不好：「了解更多」「開始」
四、可信度訊號
在第一屏加入一個快速的信任元素：幾個客戶 logo、一個扼要的社交見證、過去案例數量，或者一個媒體提及。
如果你目前沒有這些，可以改用：你的主要資歷（「8 年設計經驗」）或服務的明確承諾（「72 小時內回覆」）。
五、視覺錨點
一張好的圖片、清晰的背景、或者有力量感的設計元素，幫助訪客「感受」你的品牌調性。
注意：視覺是第一屏的情感層，文字是說服層。兩者都重要，但如果非要取捨，文字清楚優先於視覺精美。
第一屏最常見的五個錯誤
錯誤一：全螢幕大圖加小字
一張佔滿全屏幕的背景圖，中間放一個小小的品牌標語——這在視覺上很帥，但它通常沒有傳遞任何有用的資訊。訪客看完，不知道這個網站是做什麼的。
錯誤二：沒有 CTA 按鈕
很多網站的第一屏只有圖文說明，沒有告訴訪客下一步要做什麼。
錯誤三：導航佔了太多空間
巨大的頂部導航欄把第一屏可用的垂直空間壓縮掉三分之一。建議：導航欄高度控制在 60-70px 以內。
錯誤四：載入太慢讓第一屏成為「空白屏」
如果第一屏的主圖是一張 3MB 的圖片，用行動網路的用戶要等 4-6 秒才看得到內容。
第一屏的圖片應該是整個網站最優先優化的，並設定為優先加載（priority），確保第一屏的主要內容最快呈現。
錯誤五：手機版第一屏和桌機完全不同
這個情況比你想的常見：桌機版第一屏看起來很好，但手機版卻顯示不完整、文字被截斷、或者按鈕不見了。
確保在真實手機（不只是瀏覽器模擬）上測試你的第一屏。
一個簡單的自我測試
把你的網站首頁以手機模式打開，然後問一個完全不認識你的人：「你看到這個頁面，你知道這個網站在做什麼嗎？」
如果他在 5 秒內說不出來，你的第一屏需要修改。