網站焦點圖是一種網站內容的展現形式，可以簡單理解為多張圖片的組合，也叫輪播圖。適當地在網站添加焦點圖能夠增加視覺沖擊性，增加點擊量。
焦點圖主要有以下幾種實現方案：js/jQuery焦點圖、flash焦點圖、純css焦點圖。如果在焦點圖上右鍵有Adobe Flash Player內容，就證明是flash焦點圖；如果在瀏覽器工具中禁用了js，焦點圖無法使用則證明是js焦點圖，如果能繼續使用則是純css焦點圖。
在實際應用中，焦點圖中不一定是使用本地圖片，也有可能是使用外部圖片鏈接。
焦點圖的樣式可以吸引用戶，而更重要的是內容，比如針對電商網站，美女，折扣，秒殺，色彩這些元素無疑最能吸引用戶的眼球。
下面的這個圖看起來和焦點圖比較像，不過它是另外一個重要的頁面元素：相冊。
針對這種相冊，分析其邏輯如下：
（1）相冊可以自動切換（使用不多），或者通過相冊大圖左右兩側的按鈕來切換、
（2）底部縮略圖支持點擊滑動和點擊小圖，選中縮略圖后相冊大圖對應切換；
相冊的邏輯看起來相對簡單，但是有很多細節需要重視：
（1）相冊顯示應該是帶有版本號的圖片，如果幾十張圖片都調用原始圖片，那絕對是一場災難；
（2）相冊上總數字和當前數字的顯示，不至于讓用戶煩躁；
（3）相冊的退出一般有下面幾種形式：點擊相冊大圖內容之外區域、點擊相冊大圖右上角關閉按鈕、使用esc快捷鍵；
（4）相冊大圖的切換需要和底部的縮略圖保持同步，且縮略圖要有清晰的選中樣式標明；
（5）相冊底部的縮略圖不是必須，在有些場景下是可以省去的；
（6）相冊在切換的時候可以設置為循環切換，即最后一張和第一張是前后關系。如果不設置為循環切換，在第一張和最后一張操作時也有3種方法：設置為不可用狀態、隱藏操作按鈕、彈窗進行相應提示；
（7）相冊的切換支持←和→鍵。
相冊的使用一般不是單獨的，而是和圖片列表結合使用。圖片列表的排版樣式如何吸引用戶是引導用戶使用相冊的途徑之一。
工作和日常生活中體驗使用不同類型的產品，再加上自己的思考，是互相印證，也是積累沉淀的過程。說起來頭頭是道是第一步，在使用中不斷地根據場景改進完善才是最重要的，畢竟想要用一個設計適用于所有場景是不可能的。
