绍兴网站建设:网页设计中是否需要颜色校准?

2019.08.02 mf_web

169

彩色校准监视器是设计界存在数十年的问题。但最近Amy Hoy,Peter Cooper,Thomas Fuchs和Thijs van der Vossen之间关于这个主题的Twitter辩论提出了一个关键问题:网页设计中是否需要进行颜色校准?

缩略图:彩色涂鸦,可在Photodune上使用

辩论的先例是什么?

绍兴网站建设色彩校准始于印刷设计时代,对于许多在介质中工作的设计师来说仍然是一个非常重要的问题。鉴于屏幕中颜色输出的可变性,再加上打印机的差异,设计人员必须在操作系统中校准其显示器和颜色配置文件以匹配标准,以确保正确的颜色选择。这是Pantone发挥作用的地方,因为它们提供了彩色输出的行业标准。如果您的显示器和打印机校准到Pantone标准,那么两者之间的颜色输出(应该)是准确的。

OSX监视器校准设置

随着越来越多的印刷设计师迁移,标准化颜色输出的问题变得更加突出。每台显示器都遵循一些类似于Pantone标准的标准吗?我们是否应该校准我们的显示器以满足此标准的要求?

值得庆幸的是,微软和惠普帮助建立了sRGB色彩空间,该色彩空间已被大多数消费级设备所采用,并得到了W3C的认可。但是,设备输出存在很多变化; 这与校准问题有关。

校准的论据

该原则的最大支持者揭示了标准的重要性。我们试图将所有东西标准化(包括设计师和开发人员),那么为什么不应该将我们的设计过程(颜色选择)的一部分标准化呢?

Chris Coyier最近向CSS Tricks读者提出了这个问题,并在评论中提出了一些很好的回答。但是,我觉得Shane Parker提出了校准设备的最佳理由:

我不明白这甚至是一个什么问题?当然,您应该使用已知标准通过硬件校准设备校准显示器。观看您网站的大多数人是否也有校准显示器?当然不是。但是,并不是所有未校准的监视器都以相同的方式查看。未经校准的显示器在颜色方面到处都是,这是您应该校准的最大原因!至少你会知道你已经过校准以校正颜色,以便那些经过校准(或者使用的监视器从一开始就没有可靠的校准)将会看到你希望他们看到的颜色。

垃圾输入=垃圾输出。如果你从垃圾开始,你更有可能最终得到垃圾。作为专业人士,显示器校准是设置环境的第一步(我是一个网络开发人员和摄影师,所以对我来说更重要的是保持校准)。

我同意他的观点:你应该努力处于频谱的中间位置,以减少观众设备的偏差。如果您的显示器在一个方向上不知不觉地倾斜,那么在具有不同校准的设备上结果将更加错开。至少当您的设备针对中间校准时,输出将“更少错误”。

绝大多数设计师似乎也赞同他的陈述。反对网页设计中的颜色校准的论点并没有告诫这种做法,而是指出手头上存在的问题比颜色色调更大。

反对校准的论点
(相反,对比的论证)

关于颜色校准的争论不能简单地定义为“yay / nay”情况,因为它归结为优先级问题。那些反对校准的人注意到对比度在网页设计中对正确色调的重要性。

从某种意义上说,如果您知道您的显示器足够并且“合理校准”,那么您不必担心实现真正的颜色校准。相反,要关注可访问性并将精确和准确的颜色作为次要问题。设计意味着易于阅读和访问。通过使用昂贵的专业级设备专注于色调,设计师的优先级以用户最终痛苦的方式转移。虽然可以说选择错误的颜色可以改变用户对设计的反应,但有两个更大的论据是先例:

  • 显示不良的人习惯于“不正确”的事情,因为这是他们工作的环境。(Aaron Silber很好地阐述了这一点)。

  • 以艺术性为重点,你可以得到一个低对比度的调色板,它会在执行时伤害你的设计。

可访问性应始终位于网站设计的最前沿,而基于微妙色调偏移的调色板通常不适合这种理想。无数的例子可以看出对比度叛乱,并已讨论了 很多 次这个网站。

这个特别疼,因为我喜欢Reeder的其他一切。

采访Patrick Kovacich 
UI + UX Designer

我能够采访Patrick Kovacich,他是一位用户界面和体验设计师,在这个主题上也有很多印刷经验(更不用说我见过的一些最酷的衬衫设计)了,他能够详细说明设备输出的可变性:

想出这样的想法需要一定程度的天才和疯狂。

问:您对印刷和网页设计行业的经验如何,您主要在哪里工作?

在网络不仅仅是学术用途(90年代中期)之前,我开始使用印刷版面,所以我在那里有很多经验。即使在进入网页设计和本机应用程序UI设计之后,我仍然继续进行大量的打印项目。我主要在网络/屏幕上工作,而印刷工作是绝大多数。

问:您在设计时使用了哪些软件?

视觉上,Adobe Fireworks和Adobe Illustrator。如果我正在进行视觉实际上是浏览器渲染的网络工作,我将使用纯文本编辑器或Dreamweaver。

问您的计算机设置是什么(操作系统,监视器[s],绘图板)?

主要是MacOSX 10.6,库存17英寸Macbook专业版屏幕(遮罩。)我使用Windows 7机器大约25%的时间,使用20英寸Acer显示器和Wacom Graphire平板电脑进行更多的艺术工作。但是,我做的大部分设计工作都不是使用平板电脑。

问:在您看来,您认为正确校准显示器以达到行业定义的“基线”是否很重要?

不会。我的绝大部分工作都是由那些没有校准显示器的人消费,所以我特意注意不要依赖只能在完美校准的电影院显示器或高对比度等离子面板上工作的对比度细节。

我的目标受众从iMac多功能一体显示器到非常便宜的LCD面板驱动的XP笔记本电脑不等,所以我的观众并没有像我一样坚持设置颜色配置文件并严格校准显示器的价值。由我的印刷店。我发现,查看校样和共享颜色配置文件非常容易解决我在使用它们时遇到的任何问题。

问:如果没有,那么如何确保您的显示器足够接近正确的校准,您的颜色选择将很好地转化为您的大多数用户; 那些赞成色彩校准的设计师指出了他们对这种做法的辩护?

我倾向于实际上将颜色配置文件翻转到A / B测试不同的配置,最关键的是,不同的亮度/ LCD倾斜。随着越来越多的观众转向笔记本电脑液晶显示器和移动设备,其中一些具有非常窄的视角,笔记本电脑的铰链位置或移动设备的定位实际上可以改变感知的颜色。这种真实世界的实验让我可以确保设计的关键部分无论我的观众所处的设备和工作环境如何都能发挥作用,并且比假设它们都符合我田园诗般的设计条件更有用。

正如我所说,在印刷工作中有很多工具可以“翻译”并验证我们在最终结果的同一页面上,而印刷厂通常能够与我说更高的设计语言,以达到相互满意的结果。我没有要求我的屏幕观众经历这一点的奢侈,所以我不太担心我的显示器调整到对他们毫无意义的标准。

采访Ian Yates 
Webdesigntuts +编辑

Ian Yates(我们的Webdesigntuts +新手编辑)非常慷慨地提供他对这个主题的看法,鉴于他的印刷背景,我觉得这对讨论至关重要:

问:您对印刷和网页设计行业的经验如何,您主要在哪里工作?

这些天我主要从事网页设计工作,虽然我在设计方面的第一份工作是在鹿特丹的一家小型广告公司工作,但肯定会有更多的印刷偏见。在过去五年左右的时间里,我一直专注于网络。

问:您在设计时使用了哪些软件?

由于我的根源在于印刷设计和插图,我对矢量感到最舒服。让我坐在Adobe Illustrator后面,我是一个快乐的家伙。Photoshop让我在网页设计方面最忙碌,这很奇怪,因为你期望Fireworks成为一个更合乎逻辑的家。我仍然总是用笔和纸开始 - 似乎无法摆脱那种习惯:)

问您的计算机设置是什么(操作系统,监视器[s],绘图板)?

我有一个带有两个戴尔22英寸屏幕的四核Mac Pro(这是非常有价值的。)Mac只有几年的历史,是我旧电脑PC的合理升级,不过如果我等了,我可能会很好地选择了大量的iMac。一个漂亮,肥胖的Wacom平板电脑在我的愿望清单上很高,但似乎总有一些更明智的事情来花费我辛苦赚来的便士。

问:在您看来,您认为正确校准显示器以达到行业定义的“基线”是否很重要?

当我忙于打印时,我的很多工作都围绕着身份:徽标,头纸,文具,展台,宣传材料等等,并且涉及大量细致的色彩工作。正确布局的视觉识别包包括特定的Pantone调色板,通常相当受限制,因为更多的颜色会带来更高的打印成本。在文档中使用Pantone颜色(例如,而不是CMYK)意味着打印结果是死证书; 它看起来与任何其他具有这些颜色的印刷产品完全相同(假设打印机正常工作。)

在打印时,建议校准显示器,以便您所看到的与实际打印输出尽可能一致。我个人对此毫无希望。我一直把Pantone样片拿到我的屏幕上,想着“我真的在这里使用正确的音调吗?!”

就网络而言,我不确定它是如此相关。我以前没有多想过,因为你无法准确地模仿用户如何看待你的作品。这些天,我开始默认,开箱即用的校准。

问:如果没有,那么如何确保您的显示器足够接近正确的校准,您的颜色选择将很好地转化为您的大多数用户; 那些赞成色彩校准的设计师指出了他们对这种做法的辩护?

我不确定你能不能。您必须接受用户拥有许多不同的屏幕,不同的设备和不同的校准。不同年龄的相同屏幕之间甚至会出现差异。事实上,大多数用户可能无法按照您的预期方式体验您的工作。寻求平均模式 - 大多数人将使用他们的设备,因为他们从现成。

结论

Pantone标准之所以有效,是因为印刷业广泛采用它,并且从业者始终如一地保持其设备以确保校准。但大多数网络用户都不能(也不应该)期待这一点; 有些设备可能根本就没有校准过。这是“互联网的脏窗口”参数最有效的地方:您的网站在显示器上无法正确呈现的问题通常是显示器本身的更大问题。

绍兴网站建设如果您有时间和资源来校准您的设备,或者如果您的工作对于广泛的调色板是必不可少的,那么您应该校准您的显示器。然而,在大多数情况下,一旦设计师接受了这样的事实,颜色校准就成了一个问题,因为网上没有像印刷品那样的标准输出。相反,强烈的色彩对比度和可访问性是更重要的因素,必须在网页设计中加以考虑。

很高兴写这篇文章,我希望每个人都喜欢阅读它,就像我喜欢写它一样!与往常一样,非常感谢反馈。


最新案例

联系电话 400-6065-301

留言