在进行web的交互设计中,颜色信息的传达也是不可或缺的一部分。我们常会发现许多“灰色”的应用,他们的出现总是不动声色而又恰如其分,维持了整个页面的平衡与统一。本文将从一些实际案例出发,阐述“灰色”在web交互设计中的8类应用。?
首先让mr.gray?来做个简单的自我介绍吧:?
狭义的?mr.gray?
狭义的mr.gray,?是指没有色相与纯度,只有明度,将黑色和白色混和而成的一种中间色。?依据不同分类方法可大体分为浅灰与深灰两种,亦可分为暖灰与冷灰。?
相对来说,其特征为视认性不高,经久耐看,不因过份的鲜明而刺眼,中立而温和。
图例暖灰与冷灰
广义的?mr.gray?
广义的mr.gray是指一切具有中性、温和、不鲜明的现象与事物。在下文中所指的mr.gray,均指的是广义的mr.gray。?
如果把所有的颜色混在一起,会是什么颜色?其实mr.gray?并不孤独。?
mr.gray是一位相当有魅力的绅士。阅历越深,就越能懂得他的价值。?
mr.gray好比是形状中的圆角,可以调和一些矛盾,使得它们不再尖锐。?
下面让我们来看看大家对mr.gray的印象吧:
mr.gray在web?交互设计中的8类应用?
mr.gray谦和内敛等特性决定了他在职业生涯中,大部分时间都在扮演辅助陪衬的角色。下文将以一些实际案例来进行详细说明。?
1.?当前场景下禁用或不可操作?
这类设计处理的好处是避免用户进行无效的操作,提高用户的使用效率,并且给予一定的信息暗示。下图中是一些禁用、不可操作或者没有权限的图例:
2.?暗示一定秩序下,即将发生的步骤、事物?
此类设计可以让用户对即将进行的任务全局一目了然,较少而清晰的步骤不会给用户带来心理压力,相反会促进用户完成该项任务。如下图中的创建qq群的步骤预示。