我最近在梳理產品報錯場景的過程中，發現“置灰”狀態的使用可以有效的提升報錯場景中的用戶體驗。本篇文章就向大家簡單分析一下如何合理的使用“置灰”。

置灰

“置灰”是相對于“常態”而言的，代表著當前不可用。這里的“不可用”在不同的場景下有著不同的意思：在用戶等級體系中，置灰的勛章意味著這個等級你還沒有解鎖；在卡券中心，置灰的卡券代表著這張卡券已經過期或者已使用。

為了讓大家更好的理解，我將“置灰”分為兩種。一種是“視覺置灰”，這種置灰僅限于視覺層面，不影響用戶正常操作,就像上面的卡券一樣，雖然已經過期，但是依然可以點擊查看詳情；另一種是“功能置灰”，直接禁用該功能，用戶不可點擊。

視覺置灰

對于任何一個設計元素或者組件，我們想要系統的掌握它，首先要從功能入手，弄清楚它能夠做什么。視覺置灰在界面設計中主要起到的是一個篩選的作用。以豆瓣和虎撲為例，如果這個帖子你已經瀏覽過了，那么就會置灰，這樣可以篩選出用戶未讀的帖子，提高新帖的閱讀量。

在電商類的產品購買頁中，置灰意味著當前的顏色跟尺碼沒有。置灰的微信紅包說明該紅包你已經點擊過了。

在網易云音樂中，置灰代表著當前歌曲沒有版權，無法播放。這里篩選的維度是該歌曲是否有版權。同樣是版權原因，b站中如果該視頻沒有取得下載權限，采用的就是我下面所說的功能置灰，直接禁用下載icon，用戶無法點擊。這種處理方法有待商榷，我覺得像網易云一樣提供一個彈框安撫一下用戶會更好點。

上面提到了歌曲版權的問題，這里可以根據歌曲下載的場景做一個延伸。目前來說，歌曲付費下載已經是常態了。在酷狗音樂中，用戶點擊下載icon，彈出一個對話框，告知下載該歌曲必須要開通音樂包或者選擇單曲購買，用戶點擊進入相應的開通和購買頁。

其余的競品都是用戶點擊下載icon，直接進入開通會員/購買單曲的頁面，在頂部以通告欄的形式，告知用戶下載該歌曲必須要開通音樂包或者選擇單曲購買，跳過了對話框。