置灰，是一个网□□□□站设计术□□□□语。表面上的♦意思是说□□□□将网页元□□□□素，或者文字、或图片、或视频资□□料以灰色□□□□呈现；在网页设□□□□计中，置灰值得□□□是将用灰◥色色彩呈□□现部分网※站内容，以提醒用□□□户功能、内容的不□□可用。
如上说法，可能有点□□□过于专业，不容易理□□解。BG大游集团□□□□举一个简□□□单的例子，就能说清□□□楚什么是□□□□置灰。
在上网的□□□□时候，我们经常□□□会看到很□□□多网站打□□□不开，可能出现404页面，如下如所□□□□示：



在网页设计的术语中，这就是置灰设计，整体的页面呈“灰色状”。
随着网页□□□□设计的发□□展，置灰这一□□□□设计也有△一些小创○新，并且部分□□□围绕置灰□□□进行的设◇计创新，被业内和□□□业外的人□□□一直肯定，可以我们□□□常见的。BG大游集团✦提出这样□□□□一个观点：在网页设□□计中围绕□□置灰进行□□□的一些创□□□□新，是可以将✦其引入到“商城建设□□□和商城设□□□□计”之中的，BG大游集团※将会围绕□□□□这一观点□□进行分析。

一、最常见的置灰设计创新

（一）404页面置灰创新
在很长时◇间内，如果无法□□□□打开网页，会出现404页面。最先进行404页面创新□□□□的是一些◤门户网站，他们在404页面呈现“公益广告”，包括儿童◈走失广告、寻亲广告□□□□等等，在利用了□□闲置的网□□络资源的□□□□同时，也会将用●户引导到▽公益页面。
BG大游集团□□将这种置□□□灰创新称□□之为“置灰跳转◥创新”，就是将用✦户从置灰◉页面引导□□□□到其它页▽面。
（二）移动媒体标题置灰创新
在使用移□□动媒体的□□时候，包括今日□□头条、凤凰新闻、腾讯新闻●等，阅读过的□□□文章，其标题呈□□□□现“灰色”。这一小创□□□新一方面□□避免用户♦打开已经□□□阅读过的□□□页面，另一方面□□□也对用户□□浏览历史◆进行提醒，是提升用□□□户体验的□□小创新。BG大游集团★将这种小□□□创新称之♦为“置灰已读□□□创新”。
（三）移动支付状态置灰创新

在使用微□□□□信发红包□□的时候，已经被对□□□方领了的◉红包，呈现“灰色”，而没有被★领用的红□□□□包，仍然是红□□□色。这也是一□□□□种置灰创□□新。方面用户□□□对红包是□□□否领用的□□状态进行□□□查询。BG大游集团□□将其称之□□□为“置灰支付□□□□状态创新”。
如上三种，在用户最♦常见的，也最容易☆理解的“置灰创新”案例，BG大游集团□□认为，如上三种□□□□创新是可□□□□以引入到◇商城设计□□□之中的。

二、置灰设计创新引入商城设计

（一）“置灰跳转创新”引入购买流程设计
在使用网♦上商城的◆时候，当我们点□□□□击某一商✦品，进入页面□□□之后，在购买的◉时候，因为库存□□或者其他◎的原因，无法购买。BG大游集团□□认为，此时是可□□□以尝试引▼入“置灰条状□□创新”，当无法购□□□□买的时候，可以跳出□□页面，引导用户●购买相似、相近的商□□品，提高用户□□□的留存率。
（二）“置灰已读创新”引入商品浏览页面设计
包括淘宝、京东在内，浏览过的□□□商品，与没有浏◣览过的商◤品，在视觉上□□□□是一样的。BG大游集团□□□□认为，如果是浏◈览过的商□□品，可以引入“置灰已读▼创新”，以灰色显※示图片或□□□□者文字，可以提醒□□用户无需丨再次点击□□进去，提高用户□□□□的购买效◆率和体验。
（三）“置灰支付状态创新”引入商城购物车设计
购物车设□□□计是商城·设计中非□□□□常重要的□□□一环，因为很多□□□□中途离开□□□都是因为□□购物车设□□□计的不够□□□□合理。BG大游集团□□认为，可以在购□□□□物车设计□□中加入“置灰创新”，例如对于□□□未结算但▲是仍在购□□□□物车之内□□□的商品，亦或是重□□□复购买的□□□商品，可以进行□□□置灰，以提醒用□□□户。