Web产品设计中灰色的应用

前言

---

在web设计中，经常会用到灰色。且目前的主流web设计风格的转变，文字大量应用灰色。因此整理了灰色应用的思路。

常见的思路

---

• web站点的文字使用灰色观感更舒适
• 当前场景下禁用或不可操作
• 暗示即将发生的步骤（如：注册流程提示）
• 弱提示/辅助信息
• 未被激活的“隐藏状态”（离线，未被激活的tab页）
• 信息分隔，分隔线

举例

下面我们来打开一些站点来寻找这些设计思路的地方：
举例1

色块区域分隔，提示信息，弱提示，未被激活的内容，分割线，分隔区域

举例2

不可用，区域分隔，分割线

举例3

未被激活的状态，暗示即将发生的步骤

大家也可以去打开一些常去的站点，去寻找下这些思路的应用，加深在web设计中应用灰色的思路。然后就应用到自己的设计中吧。