置灰，是一個網(wǎng)站設計術語。表面上的意思是說將網(wǎng)頁元素，或者文字、或圖片、或視頻資料以灰色呈現(xiàn)；在網(wǎng)頁設計中，置灰值得是將用灰色色彩呈現(xiàn)部分網(wǎng)站內(nèi)容，以提醒用戶功能、內(nèi)容的不可用。
如上說法，可能有點過于專業(yè)，不容易理解。方維網(wǎng)絡舉一個簡單的例子，就能說清楚什么是置灰。
在上網(wǎng)的時候，我們經(jīng)常會看到很多網(wǎng)站打不開，可能出現(xiàn)404頁面，如下如所示：



在網(wǎng)頁設計的術語中，這就是置灰設計，整體的頁面呈“灰色狀”。
隨著網(wǎng)頁設計的發(fā)展，置灰這一設計也有一些小創(chuàng)新，并且部分圍繞置灰進行的設計創(chuàng)新，被業(yè)內(nèi)和業(yè)外的人一直肯定，可以我們常見的。方維網(wǎng)絡提出這樣一個觀點：在網(wǎng)頁設計中圍繞置灰進行的一些創(chuàng)新，是可以將其引入到“商城建設和商城設計”之中的，方維網(wǎng)絡將會圍繞這一觀點進行分析。

一、最常見的置灰設計創(chuàng)新

（一）404頁面置灰創(chuàng)新
在很長時間內(nèi)，如果無法打開網(wǎng)頁，會出現(xiàn)404頁面。最先進行404頁面創(chuàng)新的是一些門戶網(wǎng)站，他們在404頁面呈現(xiàn)“公益廣告”，包括兒童走失廣告、尋親廣告等等，在利用了閑置的網(wǎng)絡資源的同時，也會將用戶引導到公益頁面。
方維網(wǎng)絡將這種置灰創(chuàng)新稱之為“置灰跳轉創(chuàng)新”，就是將用戶從置灰頁面引導到其它頁面。
（二）移動媒體標題置灰創(chuàng)新
在使用移動媒體的時候，包括今日頭條、鳳凰新聞、騰訊新聞等，閱讀過的文章，其標題呈現(xiàn)“灰色”。這一小創(chuàng)新一方面避免用戶打開已經(jīng)閱讀過的頁面，另一方面也對用戶瀏覽歷史進行提醒，是提升用戶體驗的小創(chuàng)新。方維網(wǎng)絡將這種小創(chuàng)新稱之為“置灰已讀創(chuàng)新”。
（三）移動支付狀態(tài)置灰創(chuàng)新

在使用微信發(fā)紅包的時候，已經(jīng)被對方領了的紅包，呈現(xiàn)“灰色”，而沒有被領用的紅包，仍然是紅色。這也是一種置灰創(chuàng)新。方面用戶對紅包是否領用的狀態(tài)進行查詢。方維網(wǎng)絡將其稱之為“置灰支付狀態(tài)創(chuàng)新”。
如上三種，在用戶最常見的，也最容易理解的“置灰創(chuàng)新”案例，方維網(wǎng)絡認為，如上三種創(chuàng)新是可以引入到商城設計之中的。

二、置灰設計創(chuàng)新引入商城設計

（一）“置灰跳轉創(chuàng)新”引入購買流程設計
在使用網(wǎng)上商城的時候，當我們點擊某一商品，進入頁面之后，在購買的時候，因為庫存或者其他的原因，無法購買。方維網(wǎng)絡認為，此時是可以嘗試引入“置灰條狀創(chuàng)新”，當無法購買的時候，可以跳出頁面，引導用戶購買相似、相近的商品，提高用戶的留存率。
（二）“置灰已讀創(chuàng)新”引入商品瀏覽頁面設計
包括淘寶、京東在內(nèi)，瀏覽過的商品，與沒有瀏覽過的商品，在視覺上是一樣的。方維網(wǎng)絡認為，如果是瀏覽過的商品，可以引入“置灰已讀創(chuàng)新”，以灰色顯示圖片或者文字，可以提醒用戶無需再次點擊進去，提高用戶的購買效率和體驗。
（三）“置灰支付狀態(tài)創(chuàng)新”引入商城購物車設計
購物車設計是商城設計中非常重要的一環(huán)，因為很多中途離開都是因為購物車設計的不夠合理。方維網(wǎng)絡認為，可以在購物車設計中加入“置灰創(chuàng)新”，例如對于未結算但是仍在購物車之內(nèi)的商品，亦或是重復購買的商品，可以進行置灰，以提醒用戶。