当前位置: 网站建设 > 专业知识资讯 >

Web设计师应遵循的高效设计原则之一:对比_网站建设公司

时间:2013-04-02 16:43来源:未知 作者:网站建设 点击:

标签:Web设计师应遵循的高效设计原则之一:对比_网站建设公司
在网页中,文本跟排版元素的颜色值可以很好地体现对比。须要测试的远景色就是文本自身,而背景色则是文本之下的任何元素,无论是图片、渐变,抑或RGB颜色。 用颜色实现对比 原文链接: 这些工具可以辅助你设计网站,使你的网站有一个适合的前景色与背景色的对比度。某些工具可以检测色差和亮度差的均衡性,并显示出结果,包括亮度差、色差、颜色匹配、比对度,及相应的从AA到AAA等级的WCAG 2值。 重要针对酒店行业和联邦政府进行Web开发的Ryan Boudreaux针对四大设计准则写了一系列文章,本文为第一篇《Effe
Web设计师应遵循的高效设计原则之一:对比_网站建设公司》文章地址:http://www.tfxk.com/zixun/040235YH013.htm

  在网页中,文本跟排版元素的颜色值可以很好地体现“对比&rdquo,网站建设公司;。须要测试的远景色就是文本自身,而背景色则是文本之下的任何元素,无论是图片、渐变,抑或RGB颜色。

 

  用颜色实现对比

  原文链接:

  这些工具可以辅助你设计网站,使你的网站有一个适合的前景色与背景色的对比度。某些工具可以检测色差和亮度差的均衡性,并显示出结果,包括亮度差、色差、颜色匹配、比对度,及相应的从AA到AAA等级的WCAG 2值。

  重要针对酒店行业和联邦政府进行Web开发的Ryan Boudreaux针对四大设计准则写了一系列文章,本文为第一篇《Effective design principles for web designers: Contrast》的译文,内容如下:

  假如你接收过设计方面的正规课程,你可能已经懂得了高效设计原则,它包括四个有名的标准概念:对比(Contrast)、反复(Repetition)、对齐(Alignment)和密切性(Proximity)。良多人简称为PARC或CRAP。这四个设计原则是印刷行业设计的标准常识;实事上,有几本书已被请求作为该科目(包括非设计职员的设计课程)的教科书,好比Robin Williams写的第三版《写给大家看的设计书》(The Non-Designer’s Design Book)。

  Luminosity Colour Contrast Ratio Analyse由Web开发者Gez Lemon提供,通过输入十六进制颜色码,可以盘算出前景色与背景色的亮度对比度。如下图。

        原文:

  Colour Contrast Check由加拿大的Web开发者Jonathan Snook提供,该工具容许你指定一个前景色和背景色,并断定它们是否有足够的对比度,以满意有视觉障碍人的阅读,或合适于在黑白屏上浏览。下图展示了该工具。

  从一个全新的角度来看,网站制作,当两个或更多相干元素以不同方法显示出来时,就会发生对比,差别越显著,对照也就越显明。把类似的元素放在Web页上,并把它们转化为独一的实体、局部,或者容器,这是高效对比的要害点所在。打造具备比较性的元素最广泛的方式包含创立元素的不同属性,比方色彩&mdash,网站设计;—它仿佛已得到最普遍利用。其它的属性包括大小、外形、纹理、方位、地位及活动。但有较大对比度的两个元素不必定会带来存在吸引力的视觉休会。

  本文将重点探讨“对比”这一设计原则,它与Web设计中的颜色及如何测试颜色匹配水平有关。

  Check My Colours工具由自在Web开发者Giovanni Scala供给,它可以用来检测网页中所有DOM元素的前景色与背景色的组合情形。只要要输入待测网站的URL,该工具即可显示出页面中DOM元素是否有充足的对比,以知足有视觉阻碍人群的阅读。Check My Colours所有的检测成果均基于W3C所倡议的算法。下图展现了某简略网站中DOM元素的检测结果。

  

  在Web设计中,好的颜色对比是非常主要的,不仅仅是为了美学价值,还为了Web的可访问性。有些人拥有视觉障碍,或是色盲,应确保网站的颜色对比可以相应地调剂,以增添响应性和可拜访性。所以测试网站的颜色对比是一个很好的抉择,下面列出多少个工具可以提供页面的亮度对比度。对比度在4.5:1或者更高是比拟幻想的,合乎W3C的WCAG 2.0标准。

  

  颜色对比检测工具

 

  对比

  

 

 

  WebAIM Color Contrast Checker能够调暗或调亮最初的前风景与背景色(十六进制的RGB值),直到它满意AA尺度。你可以用这个工具来改变颜色、转变亮度。如下图。

  


(责任编辑:网站建设)
Web设计师应遵循的高效设计原则之一:对比_网站建设公司相关文章
上一篇:英文网站建设实验-第六天-使用Web Directories_网页设计 下一篇:搜索引擎优化之外连建设_成都网络公司
回到顶部