往期干貨：

這次的案例是直播排行榜頁面，客戶的要求是要更具設計感，來看看優化前：

再來看看優化后：

接下來，我們一一拆解優化方向。

一、拉開等級

在這個案例中，我們可以根據整體的“夢幻”主題找一些視覺元素，比如魔法陣、皇冠、金鑲邊，和旗幟等：

第 1 步：增加前三名的設計感

我們可以增加旗幟樣式的底板，并通過圖形繁簡度拉開層級：

第 2 步：增加排名卡片的設計感

我們還可以將原本的排名卡片的純色樣式，優化一下符合整體調性：

二、標簽狀態

為了信息傳遞更高效直觀，我們可以把“直播中”的文字標識改為更有辨識度的圖形標識：

三、頭部優化

第 1 步：優化標題字體

“心動榜”三個字可以采用符合“夢幻”主題的字體，不用我多說，最快得到好字體的方式你也該知道了吧？對，丟給 AI 讓它幫你拿捏：

第 2 步：增加底紋

因為字體已經比較出彩，所以我們再增加符合主體的底紋做裝飾即可：

第 3 步：優化返回 icon 樣式

為了匹配整個頁面的調性，返回 icon 也需要具有一定的設計感：

最后，來看看優化前后的對比吧：

希望從這次的案例中，你能得到有用的知識，和更多優化思路。