莎士比亞時代觀眾刁鑽無耐心,唯戲劇情節、華麗服裝、幽默對白能抓住注意力。今日用戶同樣缺乏耐心:1 秒無法吸引,即關頁離開。設計師須學莎翁之法,打造不可抗拒的「視覺焦點」。

焦點必須置於「熱區」(用戶最頻繁瀏覽位置)。直覺不可靠,建議進行可用性測試,科學定位熱區再佈局焦點。

早期一頁一焦點已過時。垂直視差、長頁面需至少三個視覺焦點穿插(大圖沖擊、文字解釋、互動引導),保證內容傳遞效率。子頁面同理。

無固定數字,但建議「至少三個」為基準,隨內容長度與業務目標增減。

圖像資訊量大;插畫圖標賦予人性化質感,誘發觸摸慾望。

周圍的「無」襯托中間的「有」。蘋果官網是留白教科書。

呼應文章 31294 原則:單一強調色在灰階基調上最聚焦。
KOA WATER、IPOLECAT、RIDE FOUR EVER、WRIST、GRIND SPACES、THE PETE DESIGN、MOSNE、JEREMY LEVINE、CARAMEL BUDGIE、FK AGENCY——均以留白、圖像、字體、色彩精準設置焦點,贏得用戶認可。










焦點設置是技巧、是魔法、更需練習。趕緊在下個專案實踐,讓網頁更快抓住用戶!