美文网首页产品经理进修之路
Web产品设计中灰色的应用

Web产品设计中灰色的应用

作者: Atman阿特曼 | 来源:发表于2015-12-16 17:52 被阅读162次

前言


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

常见的思路


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

举例

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

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

举例2

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

举例3

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

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

相关文章

网友评论

    本文标题:Web产品设计中灰色的应用

    本文链接:https://www.haomeiwen.com/subject/usxphttx.html