NEWS动态

你给我们一个空间,我们能做得更好
You give us a lot of space, we can do

客服

Web交互设计“灰色”的8类应用

  • 时间:2020-02-03
  • 浏览:

  正在实行Web的交互计划中,色彩音讯的转达也是弗成或缺的一局限。咱们常会涌现很多“灰色”的运用,他们的显现老是不动声色而又实事求是,坚持了总共页面的均衡与同一。本文将从极少现实案例开拔,说明“灰色”正在Web交互计划中的8类运用。

  狭义的Mr.Gray, 是指没有色相与纯度,惟有明度,将玄色和白色混和而成的一种中央色。 按照分别分类法子可概略分为浅灰与深灰两种,亦可分为暖灰与冷灰。

  广义的Mr.Gray是指全体拥有中性、温和、不昭着的表象与事物。不才文中所指的Mr.Gray,均指的是广义的Mr.Gray。

  Mr.Gray虚心内敛等特征决议了他正在任业生计中,大局限年光都正在饰演辅帮衬托的脚色。下文将以极少现实案例来实行仔细阐明。

  这类计划处分的好处是避免用户实行无效的操作,进步用户的运用效用,而且赐与必然的音讯暗意。下图中是极少禁用、弗成操作或者没有权限的图例:

  此类计划可能让用户对即将实行的职司整体多所周知,较少而显露的设施不会给用户带来心情压力,相反会煽动用户竣事该项职司。如下图中的创筑QQ群的设施预示。

  这一类运用较为普遍,如大段辅帮音讯文字,极少提示音讯,次要衬托音讯,不常用功效操作等,时时彩彩票开奖视频“灰色”处分会让页面调和同一,并超越最紧要的用户体验操作。如下图1中,浏览照片为最首要体验,上排对比片操作的器械栏则实行了“灰色”处分,mouseover时再变亮和厚实。

  正在Web计划当中,常需求研讨眼前态、未被激活态等样式。常见格式是灰色化处分未被激活态,正在比较中运用昭着的颜色告诉用户眼前所处的位子或形态。

  下图为igoogle相合人眼前不正在线时场景,运用了灰色icon来实行划分,这类计划期近时通讯产物中较为广泛。

  深色下划线会给明白的页面带来些许不调和,“灰色”处分可能和谐这种抵触,既能确实转达所需表达的音讯,又能使得页面整个调和同一。

  下图中Flickr的“封闭”操作点击后,会阻挠该密友与你实行全体音讯相易与互动,该操作的“灰色”处分恰巧可能辅帮表达出这层隐含的有趣。

  由于颜色拥有显着的相对性,而某些Web计划为连结整个派头的划一,乃至会将紧要导航“灰色”处分,然而,这些处分都是相对的,也同样可能做到主次大白。如下图中wordpress的主导航。固然导航眼前态文字为灰色,但仰赖淡色靠山,相对而言照样更为超越的。只消独揽住Mr.Gray的相对性,对其运用便能愈加自若了。

友情链接