时间:2019-08-09
编辑:网站制作公司
5629
0
有大量关于色彩理论的文章和指南及其对每个网页设计师的重要性。颜色在设计中非常重要,甚至可能在很多情况下影响人们的行为。因此,网页设计师通常会检查他们的网站颜色是否适合整体网站风格,并为用户创造良好的印象。重庆高端网站制作
但是,专注于标准色彩理论,网页设计师经常会忽略一点。有少量人看到不同的颜色。他们视力的细节不允许那些人像其他人那样看待特定的颜色。你漂亮的网站色彩缤纷,可能根本不适合那些人。由于色盲影响约6%至8%的男性和不到1%的女性,您可能会失去大量的潜在客户。
在颜色组合方面关注网站可访问性会带来很多好处。您仍然可以制作一个具有出色调色板的漂亮网站,但您也可以取悦许多视觉障碍者,他们现在可以访问您网站的大多数功能。以下是为您的网站设计选择辅助功能的更多原因:
它允许您在业务竞争对手之前获得优势。如果您的网站对色盲友好且您的竞争对手不是,那么您可能会赢得这场战斗,并从这类人群中获得更多的重复流量。
无障碍网站可能会在搜索引擎中排名更高。
不可访问的网站可能会违反法律问题,因为它们不为视力(和其他)残疾人提供平等机会。
道德方面也很重要。视力残疾人根本无法完全使用不可访问的网站。这令人沮丧,真的伤害了用户体验。
尽管您可能会担心,但是为色盲人士提供网站并不是一项艰巨的任务。事实上,有时甚至更难建立一个不可访问的网站。通过适当的规划和巧妙运用色彩理论和色彩对比,您可以创建一个非常酷的网站,具有出色的用户体验。
当然,使网站100%用户友好的所有类型的用户是一个不可能的任务。首先,很难确定色盲的人是如何看待颜色的。说实话,即使没有色盲的普通用户也能看到颜色和色调不同。
有研究表明了不同类型色盲的人如何看待颜色的想法。但它们并非绝对准确,因此预测色盲用户所看到的仍然是一个挑战。
您始终可以优先处理网站元素和内容以改进它,并确保大多数人都能正确地看到它。有很多方法可以使重要元素脱颖而出,方便用户使用。而且你一定要确保那些基本元素是色盲安全的。这样做的最佳方法是使用对比色来表示背景和元素本身。因此,在白色背景上传统使用黑色文本是由这两种颜色之间的高对比度决定的。还应突出显示导航元素,以便用户可以轻松区分链接和主要内容。
创建色盲安全网站的第一步是为您的调色板选择清晰且匹配良好的颜色。您的任务是撇开色彩意义和心理,并专注于良好的色彩组合和对比,以创建具有强烈层次和重音的清晰网站页面。
您可以使用以下技术和方法来避免可能的陷阱并拥有可访问的网站设计:
1.避免“坏”颜色组合
最常见的色盲类型是难以区分红色/绿色和黄色/蓝色。因此,避免这些组合可以避免为色盲用户提供令人沮丧的体验。其他“危险”颜色组合是:
棕色/绿色
绿,蓝
紫/蓝
灰色/蓝色
绿/灰
黑/绿
黄色/浅绿色
2.颜色对比度很好
您可能会注意到,上面的“不良”颜色组合是不合适的,因为它们的对比度很差。黄色和浅蓝色的光量太近,因此色盲用户很难区分这两者。
请记住,色盲用户应该能够轻松地区分两种颜色之间的差异,就像普通人一样。不要紧,什么颜色正是他们看; 它是关于他们能够将它们视为两种不同的颜色。请注意,据报道,色盲者更善于感知鲜艳的色彩,而不是区分暗淡色彩之间的差异。
3.使用互补色
互补色(传统色轮中彼此相对的色)最适合实现不会影响色盲用户的色彩对比度。当然,除了配对色轮中相反的红色和绿色,但对于大多数色盲用户来说,这是一个很大的禁忌。
4.选择冷色/暖色对比度
色轮还可分为冷色调和暖色调。除了黄色,橙色和红色等暖色调外,只需将它分成两半即可设置冷色调,如蓝色,紫色和绿色。在大多数情况下,冷色和暖色之间的对比效果非常好,可用于创建可访问的设计。这个想法是将深色调的冷色调与较浅色的暖色调相结合。不要忘记,一些色盲用户有黄/蓝类型的视觉障碍,所以最好避免这种组合。
5.选择单色调色板
为了确保您没有使用一些可能不是色盲安全的不良色彩组合,请将几种色彩组合成一种颜色。单色设计使您无法做出错误的选择。此外,单色调和简约风格齐头并进,使您的网站真正时尚和用户友好。
6.使用纹理和粗细来创建重音符号。
为其中一种颜色添加纹理使其更加突出,并有助于显示两个对象之间的差异。粗线和粗体文本也很有用。一些色盲人士指出,如果他们有一些“重量”,他们可以区分两种颜色,而斜体的细线和文字更难区分。
没有太多的工具和服务专注于为色盲用户创建安全的网站。您可以随时检查各种调色板生成器上的颜色组合,并查找补色,正如我上面建议的那样。这里有一些工具和资源可以帮助您创建一个易于使用的盲人网站。
一个很好的模拟器,可以在图像和网页上运行测试。在它的帮助下,您可以了解具有不同类型色盲(红色/绿色或蓝色/黄色缺陷形式)的人如何感知它们,并根据结果构建您的网站。
这是一个很好的资源,包含大量关于色盲性质,类型和特性的信息。它还为色盲用户和在线检查网站颜色的工具提供各种测试。
这个网站建设服务提供了一个检查颜色的好工具。它会自动显示所选模板的调色板,其中包含5种主要颜色和每种颜色的一行色调。您可以更改主要颜色并从下面的行中添加新颜色。对调色板的更改将应用于整个模板。
该工具仍在开发中。但它已经提供了一系列很酷的过滤器,可以让您在色盲人员看到的情况下解读您的网站。您只需在字段中输入您的网站URL,然后选择一种颜色缺陷类型进行检查。
此工具允许您检查具有不同视觉颜色缺陷的人如何感知216色网站管理员的调色板。
当然,网站可访问性不仅仅关注色盲安全功能。您应该考虑其他方面,以使您的网站适合所有类型的用户。从测试开始并经常检查,以确保您的网站使用舒适,您的流量将增长。
重庆高端网站制作
3
s后返回登录3
s后返回登录