前幾天我已經完成了專輯展示區，當時是用卡片的形式呈現，每張卡片上都有專輯封面、名稱以及發行年份。不過在實際瀏覽的時候，我覺得卡片的方式雖然清楚，但整體看起來有點笨重，而且資訊排版感覺佔了比較多空間。
因此今天我決定調整展示的方式，讓專輯圖片成為主角，並在使用者滑鼠懸浮的時候，才出現一層半透明的色塊，顯示專輯名稱，點擊圖片依然可以跳轉到專輯介紹頁面。這樣的設計更簡潔，也更符合音樂平台專輯牆的感覺。
缺點是：畫面元素有點多，專輯圖片被標題和文字「切開」，視覺上不夠乾淨。
這次的改版，我刪掉了卡片中的文字，僅保留專輯封面，並在上面加上 .overlay 浮層。
這樣一來，專輯名稱不再佔據固定空間，而是只有在使用者「有互動」的時候才顯示，更加簡潔大方。
iThome鐵人賽
看影片追技術