UI/UX · 視覺動線
用戶如何「掃視」網頁？視覺動線與資訊架構
人不是「閱讀」網頁，而是「掃視」。理解眼睛怎麼移動，你就能把對的訊息放在對的位置——這正是 UI/UX 與資訊架構的核心。
打開一個網頁，多數人會在一兩秒內快速掃過，只抓標題、粗體字、圖片與按鈕，決定值不值得停留。設計的任務，就是順著這種掃視習慣鋪路，而不是逼使用者逐字閱讀。
眼動研究歸納出幾種常見的掃視模式：文字密集的頁面容易呈現 F 型路徑（先橫掃上方、再沿左側往下）；視覺元素豐富的頁面則接近 Z 型動線。設計時把關鍵訊息與 CTA 放在這些路徑會經過的位置，命中率自然提高。
01UI 與 UX 的差別
簡單說，UX（使用者體驗）是「流程順不順、好不好用」，關乎資訊架構、動線與邏輯；UI（使用者介面）是「看起來如何、操作起來如何」，關乎視覺、排版與互動細節。好的網站兩者缺一不可——UX 決定路徑，UI 決定體感。
02資訊架構（IA）：先有結構，才有畫面
資訊架構是把內容分類、排序、命名的工作。它決定使用者多快找到想要的東西。動手做視覺之前，先把「誰來、想完成什麼、需要哪些資訊」想清楚，畫面才有依歸。
建立視覺層級
用大小、對比、留白讓最重要的訊息最先被看到。
一屏一重點
每個區塊只傳達一個核心訊息，降低認知負擔。
善用粗體與標題
掃視者只看醒目的字，重點要「跳出來」。
把 CTA 放在動線上
讓行動呼籲出現在視線自然抵達之處。
032026 的設計趨勢，仍以「清晰」為王
動效、3D、互動很迷人，但它們是為了「強化理解」而存在，不是為炫技。再前衛的設計，只要讓使用者迷路，就是失敗的設計。質感與清晰可以並存——這也是我們做每個專案的原則。
Key takeaways
- 使用者用 F／Z 型路徑掃視，不逐字閱讀
- UX 管流程、UI 管體感，兩者互補
- 先做好資訊架構，再做視覺
- 把重點與 CTA 放在視線動線上
動畫做太多會影響體驗嗎？
會。動效應服務於理解與引導，過量會分散注意、拖慢載入。質感來自克制。
資訊架構要先做還是邊做邊改？
建議先規劃骨架再進設計。架構先穩，後續設計與開發都更有效率。